Browse Source

fix:登录逻辑优化1

master
guoapeng 3 months ago
parent
commit
c594b03736
  1. 19
      src/pages/Login/index.vue

19
src/pages/Login/index.vue

@ -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 {

Loading…
Cancel
Save