This commit is contained in:
zhaofang
2022-08-31 18:09:18 +08:00
parent b2bc6c9650
commit eb7457e4ac
5 changed files with 95 additions and 73 deletions

View File

@@ -114,13 +114,25 @@
<span class="pag-text-msg" v-else-if="moreState == 3">没有更多数据了</span>
</div>
</div>
<div style="width: 245px;margin-left: 5px;">
<div style="width: 410px;">
<div>
<div id="fixd-box">
<div v-if="identity == 2 || identity == 3 || identity == 5">
<el-button style="width: 100%;margin-bottom:15px;height: 37px;border-radius: 0;" type="primary" @click="toNeedCourse">做课程</el-button>
</div>
<el-card class="ranking-card" >
<div class="ranking-card portal-right-box list-bg">
<p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
<ul>
<li style="cursor: pointer;margin-top:30px;" class="title-line-ellipsis" v-for="(item, index) in scorelist" :key="index">
<span class="portal-right-text blue-one" v-if="index==0">0{{index+1}}.</span>
<span class="portal-right-text blue-tow" v-if="index==1">0{{index+1}}.</span>
<span class="portal-right-text blue-three" v-if="index==2">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2">0{{index+1}}.</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.name }}</span>
</li>
</ul>
</div>
<!-- <el-card class="ranking-card" >
<div slot="header">
<span style="font-size: 14px;font-weight: 600;color: #333333;">好评榜</span>
</div>
@@ -134,17 +146,15 @@
<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-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.name" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
<div v-bind:title="item.name" @click="jumpRouter(item)">
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.name }}</el-col>
</div>
<!-- </el-tooltip> -->
</el-row>
</div>
</el-card>
<div style="height: 10px;"></div>
<el-card class="ranking-card">
</el-card> -->
<!-- <div style="height: 10px;"></div> -->
<!-- <el-card class="ranking-card">
<div slot="header">
<span style="font-size: 14px;font-weight: 600;color: #333333;">人气榜</span>
</div>
@@ -158,38 +168,36 @@
<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-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.name" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
<div :title="item.name" @click="jumpRouter(item)">
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.name }}</el-col>
</div>
<!-- </el-tooltip> -->
</el-row>
</div>
</el-card>
<div style="height: 10px;"></div>
<el-card class="ranking-card">
<div slot="header">
<span style="font-size: 14px;font-weight: 600;color: #333333;">热度榜</span>
</el-card> -->
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
<p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
<ul>
<li style="cursor: pointer;margin-top:30px;" v-for="(item, index) in ankingList" :key="index">
<span class="portal-right-text orange-one" v-if="index==0">0{{index+1}}.</span>
<span class="portal-right-text orange-tow" v-if="index==1">0{{index+1}}.</span>
<span class="portal-right-text orange-three" v-if="index==2">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2">0{{index+1}}.</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.name }}</span>
</li>
</ul>
</div>
<div style="padding-bottom:10px">
<el-row class="ranking-title">
</el-row>
<el-row class="ranking-title bacolor" v-for="(item, index) in hotList" :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-tooltip :enterable="false" @click.native="jumpRouter2(item)" effect="light" :content="item.courseName" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
<div :title="item.courseName" @click="jumpRouter2(item)">
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.courseName }}</el-col>
</div>
<!-- </el-tooltip> -->
</el-row>
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg2">
<p class="portal-title-one" style="padding-bottom:12px">热度榜</p>
<ul>
<li style="cursor: pointer;margin-top:30px;" v-for="(item, index) in hotList" :key="index">
<span class="portal-right-text pink-one" v-if="index==0">0{{index+1}}.</span>
<span class="portal-right-text pink-tow" v-if="index==1">0{{index+1}}.</span>
<span class="portal-right-text pink-three" v-if="index==2">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2">0{{index+1}}.</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.courseName }}</span>
</li>
</ul>
</div>
</el-card>
</div>
</div>