hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-22 09:16:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

浏览 案例 布局

Browse Source
This commit is contained in:
lmj
2022-06-07 16:14:36 +08:00
parent 77f7a0dbd3
commit e84d83821e
4 changed files with 27 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/portal/case/Detail.vue
View File

@@ -19,7 +19,7 @@
<span>部门：{{ authorInfo.orgInfo }}</span>
<!-- <span>案例编号：{{ caseDetail.id }}</span> -->
<span v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
<interactBar :views="false" :data="caseDetail" :type="3" :comments="false" :shares="true"></interactBar>
<interactBar :data="caseDetail" :type="3" :comments="false" :shares="true"></interactBar>
</div>
<div class="case-summary"><span>{{ caseDetail.summary }}</span></div>

37
src/views/portal/case/Index.vue
View File

@@ -71,8 +71,8 @@
<el-row class="order-div">
<span class="quyer-tag">
<el-button type="text" class="order-class" @click="searchData('')" :class="{ actice: queryCondition.orderField == '' }">最热</el-button>
<el-button type="text" class="order-class" @click="searchData('praises')" :class="{ actice: queryCondition.orderField == 'praises' }">最新</el-button>
<el-button type="text" class="order-class" @click="searchData('comments')" :class="{ actice: queryCondition.orderField == 'comments' }">最热</el-button>
<el-button type="text" class="order-class" @click="searchData('')" :class="{ actice: queryCondition.orderField == '' }">最新</el-button>
<!-- <el-button type="text" class="order-class" @click="queryCondition.breCommend = queryCondition.breCommend == ture ? true : null" :class="{ actice: queryCondition.breCommend == true }">组织推荐</el-button> -->
</span>
@@ -84,21 +84,31 @@
<div class="case-info-title">
<router-link :to="'/case/detail?id='+item.id">
<!-- <span v-if="i % 2 == 0" style="color:red;margin-right:5px">[组织推荐]</span> -->
<span v-html="item.title"></span>
<div class="case-info-date">
<div>
<span v-html="item.title"></span>
<div class="case-info-date">
<i class="el-icon-time"></i>
<time-show :time="item.sysCreateTime"></time-show>
</div>
</router-link>
</div>
</div>
</div>
</router-link>
</div>
<div style="height:35px">
<author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author>
</div>
<router-link :to="'/case/detail?id='+item.id">
<div class="case-info-summary" >
{{item.summary}}
</div>
</router-link>
<div style="display: flex;justify-content: space-between;">
<div><author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author> </div>
<div><interactBar :type="0" :shares="false" :views="false" :data="item" :readonly="false"></interactBar> </div>
<div>
<interactBar :type="0" :shares="false" :data="item" :readonly="false"></interactBar> </div>
</div>
</div>
</div>
@@ -234,9 +244,9 @@ export default {
word: function() {
if (this.showAll == false) {
//对文字进行处理
return "展开搜索";
return "展开";
} else {
return "收起搜索";
return "收起";
}
},
isMore() {
@@ -267,7 +277,7 @@ export default {
queryCondition:{
pageIndex:1,
pageSize:10,
orderField:'',
orderField:'comments',
// breCommend:null,
keyWord:'',
majorType:null,//专业分类
@@ -749,7 +759,8 @@ export default {
}
}
.case-info-summary {
height: 45px;
height: 60px;
line-height: 30px;
font-size: 15px;
color: #444444;