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

View File

@@ -78,7 +78,7 @@
<div class="portal-ranking ranking-bg"> <div class="portal-ranking ranking-bg">
<p class="ranking-title">贡献榜</p> <p class="ranking-title">贡献榜</p>
<ul class="ranking-data"> <ul class="ranking-data">
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;"> <li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px"> <span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
<img src="/images/listblue01.png" alt=""> <img src="/images/listblue01.png" alt="">
</span> </span>

View File

@@ -125,7 +125,8 @@
<div class="portal-ranking-list ranking-bg"> <div class="portal-ranking-list ranking-bg">
<div class="ranking-title">好评榜</div> <div class="ranking-title">好评榜</div>
<ul class="ranking-data"> <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;"> <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"> <span class="portal-right-text blue-one" v-if="index==0">
<img src="/images/listblue01.png" alt=""> <img src="/images/listblue01.png" alt="">
</span> </span>
@@ -165,13 +166,15 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar> <interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div> </div>
</div> </div>
</a>
</li> </li>
</ul> </ul>
</div> </div>
<div style="margin-top:26px" class="portal-ranking-list ranking-bg1"> <div style="margin-top:26px" class="portal-ranking-list ranking-bg1">
<div class="ranking-title">人气榜</div> <div class="ranking-title">人气榜</div>
<ul class="ranking-data"> <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;"> <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"> <span class="portal-right-text orange-one" v-if="index==0">
<img src="/images/list-01.png" alt=""> <img src="/images/list-01.png" alt="">
</span> </span>
@@ -211,6 +214,7 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar> <interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div> </div>
</div> </div>
</a>
</li> </li>
</ul> </ul>
</div> </div>
@@ -218,6 +222,7 @@
<div class="ranking-title">热度榜</div> <div class="ranking-title">热度榜</div>
<ul class="ranking-data"> <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;"> <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"> <span class="portal-right-text orange-one" v-if="index==0">
<img src="/images/listred01 .png" alt=""> <img src="/images/listred01 .png" alt="">
</span> </span>
@@ -256,6 +261,7 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar> <interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div> </div>
</div> </div>
</a>
</li> </li>
</ul> </ul>
</div> </div>