修改样式123

src/pages/advice/DialysisAdviceTable.vue

   // @media only screen and (max-width: 812px) {
   //   padding-top: 70px !important;
   // }
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     padding-top: 60px !important;
   }
   // @media only screen and (min-width: 813px) and (max-width: 1024px) {

src/pages/layout/SideBar.vue

   // position: fixed;
   height: 50px;
   z-index: 999;
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     height: 70px;
   }
   .column {
       justify-content: space-around;
       height: 50px;
       padding: 0;
-      @media only screen and (min-width: 500px) {
+      @media only screen and (min-width: 768px) {
         height: 70px;
       }
       li {
           display: inline-block;
           padding: 0;
           margin: 0;
-          @media only screen and (min-width: 500px) {
+          @media only screen and (min-width: 768px) {
             display: flex;
             align-items: center;
             // margin-bottom: 20px;

src/pages/main/DetailsPage.vue

       @media only screen and (min-width: 376px) and (max-width: 415px) {
         margin-right: 3.6rem;
       }
-      @media only screen and (min-width: 500px) {
+      @media only screen and (min-width: 768px) {
         margin-right: 4rem;
       }
       ul {
     //   width: 40px !important;
     //   margin: 11px auto 0;
     // }
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       width: 50px;
       margin: 17px auto 0;
     }

src/pages/main/DialysisArea.vue

   border-bottom: 1px #e5e5e5 solid;
   position: fixed;
   top: 100px;
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     top: 163px;
   }
   // @media only screen and (min-width: 813px) and (max-width: 1024px) {

src/pages/main/RecordPage.vue

     box-sizing: border-box;
     padding-bottom: 0.05rem;
     vertical-align: middle;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       padding-left: 0.9rem !important;
     }
   }
     font-size: 0.45rem;
     margin-top: 0.02rem;
     padding-left: 0.1rem;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       margin-top: 1px;
     }
   }
   .el-input__prefix {
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       left: 10px;
     }
   }

src/pages/main/WaitingArea.vue

   border-bottom: 1px #e5e5e5 solid;
   position: fixed;
   top: 100px;
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     top: 163px;
   }
   right: 0;

src/pages/main/add_urgent_schedule.vue

     min-height: calc(100vh - 2px);
     padding-top: 55px;
     // padding-left: 20px;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       padding-top: 100px;
     }
     .row {
   .el-input__inner {
     border-radius: 30px;
     font-size: 0.4rem;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       height: 1.2rem;
       line-height: 1.2rem;
       border-radius: 50px;
   }
   .el-input__icon {
     font-size: 0.45rem;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       margin-top: 2px;
       margin-right: 8px;
     }

src/pages/main/dialog/AcceptsDialog.vue

   .el-radio {
     margin-right: 14px;
     width: 2.2rem;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       margin-bottom: 0.34rem;
     }
   }
   .el-radio__inner {
     width: 16px !important;
     height: 16px !important;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       width: 26px !important;
       height: 26px !important;
       margin-bottom: 4px !important;
 .illnessInput {
   .el-input__inner {
     font-size: 0.45rem;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       height: 60px;
       line-height: 60px;
       font-size: 0.45rem;

src/pages/main/dialog/DoubleDialog.vue

 <style lang="scss">
 .doubleForm {
   .el-radio__inner {
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       width: 26px;
       height: 26px;
       margin-bottom: 4px;
 }
 
 .el-radio__input {
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     margin-top: -6px;
   }
 }

src/pages/main/dialog/MonitDialog.vue

         padding: 0.18rem 0;
         padding-left: 5px;
         width: 100%;
-        @media only screen and (min-width: 500px) {
+        @media only screen and (min-width: 768px) {
           height: 60px;
           line-height: 60px;
           font-size: 0.45rem;
           line-height: 38px;
           font-size: 0.45rem;
           padding: 0 !important;
-        @media only screen and (min-width: 500px) {
+        @media only screen and (min-width: 768px) {
           height: 60px;
           line-height: 60px;
           font-size: 0.45rem;

src/pages/main/dialog/new_order/AddNewOrders.vue

   @media only screen and (max-width: 415px) {
     height: 8.8rem !important;
   }
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     height: 7.8rem !important;
   }
 }
 }
 .typeInput {
   .el-input__inner {
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       height: 60px;
       line-height: 60px;
     }

src/pages/main/dialog/new_order/select_advice_template_dialog.vue

         float: left;
         width: 8%;
         margin-top: 6px;
-        @media only screen and (min-width: 500px) {
+        @media only screen and (min-width: 768px) {
           margin-top: 10px;
         }
       }

src/pages/main/dialog/subMenu/LongAdviceSubMenu.vue

                 style="padding-bottom: 15px;padding-left: 10px"
                 v-if="advice.frequency_type == 1"
               >
-                推送频率 每日必推
+                推送频率 每次必推
               </div>
               <div
                 style="padding-bottom: 15px;padding-left: 10px"

src/pages/main/dialog/subMenu/checkBoxSubMenu.vue

     max-height: 16rem !important;
     min-height: 8rem !important;
   }
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     max-height: 11.8rem !important;
     min-height: 8rem !important;
   }

src/pages/main/dialysis/AdviceTable.vue

   // @media only screen and (min-width: 813px) and (max-width: 1024px) {
   //   padding-top: 54px !important;
   // }
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     padding-top: 82px !important;
   }
   // @media only screen and (min-width: 415px) and (max-width: 736px) {
       margin: 0 auto;
       font-size: 0.32rem;
       color: $pgh-color;
-      @media only screen and (min-width: 500px) {
+      @media only screen and (min-width: 768px) {
         width: 98%;
         font-size: 0.45rem;
       }

src/pages/main/dialysis/CheckTab.vue

   // @media only screen and (max-width: 767px) {
   //   top: 76px !important;
   // }
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     top: 124px !important;
   }
   // @media only screen and (min-width: 813px) and (max-width: 1024px) {

src/pages/main/dialysis/DialysisTab.vue

   // @media only screen and (min-width: 376px) and (max-width: 737px) {
   //   padding-top: 46px;
   // }
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     padding-top: 82px;
   }
   // @media only screen and (min-width: 813px) and (max-width: 1024px) {
     border-bottom: 1px #e5e5e5 solid;
     position: fixed;
     top: 40px;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       top: 63px;
     }
     // @media only screen and (min-width: 813px) and (max-width: 1024px) {

