This commit is contained in:
lmj
2022-10-10 14:10:42 +08:00
parent d74e487e49
commit 62e174347c
3 changed files with 28 additions and 11 deletions

View File

@@ -14,6 +14,7 @@
<div class="personal-panel">
<div class="personal-img">
<author-img :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
</div>
<!-- <img style="width:68px;height:68px" src="/images/Avatarman.png" alt=""> -->
<p class="personal-name">{{userInfo.name}} {{userInfo.userNo}}</p>
@@ -113,11 +114,12 @@
<p class="ranking-title">课程排行榜</p>
<ul class="xindex-ranking-course">
<li class="xindex-ranking-li" v-for="(item, index) in scorelist" :key="index">
<a style="display: inherit" :href="toCourseDetail(item)">
<span class="portal-right-text blue-one">
<img :src="getPic(index)" alt="">
</span>
<span class="portal-title-desc two-line-ellipsis title-line-ellipsis" style="font-size: 14px;">{{ item.name }}</span>
</a>
<div class="list-active">
<div class="list-content">
<div class="list-img">
@@ -135,6 +137,7 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</li>
</ul>
</div>
@@ -153,7 +156,7 @@
</span>
</div>
<div class="modules-list">
<div class="xindex-case" v-for="(ca,ind) in caseList.list" :key="ca.id">
<div class="xindex-case" @click="jumcasedet(ca)" v-for="(ca,ind) in caseList.list" :key="ca.id">
<div class="case-index boe-case-index">
<div class="case-top"></div>
<div class="case-conent">
@@ -191,7 +194,7 @@
<div class="portal-ranking ranking-bg" style="margin-top:60px">
<p class="ranking-title">案例排行榜</p>
<ul class="xindex-ranking-case">
<li class="xindex-ranking-li title-line-ellipsis" v-for="(item, index) in Popularity" :key="index" style="line-height: 22px;">
<li @click="jumcasedet(item)" class="xindex-ranking-li title-line-ellipsis" v-for="(item, index) in Popularity" :key="index" style="line-height: 22px;">
<span class="portal-right-text orange-one">
<img :src="getPic(index)" alt="">
</span>
@@ -296,10 +299,12 @@
<p class="ranking-title">文章排行榜</p>
<ul class="xindex-ranking-article">
<li class="xindex-ranking-li" v-for="(item, index) in ankingList" :key="index" style="line-height: 22px;">
<a style="display: inherit" :href="`${webBaseUrl}/article/detail?id=${item.id}`">
<span class="portal-right-text orange-one">
<img :src="getPic(index)" alt="">
</span>
<span class="portal-index-summary two-line-ellipsis">{{ item.title }}</span>
</a>
</li>
</ul>
</div>
@@ -321,7 +326,7 @@
</div>
<div class="modules-list">
<!--内容列表内容-->
<div class="xindex-qa" v-for="qa in qaList.list" :key="qa.id">
<div @click="jumpRouter(qa)" class="xindex-qa" v-for="qa in qaList.list" :key="qa.id">
<div class="qa-card boe-qa-index" >
<p class="qa-top"><span>{{qa.views}}正在关注</span><span>{{ qa.sysCreateTime.substring(0, 10) }}</span></p>
<div class="qa-center">
@@ -349,7 +354,7 @@
<div class="portal-ranking ranking-bg" style="margin-top:60px">
<p class="ranking-title">问答排行榜</p>
<ul class="xindex-ranking-qa">
<li class="xindex-ranking-li" v-for="(item, index) in answersList" :key="index" style="line-height: 22px;">
<li @click="jumpRouter(item)" class="xindex-ranking-li" v-for="(item, index) in answersList" :key="index" style="line-height: 22px;">
<span class="portal-right-text orange-one">
<img :src="getPic(index)" alt="">
</span>
@@ -395,14 +400,14 @@
swiperSlide
} from 'vue-awesome-swiper';
import apiPlace from "@/api/phase2/place.js"
import AuthorImg from '@/components/Portal/authorImg.vue';
import authorImg from '@/components/Portal/authorImg.vue';
import apiStart from '@/api/phase2/stat.js'
import apiIndex from '@/api/phase2/index.js'
export default {
name: 'index',
components: {
AuthorImg,
authorImg,
portalHeader,
ad,
portalFooter,
@@ -479,6 +484,7 @@
},
mounted() {
this.userInfo = this.$store.getters.userInfo;
console.log(this.userInfo)
this.getCourseData(1);
this.getCaseData();
this.getArticleData();
@@ -504,6 +510,9 @@
// })
},
methods: {
jumcasedet(item) {
this.$router.push({path:'/case/detail',query:{id:item.id}});
},
getPic(index) {
return `/images/listblue0${index+1}.png`
},
@@ -568,9 +577,11 @@
window.open('https://m.qingxuetang.com/x/?appId=qxtcorp306130', '_blank');
},
toCourseDetail(item) {
if (item.type == 10) {
return this.webBaseUrl + '/course/micro?id=' + item.id;
} else if (item.type == 20) {
console.log(item)
return this.webBaseUrl + '/course/detail?id=' + item.id;
}
return '';

View File

@@ -126,6 +126,7 @@
<div class="ranking-title">好评榜</div>
<ul class="ranking-data">
<li class="list-info" v-for="(item, index) in scorelist" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<a style="display: inherit" :href="toCourseDetail(item)">
<span class="portal-right-text blue-one" v-if="index==0">
<img src="/images/listblue01.png" alt="">
</span>
@@ -165,6 +166,7 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</a>
</li>
</ul>
</div>
@@ -172,6 +174,7 @@
<div class="ranking-title">人气榜</div>
<ul class="ranking-data">
<li class="list-info" v-for="(item, index) in ankingList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<a style="display: inherit" :href="toCourseDetail(item)">
<span class="portal-right-text orange-one" v-if="index==0">
<img src="/images/list-01.png" alt="">
</span>
@@ -211,6 +214,7 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</a>
</li>
</ul>
</div>
@@ -218,6 +222,7 @@
<div class="ranking-title">热度榜</div>
<ul class="ranking-data">
<li class="list-info" v-for="(item, index) in hotList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<a style="display: inherit" :href="toCourseDetail(item)">
<span class="portal-right-text orange-one" v-if="index==0">
<img src="/images/listred01 .png" alt="">
</span>
@@ -256,6 +261,7 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</a>
</li>
</ul>
</div>