|
@@ -49,7 +49,7 @@
|
|
<div
|
|
<div
|
|
v-show="showMine"
|
|
v-show="showMine"
|
|
class="nav-menu nav-dropdown"
|
|
class="nav-menu nav-dropdown"
|
|
- :class="{ 'is-member': 1 }"
|
|
|
|
|
|
+ :class="{ 'is-member': !1 }"
|
|
>
|
|
>
|
|
<div class="nav-menu-header">
|
|
<div class="nav-menu-header">
|
|
<i class="logo"></i>
|
|
<i class="logo"></i>
|
|
@@ -61,7 +61,7 @@
|
|
<p class="name">Hi, Rebecca</p>
|
|
<p class="name">Hi, Rebecca</p>
|
|
<p class="intro">Ordinary member</p>
|
|
<p class="intro">Ordinary member</p>
|
|
</div>
|
|
</div>
|
|
- <div v-if="0" class="p2">
|
|
|
|
|
|
+ <div v-if="1" class="p2">
|
|
<p class="txt">You have not purchased a member</p>
|
|
<p class="txt">You have not purchased a member</p>
|
|
<button class="btn">BUY</button>
|
|
<button class="btn">BUY</button>
|
|
</div>
|
|
</div>
|
|
@@ -411,7 +411,11 @@ watch(
|
|
padding: 48px 0 0 50px;
|
|
padding: 48px 0 0 50px;
|
|
height: 202px;
|
|
height: 202px;
|
|
color: $primary-color;
|
|
color: $primary-color;
|
|
- background: #e9ebf0;
|
|
|
|
|
|
+ background-color: #e9ebf0;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ background-size: 190px 190px;
|
|
|
|
+ background-position: 446px 46px;
|
|
|
|
+ background-image: url(@img/user-lg.png);
|
|
border-radius: 8px 8px 0px 0px;
|
|
border-radius: 8px 8px 0px 0px;
|
|
|
|
|
|
.name {
|
|
.name {
|
|
@@ -436,6 +440,8 @@ watch(
|
|
}
|
|
}
|
|
|
|
|
|
.btn {
|
|
.btn {
|
|
|
|
+ display: block;
|
|
|
|
+ margin-top: 24px;
|
|
width: 144px;
|
|
width: 144px;
|
|
height: 60px;
|
|
height: 60px;
|
|
font-size: 32px;
|
|
font-size: 32px;
|
|
@@ -524,7 +530,11 @@ watch(
|
|
.p1,
|
|
.p1,
|
|
.role {
|
|
.role {
|
|
color: #fff;
|
|
color: #fff;
|
|
- background: $primary-color;
|
|
|
|
|
|
+ background-color: $primary-color;
|
|
|
|
+ }
|
|
|
|
+ .p1 {
|
|
|
|
+ background-image: url(@img/pro-lg.png);
|
|
|
|
+ background-position: 446px 64px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -535,7 +545,7 @@ watch(
|
|
font-size: 32px;
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
color: #193059;
|
|
color: #193059;
|
|
- background: #e9ebf0;
|
|
|
|
|
|
+ background-color: #e9ebf0;
|
|
|
|
|
|
@include media-breakpoint-up(md) {
|
|
@include media-breakpoint-up(md) {
|
|
display: block;
|
|
display: block;
|