修改样式

src/pages/advice/AdvicePage.vue

@@ -151,7 +151,7 @@ export default {
   background: #fff;
   border-radius: 30px;
   .searchBtn {
-    width: 15%;
+    width: 14%;
     float: left;
     height: 1rem;
     line-height: 1rem;

src/pages/home/login.vue

@@ -6,7 +6,6 @@
           <img src="../../assets/login/newLogo.png" alt />
         </div>
         <div class="reg">
-          <div class="welcome">欢迎登录</div>
           <div class="form">
             <ul>
               <li>
@@ -26,7 +25,9 @@
             :class="loginDisable ? 'disableLoginBtn' : ''"
             :disabled="loginDisable"
           >登录</button>
-          <div class="newForget" @click="to()">忘记密码</div>
+          <router-link to="/forgetPassword">
+            <div class="newForget">忘记密码</div>
+          </router-link>
           <!-- </router-link> -->
           <!-- <div class="forget">
           <a href="">免密码登录</a>
@@ -139,15 +140,15 @@ export default {
     @include flex-direction;
     height: 100%;
     .logo {
-      padding: 3rem 0 1rem;
+      padding: 3rem 0 2.5rem;
       img {
-        width: 40%;
+        width: 44%;
         height: auto;
         display: inline-block;
       }
     }
     .reg {
-      width: 8.77rem;
+      width: 9.3rem;
       .welcome {
         text-align: left;
         font-size: 0.55rem;
@@ -158,10 +159,10 @@ export default {
       }
       .newForget {
         text-align: right;
-        font-size: 0.5rem;
+        font-size: 0.45rem;
         font-weight: 400;
         color: rgba(37, 143, 252, 1);
-        margin-top: 0.5rem;
+        margin-top: 0.3rem;
       }
       .form {
         border: 1px $border-color solid;
@@ -187,7 +188,7 @@ export default {
           }
           .iconfont {
             color: $main-color;
-            font-size: 0.5rem;
+            font-size: 0.6rem;
             margin: 0 0.46rem;
           }
         }
@@ -210,14 +211,14 @@ export default {
       }
       .loginBtn {
         width: 100%;
-        height: 1.3rem;
-        line-height: 1.3rem;
+        height: 1.4rem;
+        line-height: 1.4rem;
         background: $main-color;
         color: #fff;
         font-size: 0.45rem;
         @include text-align;
         border-radius: 4px;
-        margin: 40px 0 0 0;
+        margin: 1rem 0 0 0;
       }
       .disableLoginBtn {
         background: lightgray;

src/pages/main/RecordPage.vue

@@ -301,7 +301,7 @@ export default {
   background: #fff;
   border-radius: 30px;
   .searchBtn {
-    width: 15%;
+    width: 14%;
     float: left;
     height: 1rem;
     line-height: 1rem;

src/pages/monitoring/index.vue

@@ -168,87 +168,63 @@
           />
         </div>
       </van-list>-->
-       <div class="monitoringTable">
-      <el-table :data="tableData" border style="width: 100%" class="newTable">
-        <el-table-column fixed prop="date" label="机号" width="100" align="center">
+      <div class="monitoringTable">
+        <el-table :data="tableData" border style="width: 100%" class="newTable">
+          <el-table-column fixed prop="date" label="机号" width="100" align="center">
             <template slot-scope="scope">
-               {{
-                scope.row.dialysis_order.device_number.number.length > 0
-                  ? scope.row.dialysis_order.device_number.number
-                  : scope.row.device_number.number
+              {{
+              scope.row.dialysis_order.device_number.number.length > 0
+              ? scope.row.dialysis_order.device_number.number
+              : scope.row.device_number.number
               }}
             </template>
-
-        </el-table-column>
-        <el-table-column prop="name" label="姓名" width="100" align="center">
-          <template slot-scope="scope">
-                {{scope.row.patient.name}}
-          </template>
-        </el-table-column>
-        <el-table-column prop="province" label="透析号" width="100" align="center">
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" width="100" align="center">
+            <template slot-scope="scope">{{scope.row.patient.name}}</template>
+          </el-table-column>
+          <el-table-column prop="province" label="透析号" width="100" align="center">
+            <template slot-scope="scope">{{scope.row.patient.dialysis_no}}</template>
+          </el-table-column>
+          <el-table-column prop="city" label="排班时间" width="100" align="center">
+            <template slot-scope="scope">{{parseTime(scope.row.schedule_date,"{y}-{m}-{d}")}}</template>
+          </el-table-column>
+          <el-table-column prop="address" label="透析模式" width="200" align="center">
+            <template slot-scope="scope">{{ scope.row.treatment_mode.name}}</template>
+          </el-table-column>
+          <el-table-column prop="zip" label="脱水量" width="100" align="center">
             <template slot-scope="scope">
-                {{scope.row.patient.dialysis_no}}
-            </template>
-        </el-table-column>
-        <el-table-column prop="city" label="排班时间" width="100" align="center">
-                   <template slot-scope="scope">
-                      {{parseTime(scope.row.schedule_date,"{y}-{m}-{d}")}}
-                   </template>
-        </el-table-column>
-        <el-table-column prop="address" label="透析模式" width="200" align="center">
-                <template slot-scope="scope">
-                    {{ scope.row.treatment_mode.name}}
-                </template>
-        </el-table-column>
-        <el-table-column prop="zip" label="脱水量" width="100" align="center">
-               <template slot-scope="scope">
-                  {{
-                scope.row.prescription.dewater_amount
-                  ? scope.row.prescription.dewater_amount
-                  : ""
+              {{
+              scope.row.prescription.dewater_amount
+              ? scope.row.prescription.dewater_amount
+              : ""
               }}
-               </template>
-        </el-table-column>
-        <el-table-column prop="zip" label="体重(透前/透后)" width="150" align="center">
-              <template slot-scope="scope">
-                    {{
-                scope.row.assessment_before_dislysis.weight_before
-                  ? scope.row.assessment_before_dislysis.weight_before
-                  : ""
+            </template>
+          </el-table-column>
+          <el-table-column prop="zip" label="体重(透前/透后)" width="150" align="center">
+            <template slot-scope="scope">
+              {{
+              scope.row.assessment_before_dislysis.weight_before
+              ? scope.row.assessment_before_dislysis.weight_before
+              : ""
               }}/{{
-                scope.row.assessment_after_dislysis.weight_after
-                  ? scope.row.assessment_after_dislysis.weight_after
-                  : ""
+              scope.row.assessment_after_dislysis.weight_after
+              ? scope.row.assessment_after_dislysis.weight_after
+              : ""
               }}
-              </template>
-        </el-table-column>
-        <el-table-column prop="zip" label="监控预警(血压/心率)" width="200" align="center">
+            </template>
+          </el-table-column>
+          <el-table-column prop="zip" label="监控预警(血压/心率)" width="200" align="center">
             <template slot-scope="scope">
-                <span
-                v-if="monitorBloodPressureStatus(scope.row.monitoring_record) == 1"
-                >低压</span
-              >
-              <span
-                v-if="monitorBloodPressureStatus(scope.row.monitoring_record) == 2"
-                >正常</span
-              >
-              <span
-                v-if="monitorBloodPressureStatus(scope.row.monitoring_record) == 3"
-                >高压</span
-              >
-              <span v-if="monitorRateStatus(scope.row.monitoring_record) == 1"
-                >心率过缓</span
-              >
-              <span v-if="monitorRateStatus(scope.row.monitoring_record) == 2"
-                >正常</span
-              >
-              <span v-if="monitorRateStatus(scope.row.monitoring_record) == 3"
-                >心率过高</span
-              >
+              <span v-if="monitorBloodPressureStatus(scope.row.monitoring_record) == 1">低压</span>
+              <span v-if="monitorBloodPressureStatus(scope.row.monitoring_record) == 2">正常</span>
+              <span v-if="monitorBloodPressureStatus(scope.row.monitoring_record) == 3">高压</span>
+              <span v-if="monitorRateStatus(scope.row.monitoring_record) == 1">心率过缓</span>
+              <span v-if="monitorRateStatus(scope.row.monitoring_record) == 2">正常</span>
+              <span v-if="monitorRateStatus(scope.row.monitoring_record) == 3">心率过高</span>
             </template>
-        </el-table-column>
-      </el-table>
-       </div>
+          </el-table-column>
+        </el-table>
+      </div>
     </div>
     <side-bar :active_index="1"></side-bar>
     <mt-datetime-picker
@@ -262,24 +238,24 @@
 </template>
 
 <script>
-import SideBar from '@/pages/layout/SideBar'
-import Divider from 'vux/src/components/divider/index'
-import { getMonitorList, GetAllZone, getPatientMonitors } from '@/api/monitor'
-import { parseTime } from '@/utils'
-import { Toast } from 'vant'
+import SideBar from "@/pages/layout/SideBar";
+import Divider from "vux/src/components/divider/index";
+import { getMonitorList, GetAllZone, getPatientMonitors } from "@/api/monitor";
+import { parseTime } from "@/utils";
+import { Toast } from "vant";
 
 export default {
-  name: 'MonitoringIndex',
-  created () {
+  name: "MonitoringIndex",
+  created() {
     this.queryParams.date = this.parseTime(
       new Date().getTime() / 1000,
-      '{y}-{m}-{d}'
-    )
-    this.queryParams.partition = this.partition
-    this.getMonitor(this.queryParams)
-    this.GetAllZone()
+      "{y}-{m}-{d}"
+    );
+    this.queryParams.partition = this.partition;
+    this.getMonitor(this.queryParams);
+    this.GetAllZone();
   },
-  data () {
+  data() {
     return {
       tableData: [],
       loading: false,
@@ -293,132 +269,132 @@ export default {
       partition: 0,
       queryParams: {
         date: new Date(),
-        partition: ''
+        partition: ""
       },
-      patient_keyword: '',
+      patient_keyword: "",
       search_page: 1,
-      schedule_date: '2016-02-03'
-    }
+      schedule_date: "2016-02-03"
+    };
   },
   methods: {
-    clickfunction: function (val) {
+    clickfunction: function(val) {
       this.$router.push({
-        path: '/details',
+        path: "/details",
         query: {
           patient_id: val.patient_id,
           date: val.schedule_date,
           patient_name: val.patient.name
         }
-      })
+      });
     },
-    getMonitor: function (queryParams) {
-      this.search_page = 1
-      this.patient_keyword = ''
+    getMonitor: function(queryParams) {
+      this.search_page = 1;
+      this.patient_keyword = "";
 
-      this.loading = true
-      this.finished = false
-      this.dialysis_scheduals = []
+      this.loading = true;
+      this.finished = false;
+      this.dialysis_scheduals = [];
       getMonitorList(queryParams).then(response => {
-        this.loading = false
-        this.finished = true
+        this.loading = false;
+        this.finished = true;
         if (response.data.state == 0) {
-          return false
+          return false;
         } else {
-          var scheduals = response.data.data.monitor
-          var zoneMap = {}
-          var schedualMap = {}
+          var scheduals = response.data.data.monitor;
+          var zoneMap = {};
+          var schedualMap = {};
 
           for (let index = 0; index < scheduals.length; index++) {
-            const schedual = scheduals[index]
+            const schedual = scheduals[index];
             if (schedualMap[schedual.device_zone.name] == null) {
-              schedualMap[schedual.device_zone.name] = []
+              schedualMap[schedual.device_zone.name] = [];
             }
-            schedualMap[schedual.device_zone.name].push(schedual)
+            schedualMap[schedual.device_zone.name].push(schedual);
             if (zoneMap[schedual.device_zone.name] == null) {
-              zoneMap[schedual.device_zone.name] = schedual.device_zone
+              zoneMap[schedual.device_zone.name] = schedual.device_zone;
             }
           }
 
-          var zones = []
-          zones.push({ value: 0, text: '全部分区' })
+          var zones = [];
+          zones.push({ value: 0, text: "全部分区" });
           for (var zoneName in zoneMap) {
-            zones.push({ value: zoneMap[zoneName].id, text: zoneName })
+            zones.push({ value: zoneMap[zoneName].id, text: zoneName });
           }
-          zones = zones.sort(function (a, b) {
-            return a.value > b.value
-          })
-          this.zones = zones
+          zones = zones.sort(function(a, b) {
+            return a.value > b.value;
+          });
+          this.zones = zones;
 
-          var dialysis_scheduals = []
+          var dialysis_scheduals = [];
           for (let index = 0; index < zones.length; index++) {
-            const zone = zones[index]
-            var scheduals = schedualMap[zone.text]
+            const zone = zones[index];
+            var scheduals = schedualMap[zone.text];
             if (scheduals == null) {
-              continue
+              continue;
             }
             dialysis_scheduals.push({
               zone_name: zone.text,
               scheduals: scheduals
-            })
+            });
           }
-          this.dialysis_scheduals = dialysis_scheduals
+          this.dialysis_scheduals = dialysis_scheduals;
 
-          console.log('是什么东西啊', this.dialysis_scheduals)
-          let arr = [...this.dialysis_scheduals]
-          console.log('arr', arr)
-          let arr2 = []
+          console.log("是什么东西啊", this.dialysis_scheduals);
+          let arr = [...this.dialysis_scheduals];
+          console.log("arr", arr);
+          let arr2 = [];
           arr.map(item => {
-            arr2.push(...item.scheduals)
-          })
-          console.log('arr2', arr2)
-          let arr3 = []
+            arr2.push(...item.scheduals);
+          });
+          console.log("arr2", arr2);
+          let arr3 = [];
           arr2.map(item => {
-            this.schedule_date = item.schedule_date
-            arr3.push(item.patient)
-          })
-          this.tableData = arr2
+            this.schedule_date = item.schedule_date;
+            arr3.push(item.patient);
+          });
+          this.tableData = arr2;
         }
-      })
+      });
     },
-    parseTime (time, layout) {
-      return parseTime(time, layout)
+    parseTime(time, layout) {
+      return parseTime(time, layout);
     },
-    openPicker: function () {
-      this.$refs.date_picker.open()
+    openPicker: function() {
+      this.$refs.date_picker.open();
     },
-    handleDateConfirm: function (val) {
-      this.queryParams.date = this.parseTime(this.date / 1000, '{y}-{m}-{d}')
-      this.queryParams.partition = this.partition
+    handleDateConfirm: function(val) {
+      this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
+      this.queryParams.partition = this.partition;
 
-      this.getMonitor(this.queryParams)
+      this.getMonitor(this.queryParams);
     },
-    partitionName: function (val) {
-      return typeof this.partitionArr[val] !== 'undefined' &&
-        typeof this.partitionArr[val].name !== 'undefined'
+    partitionName: function(val) {
+      return typeof this.partitionArr[val] !== "undefined" &&
+        typeof this.partitionArr[val].name !== "undefined"
         ? this.partitionArr[val].name
-        : ''
+        : "";
     },
-    GetAllZone: function () {
+    GetAllZone: function() {
       GetAllZone().then(response => {
         if (response.data.state == 0) {
-          return false
+          return false;
         } else {
-          this.partitionArr = response.data.data.zone
-          this.partitionArr.unshift({ id: 0, name: '全部分区' })
+          this.partitionArr = response.data.data.zone;
+          this.partitionArr.unshift({ id: 0, name: "全部分区" });
         }
-      })
+      });
     },
-    itemClick: function (id) {
-      this.partition = id
-      this.visible = false
-      this.queryParams.date = this.parseTime(this.date / 1000, '{y}-{m}-{d}')
-      this.queryParams.partition = this.partition
-      this.getMonitor(this.queryParams)
+    itemClick: function(id) {
+      this.partition = id;
+      this.visible = false;
+      this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
+      this.queryParams.partition = this.partition;
+      this.getMonitor(this.queryParams);
     },
-    monitorBloodPressureStatus: function (val) {
-      let status = 0
+    monitorBloodPressureStatus: function(val) {
+      let status = 0;
       if (val.length == 0) {
-        return 0
+        return 0;
       }
       for (let i = 0; i < val.length; i++) {
         // 舒张压（低压）(diastolic_blood_pressure)    收缩压(高压)(systolic_blood_pressure)
@@ -426,17 +402,17 @@ export default {
           val[i].systolic_blood_pressure >= 140 ||
           val[i].diastolic_blood_pressure >= 90
         ) {
-          status = 3 // 高压
+          status = 3; // 高压
         } else if (
           val[i].diastolic_blood_pressure < 60 ||
           val[i].systolic_blood_pressure < 90
         ) {
-          status = 1 // 低压
+          status = 1; // 低压
         } else if (
           val[i].diastolic_blood_pressure >= 60 ||
           val[i].systolic_blood_pressure < 140
         ) {
-          status = 2 // 正常
+          status = 2; // 正常
         }
 
         // if ( val[i].diastolic_blood_pressure < 60 | val[i].systolic_blood_pressure < 90 ) {
@@ -454,74 +430,74 @@ export default {
         // }
       }
 
-      return status
+      return status;
     },
-    monitorRateStatus: function (val) {
-      let status = 0
+    monitorRateStatus: function(val) {
+      let status = 0;
       if (val.length == 0) {
-        return 0
+        return 0;
       }
       for (let i = 0; i < val.length; i++) {
         // 舒张压（低压）(diastolic_blood_pressure)    收缩压(高压)(systolic_blood_pressure)
         if (val[i].pulse_frequency < 60) {
-          status = 1 // 心率过缓
+          status = 1; // 心率过缓
         } else if (
           val[i].pulse_frequency >= 60 &&
           val[i].pulse_frequency < 100
         ) {
-          status = 2 // 心率正常
+          status = 2; // 心率正常
         } else if (val[i].pulse_frequency >= 100) {
-          status = 3 // 心率过快
+          status = 3; // 心率过快
         }
       }
-      return status
+      return status;
     },
-    searchWithKeyword: function (page) {
-      this.$refs.search_field.blur()
+    searchWithKeyword: function(page) {
+      this.$refs.search_field.blur();
       if (this.patient_keyword.length == 0) {
-        this.queryParams.date = this.parseTime(this.date / 1000, '{y}-{m}-{d}')
-        this.queryParams.partition = this.partition
-        this.getMonitor(this.queryParams)
-        return
+        this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
+        this.queryParams.partition = this.partition;
+        this.getMonitor(this.queryParams);
+        return;
       }
 
-      this.partition = 0
+      this.partition = 0;
 
-      this.search_page = page
+      this.search_page = page;
       if (page == 1) {
-        this.dialysis_scheduals = []
+        this.dialysis_scheduals = [];
       }
-      this.loading = true
-      this.finished = false
+      this.loading = true;
+      this.finished = false;
       getPatientMonitors({
         keyword: this.patient_keyword,
         page: this.search_page
       }).then(rs => {
-        this.loading = false
-        this.finished = true
-        var resp = rs.data
+        this.loading = false;
+        this.finished = true;
+        var resp = rs.data;
         if (resp.state == 1) {
           if (resp.data.monitor.length > 0) {
             this.dialysis_scheduals.push({
-              zone_name: '',
+              zone_name: "",
               scheduals: resp.data.monitor
-            })
-            this.finished = false
+            });
+            this.finished = false;
           } else {
-            this.finished = true
+            this.finished = true;
           }
         }
-      })
+      });
     },
-    onLoad: function () {
-      this.searchWithKeyword(this.search_page + 1)
+    onLoad: function() {
+      this.searchWithKeyword(this.search_page + 1);
     }
   },
   components: {
     Divider,
     SideBar
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -555,7 +531,7 @@ export default {
 .choice {
   border-bottom: 1px #e5e5e5 solid;
   position: fixed;
-  top: 48px;
+  top: 47px;
   right: 0;
   z-index: 66;
   left: 0;
@@ -632,7 +608,7 @@ export default {
   background: #fff;
   border-radius: 30px;
   .searchBtn {
-    width: 15%;
+    width: 14%;
     float: left;
     height: 1rem;
     line-height: 1rem;

src/pages/personal/ChangePassword.vue

@@ -1,3 +1,52 @@
 <template>
-  <div>123</div>
+  <div class="container">
+    <div class="changePassword">
+      <van-field v-model="username" clearable label="旧密码" placeholder="请输入旧密码" />
+      <van-field v-model="password" type="password" label="新密码" placeholder="请输入新密码" />
+      <van-field v-model="password" type="password" label="确认密码" placeholder="请确认密码" />
+      <div class="finish">完成</div>
+    </div>
+  </div>
 </template>
+
+<style rel="stylesheet/scss" lang="scss" >
+.container {
+  background: #f5f5f5;
+  @include box-sizing;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  .changePassword {
+    width: 100%;
+    margin-top: 1rem;
+    font-size: 0.45rem;
+    .van-cell {
+      width: 90%;
+      margin: 0 auto;
+      height: 1.4rem;
+      padding: 0 15px;
+    }
+    .van-field__label {
+      height: 1.4rem;
+      line-height: 1.4rem;
+    }
+    .van-field__body {
+      height: 100%;
+    }
+  }
+  .finish {
+    width: 90%;
+    margin: 0 auto;
+    border-radius: 5px;
+    height: 1.4rem;
+    background: rgba(37, 143, 252, 1);
+    color: #fff;
+    text-align: center;
+    font-size: 0.6rem;
+    line-height: 1.4rem;
+    margin-top: 1rem;
+  }
+}
+</style>

src/pages/personal/ForgetPassword.vue

@@ -5,14 +5,26 @@
         <div class="logo">
           <img src="../../assets/login/newLogo.png" alt />
         </div>
+        <div class="formBox">
+          <div class="formOne">
+            <el-input placeholder="请输入账号" v-model="input" clearable></el-input>
+          </div>
+          <div class="formOne">
+            <el-input class="reyzm" v-model="input"></el-input>
+            <div class="get">获取验证码</div>
+          </div>
+          <div class="formOne">
+            <el-input placeholder="请输入新密码" v-model="input"></el-input>
+          </div>
+          <div class="confirm">确定修改</div>
+        </div>
       </div>
     </div>
   </div>
 </template>
 
-<style rel="stylesheet/scss" lang="scss" scoped >
+<style rel="stylesheet/scss" lang="scss" >
 .container {
-  // background: $white-bg;
   background: #f5f5f5;
   @include box-sizing;
   position: fixed;
@@ -38,90 +50,51 @@
     @include flex-direction;
     height: 100%;
     .logo {
-      padding: 3rem 0 1rem;
+      padding: 3rem 0 2.5rem;
       img {
-        width: 40%;
+        width: 44%;
         height: auto;
         display: inline-block;
       }
     }
-    .reg {
-      width: 8.77rem;
-      .welcome {
-        text-align: left;
-        font-size: 0.55rem;
-        font-weight: 400;
-        color: rgba(37, 143, 252, 1);
-        margin-bottom: 0.5rem;
-        // line-height: 14px;
-      }
-      .newForget {
-        text-align: right;
-        font-size: 0.5rem;
-        font-weight: 400;
-        color: rgba(37, 143, 252, 1);
-        margin-top: 0.5rem;
-      }
-      .form {
-        border: 1px $border-color solid;
-        border-radius: 4px;
-        li {
-          border-bottom: 1px $border-color solid;
-          @include align-items-center;
-          @include text-align;
-          @include display-flex;
-          @include box-sizing;
-          .tel {
-            padding: 0.4rem 0;
-            width: 90%;
-            border: none;
-            outline: none;
-            font-size: 0.45rem;
-          }
-          .mint-cell {
-            width: 100%;
-          }
-          &:last-child {
-            border: none;
-          }
-          .iconfont {
-            color: $main-color;
-            font-size: 0.5rem;
-            margin: 0 0.46rem;
-          }
-        }
+
+    .newForget {
+      text-align: right;
+      font-size: 0.5rem;
+      font-weight: 400;
+      color: rgba(37, 143, 252, 1);
+      margin-top: 0.5rem;
+    }
+    .formOne {
+      height: 1.3rem;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 0.5rem;
+      .el-input__inner {
+        height: 100%;
+        font-size: 0.45rem;
       }
-      .forget {
-        text-align: left;
-        padding: 0.45rem 1rem;
-        a {
-          float: left;
-          font-size: 0.28rem;
-          color: $main-color;
-          &:nth-child(2) {
-            color: #999999;
-            float: right;
-          }
-          &:active {
-            background: $white-bg;
-          }
-        }
+      .reyzm {
+        width: 60%;
       }
-      .loginBtn {
-        width: 100%;
-        height: 1.3rem;
+      .get {
+        width: 36%;
+        height: 100%;
+        font-size: 0.5rem;
+        background: rgba(37, 143, 252, 1);
         line-height: 1.3rem;
-        background: $main-color;
+        border-radius: 5px;
         color: #fff;
-        font-size: 0.45rem;
-        @include text-align;
-        border-radius: 4px;
-        margin: 40px 0 0 0;
-      }
-      .disableLoginBtn {
-        background: lightgray;
       }
     }
+    .confirm {
+      height: 1.3rem;
+      background: rgba(37, 143, 252, 1);
+      line-height: 1.3rem;
+      color: #fff;
+      border-radius: 5px;
+      font-size: 0.5rem;
+    }
   }
 }
 </style>

src/pages/personal/index.vue

@@ -289,7 +289,7 @@ export default {
     .avatar {
       position: absolute;
       width: 4rem;
-      top: 1rem;
+      top: 1.3rem;
       left: 0;
       right: 0;
       bottom: 0;
@@ -323,10 +323,9 @@ export default {
       display: flex;
       align-items: center;
       span {
-        color: #333333;
+        color: #34495e;
         font-size: 0.5rem;
         margin-left: 0.4rem;
-        font-weight: 600;
       }
     }
     img {

src/router/index.js

@@ -73,7 +73,7 @@ export default new Router({
     {
       path: "/changePassword",
       name: "changePassword",
-      component: () => import("@/pages/personal/changePassword")
+      component: () => import("@/pages/personal/ChangePassword")
     }
   ]
 });

src/styles/style.scss

@@ -774,9 +774,9 @@ body {
 }
 
 .van-cell {
-  @media only screen and (max-width: 812px) {
-    font-size: 12px !important;
-  }
+  // @media only screen and (max-width: 812px) {
+  //   font-size: 12px !important;
+  // }
 }
 .van-field__left-icon {
   // @media only screen and (max-width: 812px) {