Browse Source

修改样式

lex 1 year ago
parent
commit
ca258769a6

+ 1 - 1
osmd-extended

@@ -1 +1 @@
-Subproject commit 4e2e9dce29b9bf1b8a49f50452e231444512ee0e
+Subproject commit 2d31dab2b737f516adf0077a9e74fed0a7e26e27

+ 43 - 11
src/page-instrument/view-evaluat-report/component/share-top/index.module.less

@@ -27,13 +27,16 @@
         height: 24px;
         height: 24px;
     }
     }
 }
 }
-.disabled{
+
+.disabled {
     //opacity: 0;
     //opacity: 0;
     pointer-events: none;
     pointer-events: none;
 }
 }
+
 .left {
 .left {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
+
     .leftContent {
     .leftContent {
         .lcName {
         .lcName {
             font-size: 18px;
             font-size: 18px;
@@ -42,12 +45,14 @@
             line-height: 25px;
             line-height: 25px;
             margin-bottom: 2px;
             margin-bottom: 2px;
             padding: 0 !important;
             padding: 0 !important;
-            :global{
-                .van-notice-bar{
+
+            :global {
+                .van-notice-bar {
                     padding: 0 !important;
                     padding: 0 !important;
                 }
                 }
-              }
+            }
         }
         }
+
         .lcScore {
         .lcScore {
             font-size: 12px;
             font-size: 12px;
             color: #777777;
             color: #777777;
@@ -91,6 +96,7 @@
         &>div:first-child {
         &>div:first-child {
             color: var(--van-primary-color) !important;
             color: var(--van-primary-color) !important;
         }
         }
+
         &>div:last-child {
         &>div:last-child {
             background-color: #ECF9FF;
             background-color: #ECF9FF;
             color: var(--van-primary-color);
             color: var(--van-primary-color);
@@ -106,7 +112,8 @@
     position: absolute;
     position: absolute;
     left: 50%;
     left: 50%;
     top: 50%;
     top: 50%;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
+
     .cItem {
     .cItem {
         width: 64px;
         width: 64px;
         height: 50px;
         height: 50px;
@@ -117,21 +124,26 @@
         padding: 4px 0;
         padding: 4px 0;
         margin: 0 6px;
         margin: 0 6px;
         cursor: pointer;
         cursor: pointer;
+
         .mScore {
         .mScore {
             font-size: 16px;
             font-size: 16px;
             line-height: 22px;
             line-height: 22px;
             color: #AAAAAA;
             color: #AAAAAA;
         }
         }
+
         .mLabel {
         .mLabel {
             font-size: 12px;
             font-size: 12px;
             line-height: 18px;
             line-height: 18px;
             color: #AAAAAA;
             color: #AAAAAA;
         }
         }
     }
     }
+
     .active {
     .active {
         background: #CBEEFF;
         background: #CBEEFF;
         border-radius: 8px;
         border-radius: 8px;
-        .mScore, .mLabel {
+
+        .mScore,
+        .mLabel {
             color: #000000;
             color: #000000;
             font-weight: 600;
             font-weight: 600;
         }
         }
@@ -153,6 +165,7 @@
         font-weight: 400;
         font-weight: 400;
         padding: 0 10px;
         padding: 0 10px;
         color: #999;
         color: #999;
+        cursor: pointer;
 
 
         .iconBtn {
         .iconBtn {
             display: block;
             display: block;
@@ -225,7 +238,7 @@
     padding: 0 16px;
     padding: 0 16px;
     height: 30px;
     height: 30px;
     border-radius: 18px;
     border-radius: 18px;
-    background-color: rgba(255,255,255, .9);
+    background-color: rgba(255, 255, 255, .9);
     z-index: 1;
     z-index: 1;
     box-sizing: content-box;
     box-sizing: content-box;
 
 
@@ -233,14 +246,17 @@
         display: flex;
         display: flex;
         align-items: center;
         align-items: center;
         margin-right: 16px;
         margin-right: 16px;
+
         &:last-child {
         &:last-child {
             margin-right: 0;
             margin-right: 0;
         }
         }
+
         &>span {
         &>span {
             margin-left: 4px;
             margin-left: 4px;
         }
         }
     }
     }
 }
 }
+
 .shiyiClose {
 .shiyiClose {
     width: 30px;
     width: 30px;
     height: 30px;
     height: 30px;
@@ -249,13 +265,15 @@
     top: -26px;
     top: -26px;
     cursor: pointer;
     cursor: pointer;
 }
 }
-.shiyiPopup{
+
+.shiyiPopup {
     background: #fff;
     background: #fff;
     border-radius: 20px;
     border-radius: 20px;
     width: 80vw;
     width: 80vw;
     max-width: 460px;
     max-width: 460px;
     padding: 20px;
     padding: 20px;
     position: relative;
     position: relative;
+
     .shiyiTop {
     .shiyiTop {
         position: absolute;
         position: absolute;
         width: 154px;
         width: 154px;
@@ -264,63 +282,77 @@
         transform: translateX(-50%);
         transform: translateX(-50%);
     }
     }
 }
 }
-.shiyiTitle{
+
+.shiyiTitle {
     font-size: 16px;
     font-size: 16px;
     color: #333;
     color: #333;
     font-weight: 400;
     font-weight: 400;
     text-align: center;
     text-align: center;
 }
 }
+
 .items {
 .items {
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     margin-top: 16px;
     margin-top: 16px;
-    .item{
+
+    .item {
         width: 50%;
         width: 50%;
         display: flex;
         display: flex;
         align-items: center;
         align-items: center;
         padding: 12px 0 12px 6px;
         padding: 12px 0 12px 6px;
-        span{
+
+        span {
             margin-left: 12px;
             margin-left: 12px;
             font-size: 12px;
             font-size: 12px;
             font-weight: 400;
             font-weight: 400;
         }
         }
+
         svg {
         svg {
             visibility: visible;
             visibility: visible;
         }
         }
+
         &:nth-child(2n) {
         &:nth-child(2n) {
             transform: translateX(20px);
             transform: translateX(20px);
         }
         }
     }
     }
+
     .itemTone {
     .itemTone {
         width: 50%;
         width: 50%;
         display: flex;
         display: flex;
         align-items: center;
         align-items: center;
         padding: 16px 0 16px 26px;
         padding: 16px 0 16px 26px;
         position: relative;
         position: relative;
+
         &:nth-child(2n) {
         &:nth-child(2n) {
             transform: translateX(20px);
             transform: translateX(20px);
         }
         }
+
         .firstIcon1 {
         .firstIcon1 {
             width: 12px;
             width: 12px;
             height: 20px;
             height: 20px;
         }
         }
+
         .firstIcon2 {
         .firstIcon2 {
             width: 19px;
             width: 19px;
             height: 13px;
             height: 13px;
         }
         }
+
         .firstIcon3 {
         .firstIcon3 {
             width: 12px;
             width: 12px;
             height: 13px;
             height: 13px;
         }
         }
+
         img {
         img {
             position: absolute;
             position: absolute;
             left: 0;
             left: 0;
             top: 50%;
             top: 50%;
             transform: translateY(-50%);
             transform: translateY(-50%);
         }
         }
+
         .fiz {
         .fiz {
             left: -5px;
             left: -5px;
         }
         }
+
         span {
         span {
             font-size: 12px;
             font-size: 12px;
             font-weight: 400;
             font-weight: 400;