|
|
@@ -1,7 +1,9 @@
|
|
|
<template>
|
|
|
<div class="container">
|
|
|
- <div class="title">实名认证请选择</div>
|
|
|
- <div class="name">账户实名认证后不能修改,<span>请使用本人身份信息完成认证</span></div>
|
|
|
+ <div class="top">
|
|
|
+ <div class="title">实名认证请选择</div>
|
|
|
+ <div class="name">账户实名认证后不能修改,<span>请使用本人身份信息完成认证</span></div>
|
|
|
+ </div>
|
|
|
<!-- <div class="box" @click="$router.push('/verified')">
|
|
|
<img class="img" :src="require(`@assets/renzheng-icon-geren.png`)" alt="" />
|
|
|
<div class="text">个人认证</div>
|
|
|
@@ -27,7 +29,7 @@
|
|
|
>
|
|
|
<img :src="chooseIndex === index ? item.imgPre : item.img" alt="" class="img1" />
|
|
|
<span class="text1">{{ item.title }}</span>
|
|
|
- <img v-if="chooseIndex === index" src="@assets/icon_gouxuan_pre.png" alt="" class="img2" />
|
|
|
+ <img v-if="chooseIndex === index" src="@assets/icon_gouxuan_next.png" alt="" class="img2" />
|
|
|
<img v-else src="@assets/icon_gouxuan.png" alt="" class="img2" />
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -72,7 +74,6 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.container {
|
|
|
- padding: 0 16px;
|
|
|
background-color: @bg3;
|
|
|
.btn {
|
|
|
width: 80px;
|
|
|
@@ -85,19 +86,17 @@ export default {
|
|
|
line-height: 34px;
|
|
|
}
|
|
|
.title {
|
|
|
- height: 42px;
|
|
|
font-size: 20px;
|
|
|
- font-weight: 400;
|
|
|
color: @text0;
|
|
|
- line-height: 42px;
|
|
|
- padding-top: 10px;
|
|
|
+ line-height: 30px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
.name {
|
|
|
font-size: 12px;
|
|
|
font-weight: 400;
|
|
|
color: @text3;
|
|
|
line-height: 22px;
|
|
|
- margin: 10px 0 40px;
|
|
|
+ margin-top: 4px;
|
|
|
}
|
|
|
span {
|
|
|
color: @prim;
|
|
|
@@ -129,8 +128,13 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+.top {
|
|
|
+ background-color: @bg;
|
|
|
+ padding: 10px 16px 12px;
|
|
|
+}
|
|
|
+
|
|
|
.auth-list {
|
|
|
- padding: 20px 30px;
|
|
|
+ padding: 48px 30px 60px;
|
|
|
.auth {
|
|
|
.flex();
|
|
|
position: relative;
|
|
|
@@ -149,10 +153,10 @@ export default {
|
|
|
margin-left: 16px;
|
|
|
}
|
|
|
.img2 {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
position: absolute;
|
|
|
- right: -12px;
|
|
|
+ right: -16px;
|
|
|
top: 50%;
|
|
|
transform: translateY(-50%);
|
|
|
}
|
|
|
@@ -184,7 +188,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.btn-content {
|
|
|
- margin: 40px 48px;
|
|
|
+ margin: 0 48px;
|
|
|
.van-button {
|
|
|
background: linear-gradient(135deg, @prim 0%, @warn 100%);
|
|
|
color: @btnText;
|