提交

src/view/fenghui/index.vue

@@ -30,16 +30,18 @@
             <div class="submit">
                 <van-cell-group inset>
                     <h4 class="title" v-text="lang[langType].basicInformation"></h4>
-                    <van-field label-width="7em" :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].nameContent }]" v-model="from.name" :label="lang[langType].name"
-                        :placeholder="lang[langType].nameContent" />
-                    <van-field label-width="7em" :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].idCardContent }]" v-model="from.idCard" :label="lang[langType].idCard"
+                    <van-field label-width="7em"
+                        :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].nameContent }]"
+                        v-model="from.name" :label="lang[langType].name" :placeholder="lang[langType].nameContent" />
+                    <van-field label-width="7em"
+                        :rules="[{ required: true, trigger: 'onBlur', message: lang[langType].idCardContent }]"
+                        v-model="from.idCard" :label="lang[langType].idCard"
                         :placeholder="lang[langType].idCardContent" />
                     <van-field label-width="7em" :placeholder="lang[langType].photoContent"
                         :label="lang[langType].photo">
                         <template #input>
-                            <van-uploader :preview-full-image="false" accept="image/*" v-model="photo"
-                                :max-count="1" :max-size="524288000" @oversize="filesize" :after-read="beforeRead"
-                                result-type="file">
+                            <van-uploader :preview-full-image="false" accept="image/*" v-model="photo" :max-count="1"
+                                :max-size="524288000" @oversize="filesize" :after-read="beforeRead" result-type="file">
                             </van-uploader>
                             <p style="font-size: 12px;" v-text="lang[langType].photoSubContent"> </p>
                         </template>
@@ -68,7 +70,11 @@
                         :placeholder="lang[langType].ortherNotesContent" />
                 </van-cell-group>
             </div>
-            <div class="btn_bottom" native-type="submit" v-text="lang[langType].submit" @click="onSubmit"> </div>
+            <!-- <div class="btn_bottom" native-type="submit" v-text="lang[langType].submit" @click="onSubmit"> </div> -->
+
+            <van-button class="btn_bottom" block type="primary" native-type="submit">
+                {{ lang[langType].submit }}
+            </van-button>
             <div style="text-align: center;line-height: 2.5em;font-size: 12px;" v-text="lang[langType].copyright"></div>
         </van-form>
     </div>
@@ -279,6 +285,10 @@ const onSubmit = () => {
         height: 60px;
         line-height: 60px;
         background: linear-gradient(270deg, #1D19BC 0%, #1C4CD5 100%);
+
+        .van-button__text {
+            color: #ffffff;
+        }
     }
 
     .submit {