排行榜

This commit is contained in:
lmj
2022-09-01 15:39:25 +08:00
parent 7f591842bb
commit 2b178ad183
8 changed files with 42 additions and 46 deletions

View File

@@ -98,14 +98,25 @@
<div>
<div id="articleAnking">
<el-button class="write-art" @click="openDialog" icon="el-icon-edit" type="primary">写文章</el-button>
<div class="portal-right-box art-bgimg">
<div class="portal-right-box art-bgimg" style="background-color:#fff;">
<p class="portal-title-one" style="padding-bottom:12px" >贡献榜</p>
<ul>
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
<img src="/images/list-01.png" alt="">
</span>
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">
<img src="/images/list02.png" alt="">
</span>
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">
<img src="/images/list03.png" alt="">
</span>
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
<img src="/images/list04.png" alt="">
</span>
<span class="portal-right-text" v-if="index==4" style="margin-right:94px">
<img src="/images/list05.png" alt="">
</span>
<span class="portal-title-desc">{{ item.sysCreateUname }}</span>
</li>
</ul>
@@ -616,9 +627,9 @@ export default {
.article-info-date {
font-size: 12px;
line-height: 30px;
color: #8590A6;
color: #999999;
i {
margin-right: 5px;
margin-right: 3px;
}
}
.art-box{
@@ -638,26 +649,20 @@ export default {
width: 156px;
height: 105px;
margin-right: 15px;
// margin-right: 10px;
}
.article-body {
margin: 10px 0px;
// margin-right: 20px;
// display: flex;
// flex-direction: column;
// justify-content: space-between;
// margin: 10px 0px;
margin-bottom: 20px;
.article-info {
font-size: 16px;
// height: 30px;
}
.article-info-summary {
word-break: break-all;
height: 100px;
line-height: 25px;
color: #121212;
color: #333333;
font-weight: 400;
font-size: 15px;
font-size: 14px;
}
}
}