feat: 信息限制样式优化

components/Common/ConfigPopup.vue

@@ -3,6 +3,7 @@
     v-model="visible"
     position="bottom"
     round
+    transfer
   >
   <div class="main">
     <div class="top">
@@ -11,7 +12,7 @@
       <div class="top-btn" @click="submit">提交</div>
     </div>
     <div class="form" :class="{error: isError}">
-      <van-field v-if="lotteryInfo.premise && lotteryInfo.premise.includes('name')" v-model="form.name" label-width="65" label="联系人" placeholder="请输入联系人" @focus="isError = false"/>
+      <van-field v-if="lotteryInfo.premise && lotteryInfo.premise.includes('name')" v-model="form.name" label-width="60" label="联系人" placeholder="请输入联系人" @focus="isError = false"/>
       <template v-if="lotteryInfo.premise && lotteryInfo.premise.includes('phone')">
         <van-field v-model="form.phone" label-width="60" label="手机号" placeholder="请输入联系电话" @focus="isError = false"/>
         <van-field v-model="form.code" label-width="60" label="验证码" placeholder="请输入验证码" @focus="isError = false">
@@ -44,7 +45,7 @@
       position="bottom"
       round
     >
-      <van-area title="标题" :area-list="areaList" @confirm="chooseAdd" @cancel="isShowAdd = false"/>
+      <van-area title="区域选择" :area-list="areaList" @confirm="chooseAdd" @cancel="isShowAdd = false"/>
     </van-popup>
   </div>
   </van-popup>
@@ -204,14 +205,14 @@ export default {
           this.$toast(errorMessage)
         }
       })
-    }
+    },
   }
 }
 </script>
 
 <style lang="less" scoped>
 .main {
-  height: 60vh;
+  height: 42vh;
 }
 .top {
   display: flex;
@@ -239,6 +240,9 @@ export default {
     font-weight: 400;
     color: #357BF0;
   }
+  /deep/ .van-cell {
+    padding: 9.5px 13px;
+  }
   /deep/ .van-field__label{
     height: 20px;
     font-size: 14px;
@@ -249,6 +253,9 @@ export default {
       white-space: nowrap;
     }
   }
+  /deep/ .van-field__word-limit{
+    color: #999;
+  }
   /deep/ .van-cell::after {
     border-bottom: none;
   }