默认提交
Showing
6 changed files
with
85 additions
and
12 deletions
| ... | @@ -191,6 +191,21 @@ module.exports = { | ... | @@ -191,6 +191,21 @@ module.exports = { |
| 191 | submit: "確認", | 191 | submit: "確認", |
| 192 | } | 192 | } |
| 193 | }, | 193 | }, |
| 194 | infomationImprove: { | ||
| 195 | title: "請完善您的信息", | ||
| 196 | t1: "姓名", | ||
| 197 | t1Placeholder: "", | ||
| 198 | t2: "性別", | ||
| 199 | t2Placeholder: "", | ||
| 200 | t3: "出生日期", | ||
| 201 | t3Placeholder: "", | ||
| 202 | t4: "證件類型", | ||
| 203 | t4Placeholder: "", | ||
| 204 | t5: "證件號碼", | ||
| 205 | t5Placeholder: "", | ||
| 206 | submit:"確認", | ||
| 207 | cancel:"跳過", | ||
| 208 | }, | ||
| 194 | index: { | 209 | index: { |
| 195 | news: "新聞資訊", | 210 | news: "新聞資訊", |
| 196 | newMore: "查看更多", | 211 | newMore: "查看更多", | ... | ... |
| ... | @@ -191,6 +191,21 @@ module.exports = { | ... | @@ -191,6 +191,21 @@ module.exports = { |
| 191 | submit: "確認", | 191 | submit: "確認", |
| 192 | } | 192 | } |
| 193 | }, | 193 | }, |
| 194 | infomationImprove: { | ||
| 195 | title: "請完善您的信息", | ||
| 196 | t1: "姓名", | ||
| 197 | t1Placeholder: "", | ||
| 198 | t2: "性別", | ||
| 199 | t2Placeholder: "", | ||
| 200 | t3: "出生日期", | ||
| 201 | t3Placeholder: "", | ||
| 202 | t4: "證件類型", | ||
| 203 | t4Placeholder: "", | ||
| 204 | t5: "證件號碼", | ||
| 205 | t5Placeholder: "", | ||
| 206 | submit:"確認", | ||
| 207 | cancel:"跳過", | ||
| 208 | }, | ||
| 194 | index: { | 209 | index: { |
| 195 | news: "新聞資訊", | 210 | news: "新聞資訊", |
| 196 | newMore: "查看更多", | 211 | newMore: "查看更多", | ... | ... |
| ... | @@ -191,6 +191,21 @@ module.exports = { | ... | @@ -191,6 +191,21 @@ module.exports = { |
| 191 | submit: "确认", | 191 | submit: "确认", |
| 192 | } | 192 | } |
| 193 | }, | 193 | }, |
| 194 | infomationImprove: { | ||
| 195 | title: "请完善您的信息", | ||
| 196 | t1: "姓名", | ||
| 197 | t1Placeholder: "", | ||
| 198 | t2: "性别", | ||
| 199 | t2Placeholder: "", | ||
| 200 | t3: "出生日期", | ||
| 201 | t3Placeholder: "", | ||
| 202 | t4: "证件类型", | ||
| 203 | t4Placeholder: "", | ||
| 204 | t5: "证件号码", | ||
| 205 | t5Placeholder: "", | ||
| 206 | submit:"确认", | ||
| 207 | cancel:"跳过", | ||
| 208 | }, | ||
| 194 | index: { | 209 | index: { |
| 195 | news: "新闻资讯", | 210 | news: "新闻资讯", |
| 196 | newMore: "查看更多", | 211 | newMore: "查看更多", | ... | ... |
| ... | @@ -7,16 +7,16 @@ | ... | @@ -7,16 +7,16 @@ |
| 7 | <div class="top-space"></div> | 7 | <div class="top-space"></div> |
| 8 | <div class="box"> | 8 | <div class="box"> |
| 9 | <div class="login"> | 9 | <div class="login"> |
| 10 | <div class="login-tit">{{$t('register.title2')}}</div> | 10 | <div class="login-tit">{{$t('infomationImprove.title')}}</div> |
| 11 | <div class="login-tit-space-1"></div> | 11 | <div class="login-tit-space-1"></div> |
| 12 | <div class="gird-g form"> | 12 | <div class="gird-g form"> |
| 13 | 13 | ||
| 14 | <div class="pure-u-1 form-item"> | 14 | <div class="pure-u-1 form-item"> |
| 15 | <div class="label"> | 15 | <div class="label"> |
| 16 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('register.newPassword')}} | 16 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1')}} |
| 17 | </div> | 17 | </div> |
| 18 | <div class="ipt-wrap"> | 18 | <div class="ipt-wrap"> |
| 19 | <input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password"> | 19 | <input class="ipt" type="password" v-model="values.password"> |
| 20 | </div> | 20 | </div> |
| 21 | <div class="validator"> | 21 | <div class="validator"> |
| 22 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 | 22 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 |
| ... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
| 25 | 25 | ||
| 26 | <div class="pure-u-1 form-item"> | 26 | <div class="pure-u-1 form-item"> |
| 27 | <div class="label"> | 27 | <div class="label"> |
| 28 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('register.newPassword')}} | 28 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t2')}} |
| 29 | </div> | 29 | </div> |
| 30 | <div class="ipt-wrap"> | 30 | <div class="ipt-wrap"> |
| 31 | <div class="down-arrow"></div> | 31 | <div class="down-arrow"></div> |
| ... | @@ -45,10 +45,10 @@ | ... | @@ -45,10 +45,10 @@ |
| 45 | 45 | ||
| 46 | <div class="pure-u-1 form-item"> | 46 | <div class="pure-u-1 form-item"> |
| 47 | <div class="label"> | 47 | <div class="label"> |
| 48 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-date.png"> {{$t('register.newPassword')}} | 48 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-date.png"> {{$t('infomationImprove.t3')}} |
| 49 | </div> | 49 | </div> |
| 50 | <div class="ipt-wrap"> | 50 | <div class="ipt-wrap"> |
| 51 | <input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password"> | 51 | <input class="ipt" type="password" v-model="values.password"> |
| 52 | </div> | 52 | </div> |
| 53 | <div class="validator"> | 53 | <div class="validator"> |
| 54 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 | 54 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 |
| ... | @@ -57,7 +57,7 @@ | ... | @@ -57,7 +57,7 @@ |
| 57 | 57 | ||
| 58 | <div class="pure-u-1 form-item"> | 58 | <div class="pure-u-1 form-item"> |
| 59 | <div class="label"> | 59 | <div class="label"> |
| 60 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('register.newPassword')}} | 60 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t4')}} |
| 61 | </div> | 61 | </div> |
| 62 | <div class="ipt-wrap"> | 62 | <div class="ipt-wrap"> |
| 63 | <div class="down-arrow"></div> | 63 | <div class="down-arrow"></div> |
| ... | @@ -77,10 +77,10 @@ | ... | @@ -77,10 +77,10 @@ |
| 77 | 77 | ||
| 78 | <div class="pure-u-1 form-item"> | 78 | <div class="pure-u-1 form-item"> |
| 79 | <div class="label"> | 79 | <div class="label"> |
| 80 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('register.newPassword')}} | 80 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t5')}} |
| 81 | </div> | 81 | </div> |
| 82 | <div class="ipt-wrap"> | 82 | <div class="ipt-wrap"> |
| 83 | <input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password"> | 83 | <input class="ipt" type="password" v-model="values.password"> |
| 84 | </div> | 84 | </div> |
| 85 | <div class="validator"> | 85 | <div class="validator"> |
| 86 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 | 86 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 |
| ... | @@ -89,8 +89,8 @@ | ... | @@ -89,8 +89,8 @@ |
| 89 | 89 | ||
| 90 | </div> | 90 | </div> |
| 91 | <div class="login-btn-wrap"> | 91 | <div class="login-btn-wrap"> |
| 92 | <div @click="onRegisterHandler()" class="login-submit pointer">{{$t('register.sure')}}</div> | 92 | <div @click="onRegisterHandler()" class="login-submit pointer">{{$t('infomationImprove.submit')}}</div> |
| 93 | <div @click="onRegisterHandler()" class="login-submit pointer">{{$t('register.sure')}}</div> | 93 | <div @click="onRegisterHandler()" class="login-submit pointer">{{$t('infomationImprove.cancel')}}</div> |
| 94 | </div> | 94 | </div> |
| 95 | </div> | 95 | </div> |
| 96 | 96 | ... | ... |
| ... | @@ -133,7 +133,7 @@ | ... | @@ -133,7 +133,7 @@ |
| 133 | height: 100%; | 133 | height: 100%; |
| 134 | } | 134 | } |
| 135 | } | 135 | } |
| 136 | 136 | ||
| 137 | &-item { | 137 | &-item { |
| 138 | position: relative; | 138 | position: relative; |
| 139 | // margin-top: 2.75rem; | 139 | // margin-top: 2.75rem; |
| ... | @@ -220,6 +220,20 @@ | ... | @@ -220,6 +220,20 @@ |
| 220 | } | 220 | } |
| 221 | } | 221 | } |
| 222 | } | 222 | } |
| 223 | |||
| 224 | .validator { | ||
| 225 | color: $cOrange; | ||
| 226 | margin-top: 0.5rem; | ||
| 227 | position: absolute; | ||
| 228 | right: .5rem; | ||
| 229 | display: flex; | ||
| 230 | align-items: center; | ||
| 231 | |||
| 232 | img { | ||
| 233 | display: inline-block; | ||
| 234 | margin-right: 0.4rem; | ||
| 235 | } | ||
| 236 | } | ||
| 223 | } | 237 | } |
| 224 | } | 238 | } |
| 225 | 239 | ... | ... |
| ... | @@ -227,6 +227,20 @@ | ... | @@ -227,6 +227,20 @@ |
| 227 | 227 | ||
| 228 | } | 228 | } |
| 229 | 229 | ||
| 230 | .validator { | ||
| 231 | color: $cOrange; | ||
| 232 | margin-top: 0.5rem; | ||
| 233 | position: absolute; | ||
| 234 | right: .5rem; | ||
| 235 | display: flex; | ||
| 236 | align-items: center; | ||
| 237 | |||
| 238 | img { | ||
| 239 | display: inline-block; | ||
| 240 | margin-right: 0.4rem; | ||
| 241 | } | ||
| 242 | } | ||
| 243 | |||
| 230 | } | 244 | } |
| 231 | } | 245 | } |
| 232 | 246 | ... | ... |
-
Please register or sign in to post a comment