This commit is contained in:
lmj
2022-10-13 17:25:30 +08:00
parent 5bb3c75608
commit f8f71f6bb4

View File

@@ -47,7 +47,7 @@
<div class="modules xcontent2">
<div class="xcontent2-main">
<!--内容块-->
<div class="modules-title">
<div class="modules-title" >
<span class="modules-text">推荐课程</span>
<span class="quyer-tag">
<a :class="courseList.orderType == 2 ? 'current' : ''" @click="orderTypeFilter(2)">最热</a>
@@ -180,15 +180,18 @@
</p>
</div>
<div class="case-inter">
<div>
<authorInfo :avatar="ca.authorInfo.avatar" :info="ca.authorInfo.orgInfo" :name="ca.authorInfo.name"
<div class="case-inter-box">
<div class="case-inter-left">
<authorInfo :avatar="ca.authorInfo.avatar" :info="ca.authorInfo.orgInfo" :name="ca.authorInfo.name"
:sex="ca.authorInfo.sex"></authorInfo>
</div>
<div class="interact-bar-index"
</div>
<div class="interact-bar-index"
style="font-size: 12px;color: #6E7B84;display: flex;line-height: 30px;">
<interactBar :type="3" :readonly="true" :comments="false" :praises="false" :favorites="false"
:data="ca" :shares="false" :views="true"></interactBar>人观看
</div>
</div>
<!-- -->
</div>
</div>
@@ -212,7 +215,7 @@
<!-- 推荐文章 -->
<div class="modules xcontent2">
<div class="xcontent2-main">
<div class="modules-title">
<div class="modules-title" style="margin-top:22px">
<span class="modules-text">推荐文章</span>
<span class="quyer-tag">
<a :class="articleList.orderType == 2 ? 'current' : ''" @click="changeArticleOrder(2)">最热</a>
@@ -319,7 +322,7 @@
<div class="modules xcontent2">
<div class="xcontent2-main">
<!--内容块-->
<div class="modules-title">
<div class="modules-title" style="margin-top:22px">
<span class="modules-text">推荐问答</span>
<span class="quyer-tag">
<a :class="qaList.orderType == 'praises' ? 'current' : ''" @click="changeQaOrder('praises')">最热</a>
@@ -545,7 +548,7 @@
},
getAnkingData() { // 文章排行榜
apiIndex.articleViews(7).then(res => {
apiIndex.articleViews(10).then(res => {
if (res.status == 200) {
this.ankingList = res.result;
}
@@ -1227,13 +1230,19 @@
.case-inter {
position: absolute;
// left: 30px;
// bottom: 30px;
display: flex;
// ::v-deep .el-avatar--small{
// width: 32px;
// height: 32px;
// }
width: 100%;
.case-inter-box{
display: flex;
margin-right: 35px;
.case-inter-left{
flex: 1;
}
.interact-bar-index{
margin-left: auto;
}
}
}
.case-top {