Add verifications

This commit is contained in:
the1812 2019-04-17 11:43:51 +08:00
parent 5333d66b75
commit d07f79b5ba
6 changed files with 47 additions and 14 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -277,6 +277,7 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame
justify-content: space-between;
align-items: center;
width: 100%;
position: relative;
}
.user-info-panel .name
{
@ -295,7 +296,21 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame
display: flex;
justify-content: center;
align-items: center;
flex: 1 0 25%;
flex: 1 0 33.33%;
}
.user-info-panel .verifications
{
justify-content: space-around;
}
.user-info-panel .verifications i
{
opacity: 0.6;
font-size: 16px;
}
.user-info-panel .verifications i.verified
{
opacity: 1;
color: var(--theme-color);
}
.user-info-panel .coins::before
{
@ -313,12 +328,25 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame
{
color: var(--theme-color);
}
.level strong
{
font-size: 14pt;
font-weight: normal;
margin-left: 2px;
}
.user-info-panel .level,
.user-info-panel .level-progress-label
{
margin-bottom: 8px;
}
.user-info-panel .level-progress
{
width: 50px;
height: 8px;
width: 100%;
height: 2px;
background-color: #0008;
margin: 0 16px;
position: absolute;
bottom: 0;
left: 0;
}
.user-info-panel .level-progress-thumb
{

View File

@ -206,7 +206,7 @@ class UserInfo extends NavbarComponent
<span class="name">{{uname}}</span>
<span class="type">{{userType}}</span>
<div class="row">
<span class="level">LV{{level_info.current_level}}</span>
<span class="level">LV<strong>{{level_info.current_level}}</strong></span>
<div class="level-progress">
<div class="level-progress-thumb" v-bind:style="levelProgressStyle"></div>
</div>
@ -216,7 +216,12 @@ class UserInfo extends NavbarComponent
<span class="coins">{{money}}</span>
<span class="b-coins">{{wallet.bcoin_balance}}</span>
<div class="verifications">
<a target="_blank" href="https://passport.bilibili.com/account/security#/bindmail">
<i class="mdi mdi-email" v-bind:class="{verified: email_verified }"></i>
</a>
<a target="_blank" href="https://passport.bilibili.com/account/security#/bindphone">
<i class="mdi mdi-cellphone-android" v-bind:class="{verified: mobile_verified }"></i>
</a>
</div>
</div>
<div class="row operations">