|
@@ -1,10 +1,11 @@
|
|
|
-.participleWrappper{
|
|
|
- width: 100%;
|
|
|
- min-width: 1200px;
|
|
|
- .titleTxt{
|
|
|
- text-indent: 10px;
|
|
|
- }
|
|
|
- /* .title{
|
|
|
+.participleWrappper {
|
|
|
+ width: 100%;
|
|
|
+ min-width: 1200px;
|
|
|
+ padding-top: 100px;
|
|
|
+ .titleTxt {
|
|
|
+ text-indent: 10px;
|
|
|
+ }
|
|
|
+ /* .title{
|
|
|
width: 100%;
|
|
|
min-width: 1200px;
|
|
|
position: relative;
|
|
@@ -40,444 +41,447 @@
|
|
|
color: #fff;
|
|
|
line-height: 40px;
|
|
|
}*/
|
|
|
- .content{
|
|
|
- position: relative;
|
|
|
- width: 1200px;
|
|
|
- cursor: default;
|
|
|
- height: 100%;
|
|
|
- border-radius:2px;
|
|
|
- margin: 10px auto;
|
|
|
- .contentTitle{
|
|
|
- font-size: 16px;
|
|
|
- height: 44px;
|
|
|
- line-height: 44px;
|
|
|
- border-bottom: 1px solid #6794A8;
|
|
|
- font-weight:600;
|
|
|
- color: #fff;
|
|
|
- position: relative;
|
|
|
- img {
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 12px;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- }
|
|
|
- #toggleImg, #toggleImgs{
|
|
|
- position: absolute;
|
|
|
- color: #5BBBFF;
|
|
|
- display: block;
|
|
|
- top: 6px;
|
|
|
- width: 48px;
|
|
|
- text-align: center;
|
|
|
- height: 30px;
|
|
|
- line-height: 28px;
|
|
|
- cursor: pointer;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 400;
|
|
|
- border: 1px solid #5BBBFF;
|
|
|
- box-sizing: border-box;
|
|
|
- display: none;
|
|
|
- }
|
|
|
- #toggleImg {
|
|
|
- right: 47px;
|
|
|
- border-radius: 4px 0 0 4px;
|
|
|
- // display: none;
|
|
|
- }
|
|
|
- #toggleImgs {
|
|
|
- right: 0;
|
|
|
- border-radius: 0 4px 4px 0;
|
|
|
- // display: block;
|
|
|
- }
|
|
|
- #toggleImg.activeBtn,#toggleImgs.activeBtn{
|
|
|
- background: #5BBBFF;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- }
|
|
|
- .contentInfoBox{
|
|
|
- width: 100%;
|
|
|
- padding: 0 20px;
|
|
|
- background: rgba(66, 143, 220, 0.25);;
|
|
|
- margin: 0 0 10px 0;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .infoBox{
|
|
|
- display: block;
|
|
|
- }
|
|
|
- .infoTxt{
|
|
|
- min-height: 33px;
|
|
|
- width: 100%;
|
|
|
- font-size: 14px;
|
|
|
- color: #fff;
|
|
|
- resize: none;
|
|
|
- line-height: 18px;
|
|
|
- // outline: none;
|
|
|
- padding: 10px;
|
|
|
- background: #0D2C53;
|
|
|
- border: 1px solid #6794A8;
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin: 15px 0 0 0;
|
|
|
- }
|
|
|
- .infoTxt:focus{
|
|
|
- border: 1px solid #58a6e7;
|
|
|
- outline: 0;
|
|
|
- -webkit-box-shadow:#58a6e7 0px 0px 2px;
|
|
|
- -moz-box-shadow: #58a6e7 0px 0px 2px;
|
|
|
- box-shadow: #58a6e7 0px 0px 2px;
|
|
|
- }
|
|
|
+ .content {
|
|
|
+ position: relative;
|
|
|
+ width: 1200px;
|
|
|
+ cursor: default;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 2px;
|
|
|
+ margin: 10px auto;
|
|
|
+ .contentTitle {
|
|
|
+ font-size: 16px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ border-bottom: 1px solid #6794a8;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #fff;
|
|
|
+ position: relative;
|
|
|
+ img {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 12px;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ }
|
|
|
+ #toggleImg,
|
|
|
+ #toggleImgs {
|
|
|
+ position: absolute;
|
|
|
+ color: #5bbbff;
|
|
|
+ display: block;
|
|
|
+ top: 6px;
|
|
|
+ width: 48px;
|
|
|
+ text-align: center;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 28px;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ border: 1px solid #5bbbff;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ #toggleImg {
|
|
|
+ right: 47px;
|
|
|
+ border-radius: 4px 0 0 4px;
|
|
|
+ // display: none;
|
|
|
+ }
|
|
|
+ #toggleImgs {
|
|
|
+ right: 0;
|
|
|
+ border-radius: 0 4px 4px 0;
|
|
|
+ // display: block;
|
|
|
+ }
|
|
|
+ #toggleImg.activeBtn,
|
|
|
+ #toggleImgs.activeBtn {
|
|
|
+ background: #5bbbff;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .contentInfoBox {
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 20px;
|
|
|
+ background: rgba(66, 143, 220, 0.25);
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .infoBox {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .infoTxt {
|
|
|
+ min-height: 33px;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ resize: none;
|
|
|
+ line-height: 18px;
|
|
|
+ // outline: none;
|
|
|
+ padding: 10px;
|
|
|
+ background: #0d2c53;
|
|
|
+ border: 1px solid #6794a8;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin: 15px 0 0 0;
|
|
|
+ }
|
|
|
+ .infoTxt:focus {
|
|
|
+ border: 1px solid #58a6e7;
|
|
|
+ outline: 0;
|
|
|
+ -webkit-box-shadow: #58a6e7 0px 0px 2px;
|
|
|
+ -moz-box-shadow: #58a6e7 0px 0px 2px;
|
|
|
+ box-shadow: #58a6e7 0px 0px 2px;
|
|
|
+ }
|
|
|
|
|
|
- input::-webkit-input-placeholder{
|
|
|
- color: #c3ebf5;
|
|
|
- }
|
|
|
+ input::-webkit-input-placeholder {
|
|
|
+ color: #c3ebf5;
|
|
|
+ }
|
|
|
|
|
|
- input:-moz-placeholder,textarea:-moz-placeholder{
|
|
|
- color: #c3ebf5;
|
|
|
- }
|
|
|
- input::-moz-placeholder,textarea::-moz-placeholder{
|
|
|
- color: #c3ebf5;
|
|
|
- }
|
|
|
- input:-ms-input-placeholder,textarea:-ms-input-placeholder{
|
|
|
- color: #c3ebf5;
|
|
|
- }
|
|
|
+ input:-moz-placeholder,
|
|
|
+ textarea:-moz-placeholder {
|
|
|
+ color: #c3ebf5;
|
|
|
+ }
|
|
|
+ input::-moz-placeholder,
|
|
|
+ textarea::-moz-placeholder {
|
|
|
+ color: #c3ebf5;
|
|
|
+ }
|
|
|
+ input:-ms-input-placeholder,
|
|
|
+ textarea:-ms-input-placeholder {
|
|
|
+ color: #c3ebf5;
|
|
|
+ }
|
|
|
|
|
|
- .btnBox{
|
|
|
- height: 36px;
|
|
|
- padding: 20px 0;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .btn{
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- margin-left: -48px;
|
|
|
- background: linear-gradient(270deg, #00B0FE 0%, #006CE7 100%);
|
|
|
- color: #fff;
|
|
|
- padding: 9px 20px;
|
|
|
- text-align: center;
|
|
|
- border-radius:4px;
|
|
|
- font-size: 14px;
|
|
|
- display: inline-block;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .example-btn{
|
|
|
- color: #5BBBFF;
|
|
|
- text-align: center;
|
|
|
- border-radius:4px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 500;
|
|
|
- display: inline-block;
|
|
|
- margin: 0 20px 0 0;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- }
|
|
|
- // .example-btn:hover{
|
|
|
- // background-color: #5A8EEE;
|
|
|
- // border-color: #5A8EEE;
|
|
|
- // color: #fff;
|
|
|
- // }
|
|
|
- .resultBox{
|
|
|
- white-space: pre-wrap;
|
|
|
- min-height: 155px;
|
|
|
- line-height: 21px;
|
|
|
- padding: 20px 0;
|
|
|
- width: 100%;
|
|
|
- position: relative;
|
|
|
- font-size: 14px;
|
|
|
- color: #fff;
|
|
|
- // css保留换行符
|
|
|
- // white-space: pre-line;
|
|
|
- }
|
|
|
- .star{
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- .entryItem{
|
|
|
- display: inline-block;
|
|
|
- color: #71FFE6;
|
|
|
- position: relative;
|
|
|
- border-bottom: 1px solid #71FFE6;
|
|
|
- }
|
|
|
- .type{
|
|
|
- position: absolute;
|
|
|
- top: -35px;
|
|
|
- white-space: nowrap;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- display: inline-block;
|
|
|
- background: #7F7F7F;
|
|
|
- padding: 5px;
|
|
|
- font-size: 14px;
|
|
|
- color: #fff;
|
|
|
- display: none;
|
|
|
- border-radius:4px;
|
|
|
- }
|
|
|
- .trangle{
|
|
|
- position: absolute;
|
|
|
- bottom: -12px;
|
|
|
- left: 50%;
|
|
|
- margin-left: -6px;
|
|
|
- width: 0;
|
|
|
- height: 0;
|
|
|
- border-width: 6px;
|
|
|
- border-style: solid;
|
|
|
- border-color:#7F7F7F transparent transparent transparent;
|
|
|
- }
|
|
|
-
|
|
|
- .entryItem:hover{
|
|
|
- span{
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- }
|
|
|
- .tableBox{
|
|
|
- min-height: 165px;
|
|
|
- position: relative;
|
|
|
- padding: 0 0 30px 0;
|
|
|
- }
|
|
|
- table{
|
|
|
- display: none;
|
|
|
- width: 100%;
|
|
|
- border: 1px solid #E6E8F0;
|
|
|
- box-sizing: border-box;
|
|
|
- border-collapse: collapse;
|
|
|
- font-size: 14px;
|
|
|
- thead{
|
|
|
- tr,td{
|
|
|
- border: none;
|
|
|
- }
|
|
|
- width: 100%;
|
|
|
- background: #0D2C53;
|
|
|
- color: #5BBBFF;
|
|
|
- top: 0;
|
|
|
- display:table;
|
|
|
- table-layout:fixed;
|
|
|
+ .btnBox {
|
|
|
+ height: 36px;
|
|
|
+ padding: 20px 0;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .btn {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -48px;
|
|
|
+ background: linear-gradient(270deg, #00b0fe 0%, #006ce7 100%);
|
|
|
+ color: #fff;
|
|
|
+ padding: 9px 20px;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 14px;
|
|
|
+ display: inline-block;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .example-btn {
|
|
|
+ color: #5bbbff;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 500;
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 20px 0 0;
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+ // .example-btn:hover{
|
|
|
+ // background-color: #5A8EEE;
|
|
|
+ // border-color: #5A8EEE;
|
|
|
+ // color: #fff;
|
|
|
+ // }
|
|
|
+ .resultBox {
|
|
|
+ white-space: pre-wrap;
|
|
|
+ min-height: 155px;
|
|
|
+ line-height: 21px;
|
|
|
+ padding: 20px 0;
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ // css保留换行符
|
|
|
+ // white-space: pre-line;
|
|
|
+ }
|
|
|
+ .star {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .entryItem {
|
|
|
+ display: inline-block;
|
|
|
+ color: #71ffe6;
|
|
|
+ position: relative;
|
|
|
+ border-bottom: 1px solid #71ffe6;
|
|
|
+ }
|
|
|
+ .type {
|
|
|
+ position: absolute;
|
|
|
+ top: -35px;
|
|
|
+ white-space: nowrap;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ display: inline-block;
|
|
|
+ background: #7f7f7f;
|
|
|
+ padding: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ display: none;
|
|
|
+ border-radius: 4px;
|
|
|
+ }
|
|
|
+ .trangle {
|
|
|
+ position: absolute;
|
|
|
+ bottom: -12px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -6px;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border-width: 6px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: #7f7f7f transparent transparent transparent;
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
- tbody{
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- max-height:570px;
|
|
|
- overflow-x:hidden;
|
|
|
- overflow-y:auto;
|
|
|
- text-align: center;
|
|
|
- tr{
|
|
|
- width: 100%;
|
|
|
- display:table;
|
|
|
- table-layout:fixed;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- td{
|
|
|
- border: 1px solid #E6E8F0;
|
|
|
- line-height: 36px;
|
|
|
- height: 37px;
|
|
|
- color: #fff;
|
|
|
- border-bottom: none
|
|
|
- }
|
|
|
- tr{
|
|
|
- line-height: 36px;
|
|
|
- height: 37px;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- .tableTitle{
|
|
|
- width: 100%;
|
|
|
- font-size: 14px;
|
|
|
- font-weight:600;
|
|
|
- color: #fff;
|
|
|
- padding: 20px 0 10px;
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .entry1,.entry2,.relationType{
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .disabled{
|
|
|
- opacity: 0.5;
|
|
|
- filter: "alpha(opacity=50)";
|
|
|
- filter: alpha(opacity=50);
|
|
|
- }
|
|
|
- .analying{
|
|
|
- display: none;
|
|
|
+ .entryItem:hover {
|
|
|
+ span {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .tableBox {
|
|
|
+ min-height: 165px;
|
|
|
+ position: relative;
|
|
|
+ padding: 0 0 30px 0;
|
|
|
+ }
|
|
|
+ table {
|
|
|
+ display: none;
|
|
|
+ width: 100%;
|
|
|
+ border: 1px solid #e6e8f0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-collapse: collapse;
|
|
|
+ font-size: 14px;
|
|
|
+ thead {
|
|
|
+ tr,
|
|
|
+ td {
|
|
|
+ border: none;
|
|
|
}
|
|
|
- .empty{
|
|
|
- position: absolute;
|
|
|
- // display: none;
|
|
|
- width: 120px;
|
|
|
- height: 140px;
|
|
|
- top: 50%;
|
|
|
- left: 50%;
|
|
|
- margin: -50px 0 0 -51px;
|
|
|
- // display: none;
|
|
|
- .emptyImg{
|
|
|
- position: relative;
|
|
|
- width: 100px;
|
|
|
- left: 10px;
|
|
|
- }
|
|
|
- .emptyTxt{
|
|
|
- width: 120px;
|
|
|
- font-size:12px;
|
|
|
- margin: 20px 0 0 0;
|
|
|
- text-align: center;
|
|
|
- color: #aaa;
|
|
|
- }
|
|
|
+ width: 100%;
|
|
|
+ background: #0d2c53;
|
|
|
+ color: #5bbbff;
|
|
|
+ top: 0;
|
|
|
+ display: table;
|
|
|
+ table-layout: fixed;
|
|
|
+ }
|
|
|
+ tbody {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ max-height: 570px;
|
|
|
+ overflow-x: hidden;
|
|
|
+ overflow-y: auto;
|
|
|
+ text-align: center;
|
|
|
+ tr {
|
|
|
+ width: 100%;
|
|
|
+ display: table;
|
|
|
+ table-layout: fixed;
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
-}
|
|
|
-.example{
|
|
|
- height: 48px;
|
|
|
- position: relative;
|
|
|
- line-height: 48px;
|
|
|
- text-indent: 15px;
|
|
|
- cursor: pointer;
|
|
|
- color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- &:hover,&.selected{
|
|
|
- background: rgba(66, 143, 220, 0.25);
|
|
|
-
|
|
|
- }
|
|
|
- &.selected img{
|
|
|
- transform: rotate(180deg);
|
|
|
- top:19px;
|
|
|
- }
|
|
|
+ td {
|
|
|
+ border: 1px solid #e6e8f0;
|
|
|
+ line-height: 36px;
|
|
|
+ height: 37px;
|
|
|
+ color: #fff;
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ tr {
|
|
|
+ line-height: 36px;
|
|
|
+ height: 37px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .tableTitle {
|
|
|
+ width: 100%;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #fff;
|
|
|
+ padding: 20px 0 10px;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .entry1,
|
|
|
+ .entry2,
|
|
|
+ .relationType {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .disabled {
|
|
|
+ opacity: 0.5;
|
|
|
+ filter: "alpha(opacity=50)";
|
|
|
+ filter: alpha(opacity=50);
|
|
|
+ }
|
|
|
+ .analying {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .empty {
|
|
|
+ position: absolute;
|
|
|
+ // display: none;
|
|
|
+ width: 120px;
|
|
|
+ height: 140px;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ margin: -50px 0 0 -51px;
|
|
|
+ // display: none;
|
|
|
+ .emptyImg {
|
|
|
+ position: relative;
|
|
|
+ width: 100px;
|
|
|
+ left: 10px;
|
|
|
+ }
|
|
|
+ .emptyTxt {
|
|
|
+ width: 120px;
|
|
|
+ font-size: 12px;
|
|
|
+ margin: 20px 0 0 0;
|
|
|
+ text-align: center;
|
|
|
+ color: #aaa;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
-.exampleInfo{
|
|
|
- color: #fff;
|
|
|
+.example {
|
|
|
+ height: 48px;
|
|
|
+ position: relative;
|
|
|
+ line-height: 48px;
|
|
|
+ text-indent: 15px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ &:hover,
|
|
|
+ &.selected {
|
|
|
background: rgba(66, 143, 220, 0.25);
|
|
|
- padding: 15px;
|
|
|
- font-size: 14px;
|
|
|
- line-height: 21px;
|
|
|
- display: none;
|
|
|
+ }
|
|
|
+ &.selected img {
|
|
|
+ transform: rotate(180deg);
|
|
|
+ top: 19px;
|
|
|
+ }
|
|
|
}
|
|
|
-.exampleBtn{
|
|
|
- display: inline-block;
|
|
|
- width:60px;
|
|
|
- height:28px;
|
|
|
- line-height: 28px;
|
|
|
- border-radius:14px;
|
|
|
- border:1px solid #5BBBFF;
|
|
|
- color: #5BBBFF;
|
|
|
- position: absolute;
|
|
|
- right: 75px;
|
|
|
- top: 9px;
|
|
|
+.exampleInfo {
|
|
|
+ color: #fff;
|
|
|
+ background: rgba(66, 143, 220, 0.25);
|
|
|
+ padding: 15px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 21px;
|
|
|
+ display: none;
|
|
|
}
|
|
|
-.iconSlide{
|
|
|
- position: absolute;
|
|
|
- width: 14px;
|
|
|
- top: 13px;
|
|
|
- right: 15px;
|
|
|
+.exampleBtn {
|
|
|
+ display: inline-block;
|
|
|
+ width: 60px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ border-radius: 14px;
|
|
|
+ border: 1px solid #5bbbff;
|
|
|
+ color: #5bbbff;
|
|
|
+ position: absolute;
|
|
|
+ right: 75px;
|
|
|
+ top: 9px;
|
|
|
}
|
|
|
-.footer{
|
|
|
- width: 100%;
|
|
|
- margin: 24px 0;
|
|
|
- text-align: center;
|
|
|
- font-size: 12px;
|
|
|
- color: #A7CFFC;
|
|
|
+.iconSlide {
|
|
|
+ position: absolute;
|
|
|
+ width: 14px;
|
|
|
+ top: 13px;
|
|
|
+ right: 15px;
|
|
|
+}
|
|
|
+.footer {
|
|
|
+ width: 100%;
|
|
|
+ margin: 24px 0;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #a7cffc;
|
|
|
}
|
|
|
-
|
|
|
|
|
|
#svg > svg {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
#svg .poplar-annotation-content {
|
|
|
- // font-family: "PingFang SC", serif;
|
|
|
- font-size: 16px;
|
|
|
+ // font-family: "PingFang SC", serif;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
-#svg .poplar-annotation-content tspan{
|
|
|
- fill: #fff;
|
|
|
+#svg .poplar-annotation-content tspan {
|
|
|
+ fill: #fff;
|
|
|
}
|
|
|
/* Label */
|
|
|
#svg .poplar-annotation-label {
|
|
|
- // font-family: "PingFang SC", serif;
|
|
|
- font-size: 12px;
|
|
|
+ // font-family: "PingFang SC", serif;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
-#svg text.poplar-annotation-connection{
|
|
|
- fill: #fff;
|
|
|
+#svg text.poplar-annotation-connection {
|
|
|
+ fill: #fff;
|
|
|
}
|
|
|
-#svg .poplar-annotation-label rect{
|
|
|
- rx: 4px;
|
|
|
- fill: rgba(66, 143, 220, 0.25);
|
|
|
- color: #71FFE6;
|
|
|
+#svg .poplar-annotation-label rect {
|
|
|
+ rx: 4px;
|
|
|
+ fill: rgba(66, 143, 220, 0.25);
|
|
|
+ color: #71ffe6;
|
|
|
}
|
|
|
//箭头
|
|
|
-#svg marker path{
|
|
|
- fill:#C7B02E;
|
|
|
- color: #C7B02E;
|
|
|
- stroke: none;
|
|
|
+#svg marker path {
|
|
|
+ fill: #c7b02e;
|
|
|
+ color: #c7b02e;
|
|
|
+ stroke: none;
|
|
|
}
|
|
|
-#svg g rect{
|
|
|
- fill: none;
|
|
|
- color: #fff;
|
|
|
- stroke: none;
|
|
|
+#svg g rect {
|
|
|
+ fill: none;
|
|
|
+ color: #fff;
|
|
|
+ stroke: none;
|
|
|
}
|
|
|
-#svg .poplar-annotation-label g rect{
|
|
|
- rx: 4px;
|
|
|
- fill: rgba(66, 143, 220, 0.25);
|
|
|
- color: #71FFE6;
|
|
|
+#svg .poplar-annotation-label g rect {
|
|
|
+ rx: 4px;
|
|
|
+ fill: rgba(66, 143, 220, 0.25);
|
|
|
+ color: #71ffe6;
|
|
|
}
|
|
|
-#svg .poplar-annotation-label g text{
|
|
|
- fill: #71FFE6;
|
|
|
+#svg .poplar-annotation-label g text {
|
|
|
+ fill: #71ffe6;
|
|
|
}
|
|
|
-#svg g path{
|
|
|
- fill: none;
|
|
|
- stroke: #71FFE6;
|
|
|
+#svg g path {
|
|
|
+ fill: none;
|
|
|
+ stroke: #71ffe6;
|
|
|
}
|
|
|
#svg .poplar-annotation-label.hover {
|
|
|
-
|
|
|
}
|
|
|
-#svg .poplar-annotation-label.hover rect{
|
|
|
- fill: #398ee340;
|
|
|
- color: #71FFE6;
|
|
|
+#svg .poplar-annotation-label.hover rect {
|
|
|
+ fill: #398ee340;
|
|
|
+ color: #71ffe6;
|
|
|
}
|
|
|
/* Connection */
|
|
|
#svg .poplar-annotation-connection {
|
|
|
- // font-family: "PingFang SC", serif;
|
|
|
- font-size: 11px;
|
|
|
+ // font-family: "PingFang SC", serif;
|
|
|
+ font-size: 11px;
|
|
|
}
|
|
|
/* 例如根元素的id是example时,需要 */
|
|
|
/* 单独的.poplar-annotation-connection-line不会生效 */
|
|
|
#svg .poplar-annotation-connection-line {
|
|
|
- stroke: #C7B02E;
|
|
|
+ stroke: #c7b02e;
|
|
|
}
|
|
|
|
|
|
#svg .poplar-annotation-connection-line.hover {
|
|
|
- stroke: #e7cb2f;
|
|
|
+ stroke: #e7cb2f;
|
|
|
}
|
|
|
#svg {
|
|
|
- display: none;
|
|
|
+ display: none;
|
|
|
}
|
|
|
.showCheck {
|
|
|
- display: none;
|
|
|
- width: 700px;
|
|
|
- // min-height: 100px;
|
|
|
- // border: 1px solid #ccc;
|
|
|
- position: fixed;
|
|
|
- top: 30%;
|
|
|
- left: 50%;
|
|
|
- margin-left: -350px;
|
|
|
+ display: none;
|
|
|
+ width: 700px;
|
|
|
+ // min-height: 100px;
|
|
|
+ // border: 1px solid #ccc;
|
|
|
+ position: fixed;
|
|
|
+ top: 30%;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -350px;
|
|
|
+ background-color: #fff;
|
|
|
+ img {
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ position: absolute;
|
|
|
+ top: -7px;
|
|
|
+ right: -7px;
|
|
|
+ display: inline-block;
|
|
|
+ cursor: pointer;
|
|
|
background-color: #fff;
|
|
|
- img {
|
|
|
- width: 15px;
|
|
|
- height: 15px;
|
|
|
- position: absolute;
|
|
|
- top: -7px;
|
|
|
- right: -7px;
|
|
|
- display: inline-block;
|
|
|
- cursor: pointer;
|
|
|
- background-color: #fff;
|
|
|
+ }
|
|
|
+ table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+ .head {
|
|
|
+ background-color: #eff0f9;
|
|
|
}
|
|
|
- table {
|
|
|
- width: 100%;
|
|
|
- border-collapse: collapse;
|
|
|
- .head {
|
|
|
- background-color: #EFF0F9;
|
|
|
- }
|
|
|
- tr {
|
|
|
-
|
|
|
- }
|
|
|
- td {
|
|
|
- border: 1px solid #E6E8F0;
|
|
|
- font-size: 14px;
|
|
|
- text-align: center;
|
|
|
- padding: 5px 10px;
|
|
|
- }
|
|
|
+ tr {
|
|
|
+ }
|
|
|
+ td {
|
|
|
+ border: 1px solid #e6e8f0;
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 5px 10px;
|
|
|
}
|
|
|
-}
|
|
|
+ }
|
|
|
+}
|