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

案例

Browse Source
This commit is contained in:
zhangsir
2024-09-11 17:53:34 +08:00
parent f39a1417b6
commit 5d6b2b6532
5 changed files with 33 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/case/wight.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 425 B

BIN
src/assets/images/case/wighttime.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 398 B

25
src/components/Case/collectList.vue
View File

@@ -8,7 +8,10 @@
</div> </div>
<div class="article-info-date"> <div class="article-info-date">
<el-button @click="delItem(item)" type="text" style="color: #8590A6;font-size:14px" icon="el-icon-star-on">取消收藏</el-button> <div class="box">
<div class="image"></div>
<el-button @click="delItem(item)" type="text" style="color: #8590A6;font-size:14px">取消收藏</el-button>
</div>
</div> </div>
</div> </div>
<div class="article-info-tools"> <div class="article-info-tools">
@@ -161,6 +164,26 @@
line-height: 40px; line-height: 40px;
font-weight: 200; font-weight: 200;
color: #999999; color: #999999;
display: flex;
justify-content: end;
.box{
display: flex;
justify-content: end;
align-items: center;
.image{
width: 14px;
height: 14px;
background: url('../../assets/images/case/Frame(5).png') no-repeat;
background-size: 100%;
margin-right: 10px;
}
&:hover{
.image{
background: url('../../assets/images/case/Frame(12).png') no-repeat;
background-size: 100%;
}
}
}
i { i {
margin-right: 5px; margin-right: 5px;
} }

1
src/components/Portal/interactBar.vue
View File

@@ -536,6 +536,7 @@ export default {
this.$store.dispatch("unicomFavorites",false) this.$store.dispatch("unicomFavorites",false)
} }
this.$message({message:'已取消收藏',type:'success'}); this.$message({message:'已取消收藏',type:'success'});
this.$emit('deleteFavorite',true)
//this.$emit('addFavorite',res.result);//添加收藏,如果是true代表添加成功，false代表已存在 //this.$emit('addFavorite',res.result);//添加收藏,如果是true代表添加成功，false代表已存在
}else{ }else{
console.log('取消收藏失败：'+res.message); console.log('取消收藏失败：'+res.message);

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

@@ -264,7 +264,7 @@
</div> </div>
<div v-if="item.id" style="display: flex;justify-content: flex-end;"> <div v-if="item.id" style="display: flex;justify-content: flex-end;">
<div style="margin:8px 0;"> <div style="margin:8px 0;">
<interactBar :type="3" :data="item" :comments="false" :shares="true"></interactBar> <interactBar @deleteFavorite="deleteFavorite" :type="3" :data="item" :comments="false" :shares="true"></interactBar>
</div> </div>
</div> </div>
</div> </div>
@@ -838,6 +838,9 @@ export default {
}, },
methods: { methods: {
deleteFavorite(e){
this.search()
},
positiveReview(e){ positiveReview(e){
this.favorableName = this.switch[e] this.favorableName = this.switch[e]
this.getPositive() this.getPositive()
@@ -2498,7 +2501,7 @@ export default {
// color: #fff; // color: #fff;
} }
// .png{ // .png{
// background: url('../../../assets/images/case/Frame(17).png') no-repeat; // background: url('../../../assets/images/case/wighttime.png') no-repeat;
// } // }
} }
.png{ .png{
@@ -2537,7 +2540,7 @@ export default {
.png{ .png{
width: 20px; width: 20px;
height: 20px; height: 20px;
background: url('../../../../public/images/browse.png') no-repeat; background: url('../../../assets/images/case/wighttime.png') no-repeat;
background-size: 100%; background-size: 100%;
margin-right: 9px; margin-right: 9px;
} }
@@ -2563,7 +2566,7 @@ export default {
// color: #fff; // color: #fff;
} }
// .png{ // .png{
// background: url('../../../assets/images/case/Frame(4).png') no-repeat; // background: url('../../../assets/images/case/wight.png') no-repeat;
// } // }
} }
.png{ .png{
@@ -2602,7 +2605,7 @@ export default {
.png{ .png{
width: 18px; width: 18px;
height: 18px; height: 18px;
background: url('../../../../public/images/collect.png') no-repeat; background: url('../../../assets/images/case/wight.png') no-repeat;
background-size: 100%; background-size: 100%;
margin-right: 9px; margin-right: 9px;
} }