hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-09 02:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

排行榜

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/list-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 597 B

BIN
public/images/list02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 741 B

BIN
public/images/list03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 790 B

BIN
public/images/list04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 738 B

BIN
public/images/list05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 840 B

3
src/assets/styles/portal-index.scss
View File

@@ -8,6 +8,9 @@
font-family: JCHEadA;
color: #D9D9D9;
margin-right: 10px;
img{
vertical-align: top;
}
}
.portal-title-one{
font-size: 24px;

46
src/views/portal/article/Detail.vue
View File

@@ -59,44 +59,32 @@
<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>
</li>
</ul>
</div>
</div>
</div>
<!-- <div id="article-detail">
<el-button @click="openDialog" style="width: 100%;height: 37px;border-radius: 0;margin-bottom:15px;" type="primary">写文章</el-button>
<el-card class="ranking-card">
<div slot="header">
<span style="font-size: 14px;font-weight: 600;color: #333333;">贡献榜</span>
</div>
<div style="padding-bottom:10px">
<el-row class="ranking-title bacolor" v-for="(item, index) in ankingList" :key="index" >
<el-col :span="6" style="height:34px">
<img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
<img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
</el-col>
<el-col :span="18" class="one-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
</el-row>
</div>
</el-card>
</div> -->
</div>
</div>

39
src/views/portal/article/Index.vue
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;
}
}
}