src/pages/main/dialysis/InspectionItemTable.vue

   // @media only screen and (max-width: 812px) {
   //   margin-top: 80px !important;
   // }
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     margin-top: 140px !important;
   }
   // @media only screen and (min-width: 813px) and (max-width: 1023px) {

src/pages/main/dialysis/RecordTable.vue

     margin: 0 auto;
     font-size: 0.4rem;
     color: $pgh-color;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       width: 80%;
     }
     li {

src/pages/main/today/TodayTab.vue

   padding: 0.1rem 0 0.25rem 0;
   margin: 0.2rem 0 0 0;
   background: #fff;
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     margin: 0.5rem 0 0 0;
     padding: 0.1rem 0 0.45rem 0;
   }
   border: 1px solid #fff;
   top: -8px;
   right: -8px;
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
   height: 30px;
   width: 30px;
   line-height: 28px;

src/pages/main/today/detailsInfo.vue

             width: 0.8rem;
             margin-left: 4px;
           }
-          @media only screen and (min-width: 500px) {
+          @media only screen and (min-width: 768px) {
             width: 1rem;
             margin-left: 10px;
           }

src/pages/monitoring/index.vue

   /*@media only screen and (min-width: 813px) and (max-width: 1024px) {*/
   /*top: 38px !important;*/
   /*}*/
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     top: 80px !important;
   }
   ul {
 }
 .table {
   width: 1000px;
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     width: 1600px;
   }
 }
   @media only screen and (min-width: 376px) and (max-width: 737px) {
     padding-top: 80px !important;
   }
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     padding-top: 120px !important;
   }
 }
     border: none;
     font-size: 0.45rem;
     vertical-align: middle;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       padding-left: 0.9rem;
     }
   }
     padding-left: 0.1rem;
   }
   .el-input__prefix {
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       left: 10px;
     }
   }

src/pages/personal/ChangePassword.vue

           color: $main-color;
           font-size: 0.5rem;
           margin-top: 1px;
-          @media only screen and (min-width: 500px) {
+          @media only screen and (min-width: 768px) {
             margin-top: 3px;
           }
         }
   .changeButton {
     font-size: 0.4rem !important;
     border-radius: 5px;
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       height: 50px;
       line-height: 50px;
       border-radius: 5px;

src/pages/personal/ElectronicSignature.vue

         color: $main-color;
         font-size: 0.5rem;
         margin-top: 1px;
-        @media only screen and (min-width: 500px) {
+        @media only screen and (min-width: 768px) {
           margin-top: 3px;
         }
       }
   //   width: 100% !important;
   //   height: 400px !important;
   // }
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     width: 100% !important;
     height: 400px !important;
   }
 <style lang="scss">
 .newStyle {
   .el-button {
-    @media only screen and (min-width: 500px) {
+    @media only screen and (min-width: 768px) {
       padding: 22px 42px;
       font-size: 0.45rem;
       // height: 0;

src/styles/media.scss

 // }
 
 /* Medium devices (landscape tablets, 768px and up) */
-@media only screen and (min-width: 500px) {
+@media only screen and (min-width: 768px) {
   html {
     font-size: 50px;
   }

src/styles/style.scss

         @media only screen and (min-width: 376px) and (max-width: 413px) {
           width: 4.2rem;
         }
-        @media only screen and (min-width: 500px) {
+        @media only screen and (min-width: 768px) {
           width: 6.6rem;
         }
         .content {
     height: 0 !important;
     background-color: transparent !important;
   }
-  @media only screen and (min-width: 500px) and (max-width: 1024px) {
+  @media only screen and (min-width: 768px) and (max-width: 1024px) {
     width: 0 !important;
   }
   @media only screen and (min-width: 1024px) {
       // @media only screen and (min-width: 737px) and (max-width: 768px) {
       //   height: 14.8rem !important;
       // }
-      @media only screen and (min-width: 500px) {
+      @media only screen and (min-width: 768px) {
         height: 11.8rem !important;
       }
       .item {
   color: #fff;
   border-color: $main-color !important;
   background-color: $main-color !important;
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     font-size: 20px !important;
     line-height: 30px !important;
     width: 30px !important;
   }
 }
 .van-checkbox__icon {
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     line-height: 30px !important;
     height: 30px !important;
   }
 }
 .van-checkbox__icon .van-icon {
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     font-size: 20px !important;
     line-height: 30px !important;
     width: 30px !important;
   background: #fff;
   min-height: calc(100vh - 2px);
   padding-left: 0.45rem;
-  @media only screen and (min-width: 500px) {
+  @media only screen and (min-width: 768px) {
     padding-top: 232px;
   }
 }
-// #app {
-//   -webkit-overflow-scrolling: touch;
-// }
+#app {
+  -webkit-overflow-scrolling: touch;
+}