|
|
@@ -2,9 +2,9 @@
|
|
|
<div class="maincomponents" ref="main">
|
|
|
<div class="card">
|
|
|
<div class="cardtit">传播数据</div>
|
|
|
- <el-row style="margin: 10px 10px 0 10px; text-align: center">
|
|
|
+ <el-row style="margin: 10px 10px 0 10px;">
|
|
|
<el-col :span="4">
|
|
|
- <el-card class="box-card">
|
|
|
+ <el-card class="box-card" style="text-align: center;">
|
|
|
<div class="numTitle">{{ playT | numform }}</div>
|
|
|
<div class="numValue">总传播量</div>
|
|
|
</el-card>
|
|
|
@@ -13,7 +13,7 @@
|
|
|
<el-card class="box-card">
|
|
|
<div class="pl">
|
|
|
<div class="platform" v-for="(item, i) in plays" :key="i">
|
|
|
- <div class="line"></div>
|
|
|
+ <div class="line" v-if="i%4 !== 0"></div>
|
|
|
<div class="numTitle" :style="'color:' + c[i % c.length]">
|
|
|
{{ item.val | numform }}
|
|
|
</div>
|
|
|
@@ -598,11 +598,13 @@ export default {
|
|
|
color: #919191;
|
|
|
}
|
|
|
.maincomponents .pl {
|
|
|
- display: flex;
|
|
|
width: 100%;
|
|
|
}
|
|
|
.maincomponents .platform {
|
|
|
- flex: 1;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ width: 25%;
|
|
|
+ padding-bottom: .5em;
|
|
|
position: relative;
|
|
|
}
|
|
|
.maincomponents .line {
|
liyongli