1

src/view/hygiene.vue

@@ -45,7 +45,7 @@
         <div class="yd_title center_1"></div>
         <div class="minTopPart">
           <div class="mtpImg1"></div>
-          <div class="mtpImg2"></div>
+          <div class="mtpImg2">建档份数</div>
           <div class="mtpText2">33.67万</div>
         </div>
         <div class="minTopPart2">
@@ -83,7 +83,7 @@
         <div class="yd_title service"></div>
         <eP7></eP7>
       </div>
-      <div >
+      <div class="flex1" style="height:100vh;">
         <div class="yd_title last"></div>
         <div class="table">
           <div class="item" >3月2日健康日，在龙中公园进行健康活动宣</div>
@@ -581,13 +581,17 @@ const change = (name, index) => {
   }
   .mtpImg2 {
     width: 140px;
-    height: 24px;
-    background-image: url(@/assets/minTop2.png);
+    height: 50px;
+    background-image: url(@/assets/images/hygiene/jd.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     position: absolute;
     top: 59px;
     right: 50px;
+    text-align: center;
+    color: #ffffff;
+     letter-spacing: 5px; 
+     font-size: 20px;
   }
   .mtpText2 {
     width: 140px;
@@ -654,7 +658,7 @@ const change = (name, index) => {
   height: 200px;
   height: calc(100% - 75px);
   // background: red;
-  overflow-y: auto;
+  overflow-y: scroll;
   .item {
     margin-top: 10px;
     padding: 16px 20px;
@@ -664,4 +668,22 @@ const change = (name, index) => {
     color: #ffffff;
   }
 }
+/* 滚动条整体部分 */
+.table::-webkit-scrollbar {
+	width: 8px;
+	height: 10px;
+}
+/* 滚动槽 */
+.table::-webkit-scrollbar-track {
+	border-radius: 1px;
+	background: rgba(41, 157, 255, 0.56);
+	-webkit-box-shadow: inset 0 0 6px rgba(139, 139, 139, 0.3);
+}
+/* 滚动条滑块样式 */
+.table::-webkit-scrollbar-thumb {
+	background-clip: content-box;
+	border-radius: 6px;
+	background: rgba(41, 157, 255, 1);
+	-webkit-box-shadow: inset 0 0 6px rgba(20, 20, 20, 0.3);
+}
 </style>