style 太保权益领取组件替换

src/views/sz-public-new/index.vue

@@ -38,7 +38,6 @@
               ]"
             />
             <van-field
-              :value="cardTypeName"
               label="证件类型"
               required
               disabled
@@ -49,7 +48,15 @@
               @click="
                 !isReadonly('cardTypeName') && (showCardTypeVisible = true)
               "
-            />
+            >
+              <template #input>
+                <van-field
+                  class="van-inner-field"
+                  :value="cardTypeName"
+                  readonly
+                />
+              </template>
+            </van-field>
             <van-field
               v-model="dectionForm.idCard"
               class="appoint-form-items"
@@ -328,8 +335,8 @@ export default {
           //   idCard: '411302199009092234',
           //   idType: 2 /** 默认为1:身份证 */,
           //   name: '乔先生',
-          //   sex: 1,
-          //   birthTime: '1990-09-09',
+          //   sex: '',
+          //   birthTime: '',
           // };
 
           this.inherentUserInfo = data;
@@ -531,6 +538,9 @@ export default {
     }
   }
   .appoint-form-items {
+    .van-inner-field {
+      padding: 0;
+    }
     /deep/ .van-field__label {
       color: #212121;
       width: auto;