'登录注册'

src/pages/distributorSign/contract-list.vue

@@ -12,7 +12,7 @@
         <span>合同签约</span>
       </div>
     </h-header>
-    <Tab @getTabNum="getTabNum" />
+    <Tab @getTabNum="getTabNum"/>
     <div class="hinput">
       <div class="search-box">
         <input type="text" placeholder="请输入进件号/承租人名称">
@@ -44,54 +44,57 @@
       </div>
     </h-content>
 
-</h-view></template>
+  </h-view>
+</template>
 
 <script>
-import Tab from '@/pages/distributorSign/tab'
-export default {
-  name: 'ContractList',
-  components: {
-    Tab,
-  },
-  data () {
-    return {
-      tabNum: 0,
-      lists: [],
-    }
-  },
-  created () {
-    let vm = this
-    let url = $config.basePath + 'prj_confirm_list_query'
-    let param = {
-      user_phone: '18507155349',
-    }
-    vm.hlsHttp.post(url, param).then(function (res) {
-      console.log(res.result)
-      if (res.result === 'S') {
-        vm.lists = res.lists
+  import Tab from '@/pages/distributorSign/tab'
+
+  export default {
+    name: 'ContractList',
+    components: {
+      Tab,
+    },
+    data() {
+      return {
+        tabNum: 0,
+        lists: [],
       }
-    })
-  },
-  methods: {
-    getTabNum (i) {
-      this.tabNum = i
     },
-    goDetails () {
-      this.$router.push({
-        name: 'ContractDetails',
+    created() {
+      let vm = this
+      let url = $config.basePath + 'prj_confirm_list_query'
+      let param = {
+        user_phone: '18507155349',
+      }
+      vm.hlsHttp.post(url, param).then(function (res) {
+        console.log(res.result)
+        if (res.result === 'S') {
+          vm.lists = res.lists
+        }
       })
     },
-  },
-}
+    methods: {
+      getTabNum(i) {
+        this.tabNum = i
+      },
+      goDetails() {
+        this.$router.push({
+          name: 'ContractDetails',
+        })
+      },
+    },
+  }
 </script>
 <style lang="less" scoped>
-#sign {
-.h-header-btn {
+  #sign {
+    .h-header-btn {
       img {
         width: 16px;
         height: 16px;
         margin-left: 4px;
       }
+
       span {
         font-family: PingFangSC-Semibold;
         margin-left: 16px;
@@ -99,115 +102,129 @@ export default {
         letter-spacing: 0.61px;
         line-height: 24px;
       }
-}
-
-.hinput {
-    width: 100%;
-    height: 68px;
-    border-bottom:1px solid #cccccc70;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-top: 3px;
-    background: #fff;
-    margin-bottom: 9px;
-    .search-box {
+    }
+
+    .hinput {
+      width: 100%;
+      height: 68px;
+      border-bottom: 1px solid #cccccc70;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 3px;
+      background: #fff;
+      margin-bottom: 9px;
+
+      .search-box {
         width: 93.6%;
         height: 36px;
         font-size: 14px;
         color: #B4B4B5;
         letter-spacing: 0;
         font-family: PingFangSC-Regular;
-        border: 1px solid rgba(56,63,69,0.60);
+        border: 1px solid rgba(56, 63, 69, 0.60);
         border-radius: 4px;
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
+
         input {
-            width: 90%;height: 100%;
-            opacity: 0.4;
-            border: none
+          width: 90%;
+          height: 100%;
+          opacity: 0.4;
+          border: none
         }
+      }
     }
-}
-  .content{
-    padding-bottom: 14px;
-  }
-.contract-list {
-    width: 100%;
-    height: 120px;
-    // border: 1px solid #ccc;
-    background: #fff;
-    //margin-bottom: 8px;
-    .item {
+
+    .content {
+      padding-bottom: 14px;
+    }
+
+    .contract-list {
+      width: 100%;
+      height: 120px;
+      // border: 1px solid #ccc;
+      background: #fff;
+      //margin-bottom: 8px;
+      .item {
         width: 100%;
         height: 34px;
         background: rgba(00, 70, 156, 0.1);
         display: flex;
         flex-direction: row;
         align-items: center;
+
         img {
-            margin-left: 16.6px;
+          margin-left: 16.6px;
         }
+
         .incoming-num {
-            font-family: PingFangSC-Semibold;
-            // width: 42px;
-            height: 20px;
-            font-weight: bolder;
-            line-height: 20px;
-            font-size: 14px;
-            color: #00469C;
-            letter-spacing: 0;
-            margin-left: 8.8px;
+          font-family: PingFangSC-Semibold;
+          // width: 42px;
+          height: 20px;
+          font-weight: bolder;
+          line-height: 20px;
+          font-size: 14px;
+          color: #00469C;
+          letter-spacing: 0;
+          margin-left: 8.8px;
         }
+
         .code {
-            font-family: PingFangSC-Semibold;
-            font-size: 14px;
-            color: #00469C;
-            margin-left: 8px;
-            font-weight: bolder
+          font-family: PingFangSC-Semibold;
+          font-size: 14px;
+          color: #00469C;
+          margin-left: 8px;
+          font-weight: bolder
         }
-    }
-    .details {
+      }
+
+      .details {
         width: 100%;
         height: 86px;
         display: flex;
         flex-direction: column;
         justify-content: space-around;
         padding: 6px 0;
+
         .option {
-            width: 100%;
+          width: 100%;
+          height: 18px;
+          display: flex;
+          flex-direction: row;
+
+          .name {
+            font-family: PingFangSC-Regular;
+            font-size: 13px;
+            color: rgba(56, 63, 69, 0.60);
+            width: 80px;
             height: 18px;
-            display: flex;
-            flex-direction: row;
-            .name {
-                font-family: PingFangSC-Regular;
-                font-size: 13px;
-                color: rgba(56,63,69,0.60);
-                width: 80px;
-                height: 18px;
-                line-height: 18px;
-                text-align: right
-            }
-            .normal {
-                font-family: PingFangSC-Regular;
-                font-size: 13px;
-                color: #383F45;
-                height: 18px;
-                line-height: 18px;
-                margin-left: 8px;
-            }
-            .money {
-                color: #FCC800;
-            }
-            img {
-                margin-left: 55%
-            }
-
-            }
-       }
+            line-height: 18px;
+            text-align: right
+          }
+
+          .normal {
+            font-family: PingFangSC-Regular;
+            font-size: 13px;
+            color: #383F45;
+            height: 18px;
+            line-height: 18px;
+            margin-left: 8px;
+          }
+
+          .money {
+            color: #FCC800;
+          }
+
+          img {
+            margin-left: 55%
+          }
+
+        }
+      }
     }
-}
+  }
 
 </style>

src/pages/login.vue

@@ -179,11 +179,11 @@ export default {
       -webkit-justify-content: space-between;
       margin: 0 0 0 23%;
       .register {
-        color: #5D98F6;
+        color: #FDFDFD;
         font-size: 15px;
       }
       .pwd-forgotten {
-        color: #5D98F6;
+        color: #FDFDFD;
         font-size: 15px;
       }
     }