mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-11 03:46:44 +08:00
78 lines
2.3 KiB
Vue
78 lines
2.3 KiB
Vue
<template>
|
|
<div class="note-list">
|
|
<ul v-if="list.length > 0">
|
|
<li class="note-list-index" v-for="item in list" :key="item.id">
|
|
<!-- {{item}} -->
|
|
<h6 class="note-title-info follow-home-title">{{item.contentInfo}} <span style="color: #333333;font-weight: 400;font-size: 14px;margin-left: 20px;"></span> <span class="score-info" style="margin-left:22px">4.8分</span>
|
|
<span class="follow-hide" style="float:right">
|
|
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
|
</span>
|
|
</h6>
|
|
<p class="note-text">
|
|
{{item.info.content}}
|
|
</p>
|
|
<div>
|
|
<interactBar :type="6" :data="item.info" :shares="false" :views="false" :readonly="true"></interactBar>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div v-else class="home-no-list">
|
|
<img class="img" src="/images/homeWu/no-note.png" alt="" srcset="">
|
|
<p class="text">还没有笔记</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import interactBar from "@/components/Portal/interactBar.vue";
|
|
// import author from "@/components/Portal/authorInfo.vue";
|
|
export default{
|
|
name:"NoteList",
|
|
components: {
|
|
interactBar,
|
|
// timeShow,
|
|
// author
|
|
},
|
|
props:{
|
|
list:{
|
|
type:Array,
|
|
default:()=>[]
|
|
}
|
|
},
|
|
data(){
|
|
return{
|
|
noteList:[]
|
|
}
|
|
},
|
|
methods:{
|
|
//展示全部
|
|
changeIsAll(item) {
|
|
item.isAll = !item.isAll;
|
|
},
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.note-list{
|
|
ul{
|
|
margin: 0;
|
|
}
|
|
.note-list-index{
|
|
padding: 30px 0;
|
|
border-bottom: 1px solid rgba($color: #999999, $alpha: 0.2) !important;
|
|
}
|
|
.note-title-info{
|
|
margin: 0;
|
|
margin-bottom: 16px;
|
|
}
|
|
.note-text{
|
|
margin-bottom: 18px;
|
|
font-size: 14px;
|
|
color: #333330;
|
|
line-height: 20px;
|
|
}
|
|
}
|
|
</style>
|
|
|