mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-21 00:36:44 +08:00
排行榜
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user