1

src/view/hygiene.vue

@@ -8,7 +8,7 @@
               v-if="leftchoose.first == '1'"
               src="@/assets/images/hygiene/yb_1.png"
               class="c"
-              style="width:160px;"
+              style="width: 160px"
             />
             <img
               v-else
@@ -20,12 +20,12 @@
               v-if="leftchoose.first == '2'"
               src="@/assets/images/hygiene/yb_2.png"
               class="c"
-              style="width:160px;"
+              style="width: 160px"
             />
             <img
               v-else
               src="@/assets/images/hygiene/yb_1_1.png"
-             class="c"
+              class="c"
               @click="change('first', '2')"
             />
           </span>
@@ -53,7 +53,7 @@
         <div class="minTopPart2">
           <div class="left">
             <div class="leftImg"><eP4></eP4></div>
-            
+
             <div class="left_me">
               <div>建档率</div>
               <div>92.96%</div>
@@ -77,19 +77,20 @@
       </div>
     </div>
     <div class="displayFlex right_bg">
-      <div class="flex1" style="flex:0.9">
+      <div class="flex1" style="flex: 0.9">
         <div class="yd_title mechanism"></div>
         <eP6></eP6>
       </div>
-      <div class="flex1" style="flex:1.1;">
+      <div class="flex1" style="flex: 1.1">
         <div class="yd_title service"></div>
         <eP7></eP7>
       </div>
-      <div class="flex1" >
+      <div class="flex1">
         <div class="yd_title last"></div>
         <div class="table">
-          <div class="item" v-for="i in 15">3月2日健康日，在龙中公园进行健康活动宣</div>
+          <div class="item" v-for="i in 15">
-    
+            3月2日健康日，在龙中公园进行健康活动宣
+          </div>
         </div>
       </div>
     </div>
@@ -163,8 +164,10 @@ const change = (name, index) => {
     right: 5px;
     top: 1px;
   }
-  .c{
+  .c {
-    width: 130px; height: 42px; cursor: pointer
+    width: 130px;
+    height: 42px;
+    cursor: pointer;
   }
 }
 
@@ -591,8 +594,8 @@ const change = (name, index) => {
     right: 50px;
     text-align: center;
     color: #ffffff;
-     letter-spacing: 5px; 
+    letter-spacing: 5px;
-     font-size: 20px;
+    font-size: 20px;
   }
   .mtpText2 {
     width: 140px;
@@ -631,7 +634,12 @@ const change = (name, index) => {
       margin-left: 10px;
       display: flex;
       flex-direction: column;
-      color: #ccc;
+
+      font-weight: 500;
+      font-size: 16px;
+      color: #ffffff;
+      line-height: 22px;
+      letter-spacing: 2px;
     }
   }
   .right {
@@ -650,7 +658,12 @@ const change = (name, index) => {
       margin-left: 10px;
       display: flex;
       flex-direction: column;
-      color: #ccc;
+
+      font-weight: 500;
+      font-size: 16px;
+      color: #ffffff;
+      line-height: 22px;
+      letter-spacing: 2px;
     }
   }
 }
@@ -659,9 +672,9 @@ const change = (name, index) => {
   margin-top: 10px;
   width: 95%;
   height: 240px;
-  
+
   overflow-y: auto;
- 
+
   .item {
     width: 98%;
     box-sizing: border-box;
@@ -672,24 +685,23 @@ const change = (name, index) => {
     background-size: 100% 100%;
     color: #ffffff;
   }
-
 }
 /* 滚动条整体部分 */
 .table::-webkit-scrollbar {
-	width: 5px;
+  width: 5px;
-	// height: 10px;
+  // height: 10px;
 }
 /* 滚动槽 */
 .table::-webkit-scrollbar-track {
-	border-radius: 1px;
+  border-radius: 1px;
-	background: rgba(41, 157, 255, 0.56);
+  background: rgba(41, 157, 255, 0.56);
-	-webkit-box-shadow: inset 0 0 6px rgba(139, 139, 139, 0.3);
+  -webkit-box-shadow: inset 0 0 6px rgba(139, 139, 139, 0.3);
 }
 /* 滚动条滑块样式 */
 .table::-webkit-scrollbar-thumb {
-	background-clip: content-box;
+  background-clip: content-box;
-	border-radius: 6px;
+  border-radius: 6px;
-	background: rgba(41, 157, 255, 1);
+  background: rgba(41, 157, 255, 1);
-	-webkit-box-shadow: inset 0 0 6px rgba(20, 20, 20, 0.3);
+  -webkit-box-shadow: inset 0 0 6px rgba(20, 20, 20, 0.3);
 }
 </style>