提交
This commit is contained in:
@@ -453,11 +453,11 @@ export default {
|
|||||||
}
|
}
|
||||||
.page_logout_btn {
|
.page_logout_btn {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
font-size: 12px;
|
font-size: 14px;
|
||||||
color: rgba(255,255,255,0.6);
|
color: rgba(255,255,255,0.6);
|
||||||
border: 1px solid rgba(255,255,255,0.2);
|
border: 1px solid rgba(255,255,255,0.2);
|
||||||
border-radius: 12px;
|
border-radius: 14px;
|
||||||
padding: 3px 10px;
|
padding: 5px 14px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
&:active { opacity: 0.7; }
|
&:active { opacity: 0.7; }
|
||||||
|
|||||||
@@ -3,10 +3,11 @@
|
|||||||
<!-- <div>{{list}}</div> -->
|
<!-- <div>{{list}}</div> -->
|
||||||
<!-- 第一行:头像 + 昵称,无背景卡片,融入深蓝背景 -->
|
<!-- 第一行:头像 + 昵称,无背景卡片,融入深蓝背景 -->
|
||||||
<div class="page_header_user">
|
<div class="page_header_user">
|
||||||
<div class="page_avatar_wrap" @click="$router.push('/knapsack')" style="cursor:pointer">
|
<div class="page_avatar_wrap">
|
||||||
<img :src="loginAvatar" @error="$event.target.src = defaultAvatar" alt class="page_avatar_img" />
|
<img :src="loginAvatar" @error="$event.target.src = defaultAvatar" alt class="page_avatar_img" />
|
||||||
</div>
|
</div>
|
||||||
<span class="page_nickname">{{ (USER_INFO && USER_INFO.nickName) || '' }}</span>
|
<span class="page_nickname">{{ (USER_INFO && USER_INFO.nickName) || '' }}</span>
|
||||||
|
<div class="page_knapsack_btn" @click="$router.push('/knapsack')">库存</div>
|
||||||
<div class="page_logout_btn" @click="handleLogout">退出</div>
|
<div class="page_logout_btn" @click="handleLogout">退出</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 第二行:ROLL房标题 + 玩法说明 -->
|
<!-- 第二行:ROLL房标题 + 玩法说明 -->
|
||||||
@@ -539,13 +540,23 @@ export default {
|
|||||||
gap: 10px;
|
gap: 10px;
|
||||||
padding: 50px 12px 6px;
|
padding: 50px 12px 6px;
|
||||||
}
|
}
|
||||||
.page_logout_btn {
|
.page_knapsack_btn {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
font-size: 12px;
|
font-size: 14px;
|
||||||
color: rgba(255,255,255,0.6);
|
color: rgba(255,255,255,0.6);
|
||||||
border: 1px solid rgba(255,255,255,0.2);
|
border: 1px solid rgba(255,255,255,0.2);
|
||||||
border-radius: 12px;
|
border-radius: 14px;
|
||||||
padding: 3px 10px;
|
padding: 5px 14px;
|
||||||
|
cursor: pointer;
|
||||||
|
flex-shrink: 0;
|
||||||
|
&:active { opacity: 0.7; }
|
||||||
|
}
|
||||||
|
.page_logout_btn {
|
||||||
|
font-size: 14px;
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
border: 1px solid rgba(255,255,255,0.2);
|
||||||
|
border-radius: 14px;
|
||||||
|
padding: 5px 14px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
&:active { opacity: 0.7; }
|
&:active { opacity: 0.7; }
|
||||||
|
|||||||
Reference in New Issue
Block a user