修改样式123

src/pages/main/DialysisArea.vue

@@ -456,7 +456,7 @@ export default {
 .screening {
   border-bottom: 1px #e5e5e5 solid;
   position: fixed;
-  top: 98px;
+  top: 100px;
   @media only screen and (min-width: 768px) {
     top: 163px;
   }

src/pages/main/PatientBox.vue

@@ -422,7 +422,7 @@ export default {
   color: #fff;
   border-radius: 15px;
   font-size: 14px;
-  @media only screen and (max-width: 376px) {
+  @media only screen and (max-width: 415px) {
     font-size: 0.34rem !important;
   }
 }

src/pages/main/RecordPage.vue

@@ -240,7 +240,7 @@ export default {
       font-size: 0.45rem;
       margin: 0 0.2rem;
       height: 0.9rem;
-      line-height: 0.8rem;
+      line-height: 0.85rem;
       padding: 0 0.4rem;
       // color: $title-color;
       color: #fff;

src/pages/main/WaitingArea.vue

@@ -634,7 +634,7 @@ export default {
 .screening {
   border-bottom: 1px #e5e5e5 solid;
   position: fixed;
-  top: 98px;
+  top: 100px;
   @media only screen and (min-width: 768px) {
     top: 163px;
   }

src/pages/main/dialysis/AdviceTable.vue

@@ -1550,6 +1550,9 @@ export default {
       margin: 0 auto;
       font-size: 0.32rem;
       color: $pgh-color;
+      @media only screen and (min-width: 768px) {
+        width: 76%;
+      }
       li {
         @include display-flex;
         @include align-items-center;
@@ -1559,9 +1562,9 @@ export default {
 
         .iconfont {
           margin: 0 0.1rem;
-          @media only screen and (max-width: 812px) {
-            font-size: 12px !important;
-          }
+          // @media only screen and (max-width: 767px) {
+          //   font-size: 12px !important;
+          // }
         }
         .line {
           background: #a8b3ba;

src/pages/main/dialysis/MissionTable.vue

@@ -223,9 +223,9 @@ export default {
       margin: 0 auto;
       .iconfont {
         margin: 0 0.1rem;
-        @media only screen and (max-width: 812px) {
-          font-size: 12px !important;
-        }
+        // @media only screen and (max-width: 812px) {
+        //   font-size: 12px !important;
+        // }
       }
       .line {
         background: #a8b3ba;

src/pages/main/dialysis/RecordTable.vue

@@ -481,6 +481,9 @@ export default {
     margin: 0 auto;
     font-size: 0.4rem;
     color: $pgh-color;
+    @media only screen and (min-width: 768px) {
+      width: 80%;
+    }
     li {
       @include display-flex;
       @include align-items-center;
@@ -488,9 +491,9 @@ export default {
       padding: 0.3rem 0;
       .iconfont {
         margin: 0 0.1rem;
-        @media only screen and (max-width: 812px) {
-          font-size: 12px !important;
-        }
+        // @media only screen and (max-width: 812px) {
+        //   font-size: 12px !important;
+        // }
       }
       .line {
         background: #a8b3ba;

src/pages/main/today/acceptsAssessment.vue

@@ -59,7 +59,7 @@
           <span class="content">{{this.record.sick_condition_other}}</span>
         </li>
 
-        <li style="height: 0.6rem;" v-if="isShow('摄入量')">
+        <li v-if="isShow('摄入量')">
           <label>摄入量:</label>
           <span class="content">{{intakes}}</span>
         </li>

src/pages/monitoring/index.vue

@@ -644,6 +644,9 @@ export default {
 }
 
 .monitoringTable {
+  .el-table {
+    width: 99.9% !important;
+  }
   .newTable {
     margin-top: 80px;
     @media only screen and (min-width: 768px) {

src/pages/personal/ChangePassword.vue

@@ -31,9 +31,14 @@
     .van-field__label {
       height: 1.4rem;
       line-height: 1.4rem;
+      font-size: 0.45rem;
     }
     .van-field__body {
       height: 100%;
+      font-size: 0.45rem;
+    }
+    .van-field__label {
+      max-width: 2.5rem;
     }
   }
   .finish {

src/pages/personal/ElectronicSignature.vue

@@ -378,7 +378,7 @@ export default {
 }
 .mainContent {
   .title {
-    font-size: 0.36rem;
+    font-size: 0.45rem;
     padding: 0.3rem 0.37rem;
     color: $title-color;
     @include align-items-center;
@@ -388,19 +388,26 @@ export default {
     background: #fff;
     .GoBack {
       color: $main-color;
-      font-size: 0.36rem;
+      font-size: 0.45rem;
       @include display-flex;
       .iconfont {
         color: $main-color;
         font-size: 0.5rem;
+        margin-top: 1px;
+        @media only screen and (min-width: 768px) {
+          margin-top: 3px;
+        }
       }
     }
+    .name {
+      margin-right: 1.3rem;
+    }
   }
   .information {
     width: 100%;
     margin: 0 auto;
     .imagename {
-      width: 600px;
+      width: 100%;
       margin: 0 auto;
       text-align: center;
       padding: 10px 0;
@@ -408,15 +415,15 @@ export default {
     }
     .name {
       background: #fff;
-      width: 600px;
+      width: 100%;
       height: 400px;
       margin: 0 auto;
       border-radius: 4px;
 
-      @media only screen and (max-width: 812px) {
-        width: 500px !important;
-        height: 200px !important;
-      }
+      // @media only screen and (max-width: 812px) {
+      //   width: 500px !important;
+      //   height: 200px !important;
+      // }
       .item {
         padding: 0.37rem 0.4rem;
         @include align-items-center;
@@ -453,13 +460,14 @@ export default {
 }
 .fl {
   @media only screen and (max-width: 812px) {
-    width: 500px !important;
-    height: 200px !important;
+    width: 100% !important;
+    height: 400px !important;
   }
 }
 .mainBox {
   height: 100%;
   display: flex;
+  overflow: hidden;
   flex-direction: column;
   > :first-child {
     flex: 1;

src/styles/style.scss

@@ -90,6 +90,9 @@ body {
         @media only screen and (min-width: 376px) and (max-width: 413px) {
           width: 4.2rem;
         }
+        @media only screen and (min-width: 768px) {
+          width: 6.6rem;
+        }
         .content {
           color: $main-color;
         }
@@ -872,7 +875,7 @@ body {
 //   background: #fff;
 // }
 .stateBox {
-  padding-top: 130px;
+  padding-top: 140px;
   background: #fff;
   min-height: calc(100vh - 2px);
   padding-left: 0.45rem;