mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-10 19:36:43 +08:00
提交
This commit is contained in:
@@ -100,3 +100,8 @@
|
|||||||
background: url('/images/contribute.png') no-repeat 100% / 100%;
|
background: url('/images/contribute.png') no-repeat 100% / 100%;
|
||||||
background-position:top;
|
background-position:top;
|
||||||
}
|
}
|
||||||
|
.portal-images-title{
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
padding: 4px 12px;
|
||||||
|
}
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.course-index{
|
.course-index{
|
||||||
width: 33.3333%;
|
width: 33.34%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xrow{
|
.xrow{
|
||||||
|
|||||||
@@ -44,7 +44,7 @@
|
|||||||
|
|
||||||
<div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
|
<div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
|
||||||
<el-tooltip effect="light" content="浏览量" placement="top" :visible-arrow="false" popper-class="text-tooltip">
|
<el-tooltip effect="light" content="浏览量" placement="top" :visible-arrow="false" popper-class="text-tooltip">
|
||||||
<svg-icon style="margin-right: 0;font-size:24px;" icon-class="eyes"></svg-icon>
|
<svg-icon style="margin-right: 0;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span class="interact-bar-value"> {{ data.views}}</span>
|
<span class="interact-bar-value"> {{ data.views}}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<div class="top-nav" :class="current == 'case' ? 'current-nav' : ''"><router-link to="/case">推荐案例</router-link></div>
|
<div class="top-nav" :class="current == 'case' ? 'current-nav' : ''"><router-link to="/case">推荐案例</router-link></div>
|
||||||
<div class="top-nav" :class="current == 'follow' ? 'current-nav' : ''"><router-link to="/follow">关注</router-link></div>
|
<div class="top-nav" :class="current == 'follow' ? 'current-nav' : ''"><router-link to="/follow">我的关注</router-link></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="flex:1;display: flex;justify-content: flex-end;align-items: center;">
|
<div style="flex:1;display: flex;justify-content: flex-end;align-items: center;">
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
<svg viewBox="0 0 23 15" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAANCAYAAABGkiVgAAABc0lEQVQ4ja3Sz0sCURAH8O88d92DREGBt6BT/QGSoKbZQmlhUQehg7fO0Z/QuR8UFPQfFF1CKvdStJJCRBEEdRCP3VKkiFK03YmNEC3LzObw4PFmPszwhtAkmJm0ZNIJ066YnUou4nK9NKtpiOq6Lj2byjTDjAEYBtDxkW4CyIA5bpftW2OBwbtfoVryLGwYxhqA/h/bYZQhaL2Yp8Vo1FNsiGpaVjGU+w0izFkjNxuxJm5gGDOR0UC2Dj3QL3uIS4fMcLeA1badl2xiPDzsvXhH947Pu2WqpAEM/A2swg8MVidV/5WQ6XWhffC9vy4CJfaPUr1S+1gd7LQJ4RVyhayfvv0H0Fq3+QnVsyNCIU+hWBF+Ap22IZZAHIuovk3rIqwjGvIUHKKsErACwGgRzDBMb2TEt13t+XNG/CTllpiWGPD/JDH4URCtOqiyHAwGS7Vv3y55Qk+7TOZZMA0B6AOgAMgBuBYC2quM3Smf7+lLIYA34rt736epJJgAAAAASUVORK5CYII=" height="13" width="21" y="1" x="1" data-name="图层 1"/></svg>
|
<svg viewBox="0 0 23 15" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAANCAYAAABGkiVgAAAByUlEQVQ4jZVS30tTYRh+3m87O+EYRQZKFxPdxbzxbiToclsDY8kSvRgUdJXXUf9Bd0ESCl74Hyh6UcMfh6DwDDYKMQKpwDEmZBCRXhTidnKe88Z3yvDMs7Y98MH3fbzP8z3P+36EJmBm0nK5Llg+1bqo7qcjkUozjquoruveI0udYFj3AMQBBP6WWwCKYM76FN/8zdi1Ly2Jarm3KdM0ZwCE/2uHcQxBs9UDepzJDFVdRTWtpJrq9zkiTMnIzSKewUeY5mR6NFZyiK7q764QG2vMGHS8SIRwXxDBq932ee/rNxR392Sf620feD3iVio+vGXznr/e7FSoVgDQX2+hP9SDgL8DH4pl+zwQDuHwqIKd8me3fvxgcPJ2cuS9UOjkoZughHQoBY1fx/aS+1PX50GXCLS+8iof9LbRuxZAXR4hhoVSIznpT24E2UMZ+YLqs5fcy7sGTuV3ezCWHFq0B7X88s3lDoVfMHjEUdbyoGCAcD99I7pg805v/3x45QkDjwB42shcZFh35YD+mamvyG7kB71MTxlwuK4Hg38Komd+qk0nEgnDkbARaV0vRCzmO2C6DqAXgApgH8C2ENBOFCyNR6OH54gAfgPsNKteeYlt7gAAAABJRU5ErkJggg==" height="13" width="21" y="1" x="1" data-name="图层 1"/></svg>
|
||||||
|
Before Width: | Height: | Size: 779 B After Width: | Height: | Size: 895 B |
@@ -1,6 +1,6 @@
|
|||||||
/**页面设置的一些常量*/
|
/**页面设置的一些常量*/
|
||||||
const constants={
|
const constants={
|
||||||
fileBaseUrl:'http://127.0.0.1/pc/cdn/upload',
|
fileBaseUrl:'http://192.168.0.10/pc/cdn/upload',
|
||||||
newLoginKey:'boe_new_login'
|
newLoginKey:'boe_new_login'
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -102,46 +102,46 @@
|
|||||||
<div class="ranking-card portal-right-box list-bg">
|
<div class="ranking-card portal-right-box list-bg">
|
||||||
<p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
|
<p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px">
|
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
|
||||||
<span class="portal-right-text blue-one" v-if="index==0" style="margin-right:94px">
|
<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>
|
||||||
<span class="portal-right-text blue-tow" v-if="index==1" style="margin-right:94px">
|
<span class="portal-right-text blue-tow" v-if="index==1">
|
||||||
<img src="/images/listblue02.png" alt="">
|
<img src="/images/listblue02.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text blue-three" v-if="index==2" style="margin-right:94px">
|
<span class="portal-right-text blue-three" v-if="index==2">
|
||||||
<img src="/images/listblue03.png" alt="">
|
<img src="/images/listblue03.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==3">
|
||||||
<img src="/images/list04.png" alt="">
|
<img src="/images/list04.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==4" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==4">
|
||||||
<img src="/images/list05.png" alt="">
|
<img src="/images/list05.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc" style="font-size: 18px;">{{ item.title }}</span>
|
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
|
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
|
||||||
<p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
|
<p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px">
|
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
|
||||||
<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">
|
||||||
<img src="/images/list-01.png" alt="">
|
<img src="/images/list-01.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">
|
<span class="portal-right-text orange-tow" v-if="index==1">
|
||||||
<img src="/images/list02.png" alt="">
|
<img src="/images/list02.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">
|
<span class="portal-right-text orange-three" v-if="index==2">
|
||||||
<img src="/images/list03.png" alt="">
|
<img src="/images/list03.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==3">
|
||||||
<img src="/images/list04.png" alt="">
|
<img src="/images/list04.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==4" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==4">
|
||||||
<img src="/images/list05.png" alt="">
|
<img src="/images/list05.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc" style="font-size: 18px;">{{ item.title }}</span>
|
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -99,7 +99,6 @@
|
|||||||
<div style="color:#2974D6;font-weight: 450;" v-if="item.orgDomain">{{ orgDomainTranslate(item.orgDomain) }}</div>
|
<div style="color:#2974D6;font-weight: 450;" v-if="item.orgDomain">{{ orgDomainTranslate(item.orgDomain) }}</div>
|
||||||
<div style="color:#2974D6;font-weight: 450;" v-if="item.orgDomain == '' && item.orgDomainParent">{{ orgDomainTranslate(item.orgDomainParent) }}</div>
|
<div style="color:#2974D6;font-weight: 450;" v-if="item.orgDomain == '' && item.orgDomainParent">{{ orgDomainTranslate(item.orgDomainParent) }}</div>
|
||||||
<div style="color:#2974D6;font-weight: 450;" v-for="item,idx in item.majorType" :key="idx" >{{ majorTypeTranslate(item) }}</div>
|
<div style="color:#2974D6;font-weight: 450;" v-for="item,idx in item.majorType" :key="idx" >{{ majorTypeTranslate(item) }}</div>
|
||||||
|
|
||||||
<div v-if="item.keyword1">{{ item.keyword1 }}</div>
|
<div v-if="item.keyword1">{{ item.keyword1 }}</div>
|
||||||
<div v-if="item.keyword2">{{ item.keyword2 }}</div>
|
<div v-if="item.keyword2">{{ item.keyword2 }}</div>
|
||||||
<div v-if="item.keyword3">{{ item.keyword3 }}</div>
|
<div v-if="item.keyword3">{{ item.keyword3 }}</div>
|
||||||
@@ -141,46 +140,46 @@
|
|||||||
<div class="ranking-card portal-right-box list-bg">
|
<div class="ranking-card portal-right-box list-bg">
|
||||||
<p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
|
<p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px">
|
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
|
||||||
<span class="portal-right-text blue-one" v-if="index==0" style="margin-right:94px">
|
<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>
|
||||||
<span class="portal-right-text blue-tow" v-if="index==1" style="margin-right:94px">
|
<span class="portal-right-text blue-tow" v-if="index==1">
|
||||||
<img src="/images/listblue02.png" alt="">
|
<img src="/images/listblue02.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text blue-three" v-if="index==2" style="margin-right:94px">
|
<span class="portal-right-text blue-three" v-if="index==2">
|
||||||
<img src="/images/listblue03.png" alt="">
|
<img src="/images/listblue03.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==3">
|
||||||
<img src="/images/list04.png" alt="">
|
<img src="/images/list04.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==4" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==4">
|
||||||
<img src="/images/list05.png" alt="">
|
<img src="/images/list05.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc" style="font-size: 18px;">{{ item.title }}</span>
|
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
|
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
|
||||||
<p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
|
<p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px">
|
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
|
||||||
<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">
|
||||||
<img src="/images/list-01.png" alt="">
|
<img src="/images/list-01.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">
|
<span class="portal-right-text orange-tow" v-if="index==1">
|
||||||
<img src="/images/list02.png" alt="">
|
<img src="/images/list02.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">
|
<span class="portal-right-text orange-three" v-if="index==2">
|
||||||
<img src="/images/list03.png" alt="">
|
<img src="/images/list03.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==3">
|
||||||
<img src="/images/list04.png" alt="">
|
<img src="/images/list04.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==4" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==4">
|
||||||
<img src="/images/list05.png" alt="">
|
<img src="/images/list05.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc" style="font-size: 18px;">{{ item.title }}</span>
|
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<div class="xcontent portal-content">
|
<div class="xcontent portal-content">
|
||||||
<div class="xrow" style="display: flex;justify-content: space-between;">
|
<div class="xrow" style="display: flex;justify-content: space-between;">
|
||||||
<div style="flex: 1;margin-right:0px" class="xcol content-div">
|
<div style="flex: 1;margin-right:0px" class="xcol content-div">
|
||||||
<el-row class="search-div" style="margin-right:0px">
|
<el-row class="search-div" style="margin-right:36px">
|
||||||
<div class="searchbar" v-if="searchTags.length > 0">
|
<div class="searchbar" v-if="searchTags.length > 0">
|
||||||
<div style="line-height: 30px;">
|
<div style="line-height: 30px;">
|
||||||
<span class="item-title"> 搜索条件</span>
|
<span class="item-title"> 搜索条件</span>
|
||||||
@@ -122,72 +122,82 @@
|
|||||||
<div class="ranking-card portal-right-box list-bg">
|
<div class="ranking-card portal-right-box list-bg">
|
||||||
<p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
|
<p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(item, index) in scorelist" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px">
|
<li v-for="(item, index) in scorelist" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
|
||||||
<span class="portal-right-text blue-one" v-if="index==0" style="margin-right:94px">
|
<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>
|
||||||
<span class="portal-right-text blue-tow" v-if="index==1" style="margin-right:94px">
|
<span class="portal-right-text blue-tow" v-if="index==1">
|
||||||
<img src="/images/listblue02.png" alt="">
|
<img src="/images/listblue02.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text blue-three" v-if="index==2" style="margin-right:94px">
|
<span class="portal-right-text blue-three" v-if="index==2">
|
||||||
<img src="/images/listblue03.png" alt="">
|
<img src="/images/listblue03.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==3">
|
||||||
<img src="/images/list04.png" alt="">
|
<img src="/images/list04.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==4" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==4">
|
||||||
<img src="/images/list05.png" alt="">
|
<img src="/images/list05.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc" style="font-size: 18px;">{{ item.name }}</span>
|
<span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.name }}</span>
|
||||||
|
<span class="portal-title-desc" v-else style="font-size: 14px;">
|
||||||
|
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
|
||||||
|
<span class="portal-images-title two-line-ellipsis">{{ item.name }}</span>
|
||||||
|
</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
|
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
|
||||||
<p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
|
<p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(item, index) in ankingList" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px">
|
<li v-for="(item, index) in ankingList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
|
||||||
<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">
|
||||||
<img src="/images/list-01.png" alt="">
|
<img src="/images/list-01.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">
|
<span class="portal-right-text orange-tow" v-if="index==1">
|
||||||
<img src="/images/list02.png" alt="">
|
<img src="/images/list02.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">
|
<span class="portal-right-text orange-three" v-if="index==2">
|
||||||
<img src="/images/list03.png" alt="">
|
<img src="/images/list03.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==3">
|
||||||
<img src="/images/list04.png" alt="">
|
<img src="/images/list04.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==4" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==4">
|
||||||
<img src="/images/list05.png" alt="">
|
<img src="/images/list05.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc" style="font-size: 18px;">{{ item.name }}</span>
|
<span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.name }}</span>
|
||||||
|
<span class="portal-title-desc" v-else style="font-size: 14px;">
|
||||||
|
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
|
||||||
|
<span class="portal-images-title two-line-ellipsis">{{ item.name }}</span>
|
||||||
|
</span>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg2">
|
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg2">
|
||||||
<p class="portal-title-one" style="padding-bottom:12px">热度榜</p>
|
<p class="portal-title-one" style="padding-bottom:12px">热度榜</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(item, index) in hotList" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px">
|
<li v-for="(item, index) in hotList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
|
||||||
<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">
|
||||||
<img src="/images/listred01 .png" alt="">
|
<img src="/images/listred01 .png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">
|
<span class="portal-right-text orange-tow" v-if="index==1">
|
||||||
<img src="/images/listred02.png" alt="">
|
<img src="/images/listred02.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">
|
<span class="portal-right-text orange-three" v-if="index==2">
|
||||||
<img src="/images/listred03.png" alt="">
|
<img src="/images/listred03.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==3">
|
||||||
<img src="/images/list04.png" alt="">
|
<img src="/images/list04.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==4" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==4">
|
||||||
<img src="/images/list05.png" alt="">
|
<img src="/images/list05.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc" style="font-size: 18px;">{{ item.courseName }}</span>
|
<span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.courseName }}</span>
|
||||||
|
<span class="portal-title-desc" v-else style="font-size: 14px;">
|
||||||
|
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
|
||||||
|
<span class="portal-images-title two-line-ellipsis">{{ item.courseName }}</span>
|
||||||
|
</span>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -820,7 +830,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.course-card {
|
.course-card {
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
padding-bottom: 14px;
|
padding-bottom: 18px;
|
||||||
margin-bottom: 36px;
|
margin-bottom: 36px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
@@ -932,7 +942,7 @@ export default {
|
|||||||
.course-title {
|
.course-title {
|
||||||
height: 44px;
|
height: 44px;
|
||||||
// margin: 10px 0;
|
// margin: 10px 0;
|
||||||
margin: 12px 0 16px 0px;
|
margin: 16px 0 20px 0px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|||||||
@@ -10,10 +10,6 @@
|
|||||||
<div style="flex: 1;" class="xcol content-div">
|
<div style="flex: 1;" class="xcol content-div">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-card :body-style="{ padding: '0px' }" class="left-div">
|
<el-card :body-style="{ padding: '0px' }" class="left-div">
|
||||||
<!-- <el-row class="search-div">
|
|
||||||
<el-col>
|
|
||||||
</el-col>
|
|
||||||
</el-row> -->
|
|
||||||
<el-row class="order-div">
|
<el-row class="order-div">
|
||||||
<span class="quyer-tag">
|
<span class="quyer-tag">
|
||||||
<el-button type="text" class="order-class" @click="orderFieldData('answers')" :class="{ actice: styleControl == 2 }">
|
<el-button type="text" class="order-class" @click="orderFieldData('answers')" :class="{ actice: styleControl == 2 }">
|
||||||
@@ -22,7 +18,6 @@
|
|||||||
<el-button type="text" class="order-class" @click="orderFieldData('')" :class="{ actice: styleControl == 1 }">
|
<el-button type="text" class="order-class" @click="orderFieldData('')" :class="{ actice: styleControl == 1 }">
|
||||||
最新
|
最新
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|
||||||
<el-button type="text" @click="setEssence(queryConditions.isEssence)" class="order-class" :class="{ actice: styleControl == 3 }">精华问题</el-button>
|
<el-button type="text" @click="setEssence(queryConditions.isEssence)" class="order-class" :class="{ actice: styleControl == 3 }">精华问题</el-button>
|
||||||
</span>
|
</span>
|
||||||
<span class="quyer-tag">
|
<span class="quyer-tag">
|
||||||
@@ -46,7 +41,7 @@
|
|||||||
<span v-html="$keywordActiveShow(qa.title,queryKeyWord)"></span>
|
<span v-html="$keywordActiveShow(qa.title,queryKeyWord)"></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="portal-time">
|
<div class="portal-time">
|
||||||
<i class="el-icon-time"></i> {{qa.sysCreateTime}}
|
<i class="el-icon-time" style="margin-right:4px"></i> {{qa.sysCreateTime}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex;">
|
<div style="display: flex;">
|
||||||
@@ -84,13 +79,13 @@
|
|||||||
<!-- <div> -->
|
<!-- <div> -->
|
||||||
<div style="padding:0" id="qa-fixd">
|
<div style="padding:0" id="qa-fixd">
|
||||||
<div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">
|
<div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">
|
||||||
<svg-icon style="margin-right: 0;font-size: 24px;" icon-class="question-mark"></svg-icon>
|
<svg-icon style="margin-right: 0;font-size: 24px;" icon-class="time"></svg-icon>
|
||||||
提问题
|
提问题
|
||||||
</div>
|
</div>
|
||||||
<div class="portal-right-box list-bg">
|
<div class="portal-right-box list-bg">
|
||||||
<p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
|
<p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px">
|
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;">
|
||||||
<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/list-01.png" alt="">
|
<img src="/images/list-01.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
@@ -421,9 +416,8 @@ export default {
|
|||||||
height: 240px;
|
height: 240px;
|
||||||
background: url('/images/qa-banner.png');
|
background: url('/images/qa-banner.png');
|
||||||
}
|
}
|
||||||
|
.el-card{
|
||||||
::v-deep .el-card__body{
|
border: none;
|
||||||
padding: 0;
|
|
||||||
}
|
}
|
||||||
::v-deep .bacolor:nth-child(odd){
|
::v-deep .bacolor:nth-child(odd){
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
@@ -488,9 +482,9 @@ export default {
|
|||||||
.left-div {
|
.left-div {
|
||||||
.quyer-tag {
|
.quyer-tag {
|
||||||
.order-class{
|
.order-class{
|
||||||
padding:0px 12px;
|
padding:4px 8px;
|
||||||
color: #6E7B84;
|
color: #6E7B84;
|
||||||
line-height: 32px;
|
line-height: 20px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user