xuqiang 5 years ago
parent
commit
eeebbb0329
2 changed files with 45 additions and 5 deletions
  1. 23 1
      src/pages/Apply.vue
  2. 22 4
      src/pages/receiving.vue

+ 23 - 1
src/pages/Apply.vue

@@ -152,13 +152,35 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+/deep/ .van-cell {
+    --cell-vertical-padding: 23px;
+    --cell-horizontal-padding: 20px;
+    --field-label-color: #000000;
+    --cell-text-color: #000;
+    .van-field__label,
+    .van-cell__title {
+        font-weight: bold;
+        width: 70px;
+        max-width: 70px !important;
+        min-width: 70px !important;
+        flex-shrink: 0;
+        margin-right: 10px !important;
+    }
+    .van-cell__value {
+        text-align: left;
+    }
+
+    &::after {
+        left: 100px !important;
+    }
+}
 .field {
     .flex();
     padding: 17px 17px;
     background: #f5f7fa;
     height: 36px;
     p {
-        width: 146px;
+        width: 115px;
         font-size: 14px;
         font-weight: 500;
         color: #646566;

+ 22 - 4
src/pages/receiving.vue

@@ -14,7 +14,6 @@
                 @input="form.name = $event.detail"
                 placeholder="请填写您的姓名"
                 :border="false"
-                custom-style="padding-top:23px;height:83px;"
                 label="联系人"
             />
             <van-field
@@ -23,7 +22,6 @@
                 @input="form.phone = $event.detail"
                 placeholder="请填写您的手机号码"
                 :border="false"
-                custom-style="height:70px;"
                 label="手机号"
             />
             <van-field
@@ -33,7 +31,6 @@
                 is-link
                 placeholder="请选择省市区"
                 :border="false"
-                custom-style="height:70px;"
                 label="地区"
             />
             <van-field
@@ -42,7 +39,6 @@
                 placeholder="请填写您的详细地址"
                 :border="false"
                 label="详细地址"
-                custom-style="height:70px;"
                 type="textarea"
             />
         </van-cell-group>
@@ -182,6 +178,28 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+/deep/ .van-cell {
+    --cell-vertical-padding: 23px;
+    --cell-horizontal-padding: 20px;
+    --field-label-color: #000000;
+    --cell-text-color: #000;
+    .van-field__label,
+    .van-cell__title {
+        font-weight: bold;
+        width: 70px;
+        max-width: 70px !important;
+        min-width: 70px !important;
+        flex-shrink: 0;
+        margin-right: 10px !important;
+    }
+    .van-cell__value {
+        text-align: left;
+    }
+
+    &::after {
+        left: 100px !important;
+    }
+}
 .container {
     .box-but {
         background: #f5f7fa;