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

案例列表样式

Browse Source
This commit is contained in:
lmj
2022-06-08 15:02:17 +08:00
parent 6847a6b0f3
commit 0c715d7dfd
1 changed files with 33 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -31,7 +31,7 @@
</div>
<div style="flex:1;">
<el-radio-group v-model="queryCondition.orgDomain" size="mini" @change="search()">
<el-radio-button :label="null">全部</el-radio-button>
<el-radio-button :label="0">全部</el-radio-button>
<el-radio-button v-for="item in domain" :key="item.code" :label="item.name"> {{ item.name}}</el-radio-button>
</el-radio-group>
</div>
@@ -51,7 +51,7 @@
</div>
<div style="flex:1" id="searchBox">
<el-radio-group v-model="queryCondition.majorType" size="mini" @change="search()">
<el-radio-button :label="null">全部</el-radio-button>
<el-radio-button :label="0">全部</el-radio-button>
<el-radio-button v-for="item in Profess" :key="item.code" :label="item.name" > {{ item.name }} </el-radio-button>
</el-radio-group>
</div>
@@ -94,19 +94,28 @@
</router-link>
</div>
<div style="height:35px">
<div style="height:35px; ">
<author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author>
</div>
<div class="keyword-text">
<span v-if="item.keyword1">{{ item.keyword1 }}</span>
<span v-if="item.keyword2">{{ item.keyword2 }}</span>
<span v-if="item.keyword3">{{ item.keyword3 }}</span>
<span v-if="item.keyword4">{{ item.keyword4 }}</span>
<span v-if="item.keyword5">{{ item.keyword5 }}</span>
</div>
<div class="case-info-summary">
<router-link :to="'/case/detail?id='+item.id">
{{displayAll(item)}}
</router-link>
<span style="color:#588afc" v-if="item.summary.length>190" @click="changeIsAll(item)">
<span style="color:#588afc" v-if="item.summary.length>190" @click.stop="changeIsAll(item)">
{{item.isAll?'收起':'展开'}}
</span>
</div>
<div style="display: flex;justify-content: space-between;">
<div>
<div style="margin:8px 0;">
<interactBar :type="0" :shares="false" :data="item" :readonly="false"></interactBar> </div>
</div>
</div>
@@ -615,6 +624,23 @@ export default {
</script>
<style scoped lang="scss">
::v-deep .interact-bar .interact-bar-btns .interact-bar-btn{
margin-left: 0;
margin-right:20px;
}
.keyword-text{
span{
line-height: 30px;
font-size:12px;
color: #B3BDC4;
border: 1px solid #B3BDC4;
padding: 2px 5px;
border-radius: 2px;
margin-right: 8px;
}
}
.searBox {
text-align: center;
margin: 0px auto 0 auto;
@@ -774,7 +800,6 @@ export default {
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
border-bottom: 1px solid #dfdfdf;
}
.case-image {
width: 230px;
@@ -783,7 +808,9 @@ export default {
border: 1px solid #eee;
}
.case-info {
.case-info {
border-bottom: 1px solid #dfdfdf;
.case-info-title {
font-size: 15px;
color: #333;