提交

src/view/fenghui/index.vue

@@ -35,7 +35,7 @@
                         :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].nameContent }]" required
                         v-model="from.name" :placeholder="lang[langType].nameContent">
                         <template #label>
-                            <span v-html="lang[langType].name"></span>
+                            <span class="label" v-html="lang[langType].name"></span>
                         </template>
                     </van-field>
 
@@ -44,7 +44,7 @@
                         :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].pinyinContent }]"
                         v-model="from.pinyin" required :placeholder="lang[langType].pinyinContent">
                         <template #label>
-                            <span v-html="lang[langType].pinyin"></span>
+                            <span class="label" v-html="lang[langType].pinyin"></span>
                         </template>
                     </van-field>
 
@@ -53,7 +53,7 @@
                         :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].genderContent }]"
                         v-model="from.gender" required :placeholder="lang[langType].genderContent">
                         <template #label>
-                            <span v-html="lang[langType].gender"></span>
+                            <span class="label" v-html="lang[langType].gender"></span>
                         </template>
                     </van-field>
 
@@ -62,7 +62,7 @@
                         :rules="[{ required: true, trigger: 'onChange', message: lang[langType].photoContent }]"
                         v-model="from.fileUrl">
                         <template #label>
-                            <span v-html="lang[langType].photo"></span>
+                            <span class="label" v-html="lang[langType].photo"></span>
                         </template>
                         <template #input>
                             <van-uploader :preview-full-image="false" accept="image/*" v-model="photo" :max-count="1"
@@ -83,7 +83,7 @@
                         :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].emailContent }]" required
                         v-model="from.email" :placeholder="lang[langType].emailContent">
                         <template #label>
-                            <span v-html="lang[langType].email"></span>
+                            <span class="label" v-html="lang[langType].email"></span>
                         </template>
                     </van-field>
 
@@ -93,7 +93,7 @@
                         is-link readonly @click="showBirthday = true" v-model="from.birthday" required
                         :placeholder="lang[langType].birthdayContent">
                         <template #label>
-                            <span v-html="lang[langType].birthday"></span>
+                            <span class="label" v-html="lang[langType].birthday"></span>
                         </template>
                     </van-field>
                     <van-popup v-model:show="showBirthday" destroy-on-close round position="bottom">
@@ -119,7 +119,7 @@
                         :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].provinceCityContent }]"
                         v-model="from.provinceCity" required :placeholder="lang[langType].provinceCityContent">
                         <template #label>
-                            <span v-html="lang[langType].provinceCity"></span>
+                            <span class="label" v-html="lang[langType].provinceCity"></span>
                         </template>
                     </van-field>
 
@@ -140,7 +140,7 @@
                         :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].titleContent }]"
                         v-model="from.title" :placeholder="lang[langType].titleContent">
                         <template #label>
-                            <span v-html="lang[langType].title"></span>
+                            <span class="label" v-html="lang[langType].title"></span>
                         </template>
                     </van-field>
 
@@ -200,7 +200,7 @@
                         :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].careerContent }]" required
                         :placeholder="lang[langType].careerContent">
                         <template #label>
-                            <span v-html="lang[langType].career"></span>
+                            <span class="label" v-html="lang[langType].career"></span>
                         </template>
                     </van-field>
                     <div style="background-color: #F7F7F7;height: 10px;"></div>
@@ -215,7 +215,7 @@
                         :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].faxContent }]"
                         v-model="from.fax" type="number" required :placeholder="lang[langType].faxContent">
                         <template #label>
-                            <span v-html="lang[langType].fax"></span>
+                            <span class="label" v-html="lang[langType].fax"></span>
                         </template>
                     </van-field>
 
@@ -369,8 +369,12 @@
                     <!-- <br /> -->
                     <!-- <h4 class="title" v-text="lang[langType].orther"></h4> -->
                     <van-field label-width="7em" size="large" v-model="from.message" rows="3" autosize
-                        :label="lang[langType].ortherNotes" type="textarea"
-                        :placeholder="lang[langType].ortherNotesContent" />
+                        type="textarea"
+                        :placeholder="lang[langType].ortherNotesContent">
+                        <template #label>
+                            <span class="label" v-html="lang[langType].ortherNotes"></span>
+                        </template>
+                    </van-field>
                 </van-cell-group>
             </div>
 
@@ -691,6 +695,10 @@ const onSubmit = () => {
         color: #3D3D3D;
     }
 
+    .label {
+        width: 5em;
+    }
+
     h4 {
         color: #031280 !important;
     }