|
|
@ -114,6 +114,10 @@ const back = () => { |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="password-box" v-else> |
|
|
|
<div class="user-info user-info-active"> |
|
|
|
<el-avatar :size="40" :src="circleUrl" /> |
|
|
|
<span class="name">{{activeUser!.account}}</span> |
|
|
|
</div> |
|
|
|
<p class="title">请输入4位PIN码</p> |
|
|
|
<div class="password-list"> |
|
|
|
<div v-for="i in 4" :key="i" class="password-item" :class="{'password-item-fill': i <= password.length, 'password-error': passwordError}"></div> |
|
|
@ -221,6 +225,21 @@ const back = () => { |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
.user-info { |
|
|
|
width: 50%; |
|
|
|
padding: 10px 0; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
border-radius: 20px; |
|
|
|
background: #3E8ED1; |
|
|
|
color: #fff; |
|
|
|
.name { |
|
|
|
margin-left: 30px; |
|
|
|
font-size: 25px; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.title { |
|
|
|