feat:修改

src/views/activity/recruitment/components/sign/index.vue

@@ -219,7 +219,7 @@ const onSubmit = (values: any) => {
             <!-- 信息填寫 -->
             <!-- 信息填寫 -->
             <div class="info">
             <div class="info">
                 <div class="info-title">
                 <div class="info-title">
-                    <span>信息填寫</span>
+                    <span>填寫信息</span>
                 </div>
                 </div>
                 <div class="info-form">
                 <div class="info-form">
                     <van-form @submit="onSubmit">
                     <van-form @submit="onSubmit">
@@ -227,15 +227,18 @@ const onSubmit = (values: any) => {
                             <van-field v-model="platform" name="platform" label="合作平臺：" placeholder="選擇平臺" is-link
                             <van-field v-model="platform" name="platform" label="合作平臺：" placeholder="選擇平臺" is-link
                                 @click="showPlatformPicker = true" :rules="[{ required: true, message: '请選擇平臺' }]" />
                                 @click="showPlatformPicker = true" :rules="[{ required: true, message: '请選擇平臺' }]" />
 
 
+                            <van-field v-model="userName" name="id" label="FIREFLY ID： " placeholder="請輸入"
+                                :rules="[{ required: true, message: '请輸入' }]" />
+
                             <van-popup v-model:show="showPlatformPicker" destroy-on-close position="bottom">
                             <van-popup v-model:show="showPlatformPicker" destroy-on-close position="bottom">
                                 <van-picker :columns="columns" :model-value="pickerValue" @confirm="onConfirm"
                                 <van-picker :columns="columns" :model-value="pickerValue" @confirm="onConfirm"
                                     @cancel="showPlatformPicker = false" />
                                     @cancel="showPlatformPicker = false" />
                             </van-popup>
                             </van-popup>
 
 
-                            <van-field v-model="userName" name="userName" label="姓名" placeholder="請輸入"
-                                :rules="[{ required: true, message: '请輸入姓名' }]" />
-                            <van-field v-model="idNum" name="idNum" label="身份證號碼" placeholder="請輸入"
-                                :rules="[{ required: true, message: '请輸入身份證號碼' }]" />
+                            <van-field v-model="userName" name="userName" label="姓名:" placeholder="請輸入"
+                                :rules="[{ required: true, message: '请輸入' }]" />
+                            <van-field v-model="idNum" name="idNum" label="身份證號碼:" placeholder="請輸入"
+                                :rules="[{ required: true, message: '请輸入' }]" />
                         </van-cell-group>
                         </van-cell-group>
                     </van-form>
                     </van-form>
                 </div>
                 </div>
@@ -548,13 +551,14 @@ const onSubmit = (values: any) => {
                         text-shadow: 0px 4px 7px #2170D3;
                         text-shadow: 0px 4px 7px #2170D3;
                         font-style: italic;
                         font-style: italic;
                         padding-right: 8px;
                         padding-right: 8px;
+                        padding-top: 23px;
                     }
                     }
 
 
                     &::before {
                     &::before {
                         content: '';
                         content: '';
                         position: absolute;
                         position: absolute;
                         left: 185px;
                         left: 185px;
-                        top: 23px;
+                        top: 32px;
                         width: 64px;
                         width: 64px;
                         height: 41px;
                         height: 41px;
                         background-image: url(../../image/leftArrow.png);
                         background-image: url(../../image/leftArrow.png);
@@ -566,7 +570,7 @@ const onSubmit = (values: any) => {
                         content: '';
                         content: '';
                         position: absolute;
                         position: absolute;
                         right: 193px;
                         right: 193px;
-                        top: 23px;
+                        top: 32px;
                         width: 64px;
                         width: 64px;
                         height: 41px;
                         height: 41px;
                         background-image: url(../../image/rightArrow.png);
                         background-image: url(../../image/rightArrow.png);
@@ -620,7 +624,7 @@ const onSubmit = (values: any) => {
                         }
                         }
 
 
                         .content-item-text {
                         .content-item-text {
-                            padding-top: 12px;
+                            padding-top: 14px;
                             font-family: PingFang SC;
                             font-family: PingFang SC;
                             font-weight: 500;
                             font-weight: 500;
                             font-size: 22px;
                             font-size: 22px;
@@ -649,7 +653,7 @@ const onSubmit = (values: any) => {
                     }
                     }
 
 
                     .require-item {
                     .require-item {
-                        padding: 22px 0 0 20px;
+                        padding: 14px 0 0 20px;
 
 
                         .require-title {
                         .require-title {
                             font-family: PingFang SC;
                             font-family: PingFang SC;
@@ -667,8 +671,7 @@ const onSubmit = (values: any) => {
                             font-size: 22px;
                             font-size: 22px;
                             color: #FFFFFF;
                             color: #FFFFFF;
                             opacity: 0.6;
                             opacity: 0.6;
-
-
+                            padding-top: 12px;
                         }
                         }
                     }
                     }
 
 
@@ -828,6 +831,63 @@ const onSubmit = (values: any) => {
 }
 }
 
 
 :deep(.van-form) {
 :deep(.van-form) {
-    background: transparent;
+    width: 601px;
+    height: 388px;
+    background: rgba(0, 0, 0, 0.2);
+    margin-left: 24px;
+
+    .van-cell-group {
+        background: transparent;
+
+        .van-cell {
+            background: transparent;
+            height: 100px;
+            align-items: center;
+            padding-left: 0;
+
+            .van-cell__title {
+                font-family: PingFang SC;
+                font-weight: bold;
+                font-size: 24px;
+                color: #FFFFFF;
+            }
+
+            .van-cell__value {
+                width: 302px;
+                height: 55px;
+                background: #98BDFE;
+                border-radius: 6px;
+
+                .van-field__body {
+                    height: 100%;
+                }
+            }
+
+            .van-field__control {
+                font-family: PingFang SC;
+                font-weight: bold;
+                font-size: 24px;
+                color: #01173C;
+            }
+
+            .van-field__control::-webkit-input-placeholder {
+                font-family: PingFang SC;
+                font-weight: bold;
+                font-size: 24px;
+                color: #00225B;
+                opacity: 0.42;
+            }
+
+            .van-cell__right-icon {
+                color: #00225B;
+                position: relative;
+                left: -32px;
+            }
+        }
+
+        .van-cell::after {
+            display: none;
+        }
+    }
 }
 }
 </style>
 </style>
\ No newline at end of file