|
|
@@ -18,14 +18,15 @@
|
|
|
}
|
|
|
}
|
|
|
.journalAnalyse {
|
|
|
- .countItem:last-child{
|
|
|
- border:none;
|
|
|
+ .title{
|
|
|
+ margin-bottom:40px;
|
|
|
}
|
|
|
.countItem {
|
|
|
position: relative;
|
|
|
- margin: 40px 0px 40px 0px;
|
|
|
- padding: 0px 40px 0px 20px;
|
|
|
+ margin: 0px 0px 0px 0px;
|
|
|
+ padding: 10px 40px 20px 20px;
|
|
|
border-right: 1px solid #ccc;
|
|
|
+ border-bottom:1px solid #ccc;
|
|
|
.red {
|
|
|
background: #f56262;
|
|
|
}
|
|
|
@@ -65,6 +66,9 @@
|
|
|
top: 30px;
|
|
|
right: 20px;
|
|
|
}
|
|
|
+ .countItem::last-child{
|
|
|
+ border:none;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
// 图表
|
|
|
@@ -146,26 +150,26 @@
|
|
|
<div class="countCircle yellow">转发量</div>
|
|
|
<h4>{{form1.zhuanfa_num}}</h4>
|
|
|
</el-col>
|
|
|
- <el-col :span="4" class="countItem">
|
|
|
+ <el-col :span="5" class="countItem" style="border-right:none;">
|
|
|
<div class="countCircle zi">公众号转发量</div>
|
|
|
<h4>{{form1.zhuanfa_num_mp}}</h4>
|
|
|
</el-col>
|
|
|
- <el-col :span="4" class="countItem">
|
|
|
+ <el-col :span="4" class="countItem" style="border-bottom:none;">
|
|
|
<div class="countCircle zi">小程序转发量</div>
|
|
|
<h4>{{form1.zhuanfa_num_xcx}}</h4>
|
|
|
</el-col>
|
|
|
- <el-col :span="4" class="countItem">
|
|
|
+ <el-col :span="4" class="countItem" style="border-bottom:none;">
|
|
|
<div class="countCircle llv">平均阅读量</div>
|
|
|
<h4>{{form1.rd}}</h4>
|
|
|
</el-col>
|
|
|
- <el-col :span="4" class="countItem">
|
|
|
+ <el-col :span="4" class="countItem" style="border-bottom:none;">
|
|
|
<div class="countCircle llv">平均转发量</div>
|
|
|
<h4>{{form1.zd}}</h4>
|
|
|
</el-col>
|
|
|
- <el-col :span="4" class="countItem">
|
|
|
+ <el-col :span="4" class="countItem" style="border-bottom:none;">
|
|
|
<div class="countCircle green">CASCI</div>
|
|
|
<h4>{{form1.casci}}</h4> </el-col
|
|
|
- ><el-col :span="4" class="countItem">
|
|
|
+ ><el-col :span="5" class="countItem" style="border-right:none;border-bottom:none;">
|
|
|
<div class="countCircle hlv">排名</div>
|
|
|
<h4>{{form1.rank}}</h4>
|
|
|
</el-col>
|