统计、导航高度

ui1
yujialong 3 years ago
parent 559a5d9382
commit 0a0a46d1a4
  1. 8
      src/layouts/header/index.vue
  2. 2
      src/layouts/home/index.vue
  3. 2
      src/layouts/navbar/index.vue
  4. 21
      src/pages/stat/list/index.vue

@ -9,7 +9,7 @@
<img src="../../assets/img/search.png" alt="" class="search-icon"> <img src="../../assets/img/search.png" alt="" class="search-icon">
</div> </div>
<div class="inner"> <div class="inner">
<div style="height: 80px;"></div> <div style="height: 70px;"></div>
<navbar ref="nav"></navbar> <navbar ref="nav"></navbar>
<div class="action" v-if="token"> <div class="action" v-if="token">
<img v-if="isManager && showSetting" class="icon" :class="{'m-r-20': !isCustomer}" src="../../assets/img/setting.png" alt="" @click="toManager"> <img v-if="isManager && showSetting" class="icon" :class="{'m-r-20': !isCustomer}" src="../../assets/img/setting.png" alt="" @click="toManager">
@ -223,7 +223,7 @@ export default {
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 80px; height: 70px;
background-color: #fff; background-color: #fff;
.inner{ .inner{
display: flex; display: flex;
@ -240,7 +240,7 @@ export default {
left: 30px; left: 30px;
font-size: 28px; font-size: 28px;
color: #568DF2; color: #568DF2;
line-height: 80px; line-height: 70px;
cursor: pointer; cursor: pointer;
} }
@ -254,7 +254,7 @@ export default {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: 300px; width: 300px;
height: 80px; height: 70px;
padding: 7px 20px; padding: 7px 20px;
margin: 0 auto; margin: 0 auto;
background-color: #fff; background-color: #fff;

@ -48,7 +48,7 @@ export default {
min-height: 100%; min-height: 100%;
background: url(../../assets/img/login-bg.png) 0 0/100% 100% no-repeat; background: url(../../assets/img/login-bg.png) 0 0/100% 100% no-repeat;
.layout{ .layout{
margin-top: 80px; margin-top: 70px;
} }
.view{ .view{
max-width: $max-width; max-width: $max-width;

@ -117,7 +117,7 @@ export default {
li{ li{
padding: 0 25px; padding: 0 25px;
font-size: 16px; font-size: 16px;
line-height: 80px; line-height: 70px;
color: #0d0d0d; color: #0d0d0d;
cursor: pointer; cursor: pointer;
&.active{ &.active{

@ -15,18 +15,6 @@
<p class="surplus"><span class="name">账号数量</span><span class="num">{{item.accountNum}}</span> </p> <p class="surplus"><span class="name">账号数量</span><span class="num">{{item.accountNum}}</span> </p>
<el-button class="renew" size="small" type="primary" v-if="!item.deadline">续费</el-button> <el-button class="renew" size="small" type="primary" v-if="!item.deadline">续费</el-button>
</div> </div>
<div class="product" v-for="(item,index) in productList" :key="index">
<p class="product-name">{{item.productName}}</p>
<div class="date">
<span class="name">使用期限</span>
<div class="val">
{{item.endTime}}
</div>
</div>
<p class="surplus" v-if="item.deadline"><span class="name">剩余期限</span><span class="num">{{item.deadline}}</span> </p>
<p class="surplus"><span class="name">账号数量</span><span class="num">{{item.accountNum}}</span> </p>
<el-button class="renew" size="small" type="primary" v-if="!item.deadline">续费</el-button>
</div>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
@ -369,16 +357,15 @@ export default {
.val{ .val{
text-align: center; text-align: center;
line-height: 1; line-height: 1;
font-size: 15px; font-size: 14px;
color: $main-color; color: #404040;
} }
} }
.surplus{ .surplus{
margin-top: 10px; margin-top: 10px;
.num{ .num{
font-size: 24px; font-size: 14px;
color: $main-color; color: #404040;
font-weight: bold;
} }
} }
.name{ .name{

Loading…
Cancel
Save