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

个人中心我分享的

Browse Source
This commit is contained in:
lmj
2022-10-13 15:37:58 +08:00
parent e30b2e8f2b
commit 453efb2d18
3 changed files with 172 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/components/Course/shareItem.vue
View File

@@ -1,21 +1,37 @@
<template>
<div style="">
<div class="uc-course" @click="jumpRouter(item)" v-for="(item, idx) in items" :key="idx">
<div class="uc-course-img" style="width: 212px;height: 119px;">
<course-image :course="item"></course-image>
<!-- <img :src="imageUrl(item)" /><span class="two-line-ellipsis">{{item.title}}</span> -->
<!-- 最新版设计 -->
<div class="coures-box" @click="jumpRouter(item)" v-for="(item, idx) in items" :key="idx">
<div class="coures-head">
<div class="share-name">
<span>{{ item.toAname }}</span>分享给了我
</div>
<div class="uc-course-info">
<div class="islook" v-if="item.isRead">已查看</div>
<div class="isunlook" v-else>未查看</div>
<div class="share-time">{{ item.time }}</div>
</div>
<div class="coures-content">
<span>【课程】</span>{{item.title}}
</div>
</div>
<!-- 旧版设计 -->
<!-- <div class="uc-course" @click="jumpRouter(item)" v-for="(item, idx) in items" :key="idx"> -->
<!-- <div class="uc-course-img" style="width: 212px;height: 119px;">
<course-image :course="item"></course-image>
<img :src="imageUrl(item)" /><span class="two-line-ellipsis">{{item.title}}</span>
</div> -->
<!-- <div class="uc-course-info">
<div style="height: 100%;display: flex;justify-content:space-between;">
<div style="display: flex;flex-direction: column;justify-content: space-between;">
<div class="uc-course-name">
<span class="uc-course-font" :class="contentTypeFilter(item.contentType).class">{{ contentTypeFilter(item.contentType).text }}</span>
<span v-html="$keywordActiveShow(item.title,keyword)"></span>
</div>
<!-- <div class="uc-course-text" v-if="type=='myShare'">-->
<!-- 分享给：{{ item.toAname }}
</div> -->
<!-- <div class="uc-course-text" v-else>分享人：{{ item.toAname }}</div> -->
<div class="uc-course-text" v-if="type=='myShare'">
分享给：{{ item.toAname }}
</div>
<div class="uc-course-text" v-else>分享人：{{ item.toAname }}</div>
<div style="display:flex;flex-direction: column;">
<div class="uc-course-textTo">分享时间：{{ item.time }}</div>
<div class="uc-course-textToInfo">
@@ -27,14 +43,12 @@
</div>
</div>
</div>
<!-- <div class="btn" > -->
<!-- <span>{{item.isRead?'[已查看]':'[未查看]'}}</span> -->
<!-- </div> -->
<div class="btn" >
<span>{{item.isRead?'[已查看]':'[未查看]'}}</span>
</div>
</div>
</div>
</div>
</div> -->
<!-- </div> -->
</div>
</template>
@@ -140,6 +154,57 @@ export default {
</script>
<style lang="scss" scoped>
.coures-box{
width: 100%;
padding: 30px 0;
border-bottom:1px solid #e9e9e9 ;
.coures-content{
margin-top: 20px;
font-size: 16px;
color: #333333;
font-weight: 600;
span{
font-size: 16px;
margin-left: -9px;
}
}
.coures-head{
display: flex;
.share-name{
font-size: 14px;
color: #666666;
margin-right: 17px;
}
.share-time{
font-size: 14px;
color: #666666;
line-height: 25px;
margin-left: auto;
}
.islook{
width: 46px;
height: 24px;
background: #eee;
font-size: 12px;
color: #666666;
line-height: 24px;
text-align: center;
border-radius: 2px;
}
.isunlook{
width: 46px;
height: 24px;
background: #FF6562;
border-radius: 2px;
font-size: 12px;
color: #fff;
line-height: 24px;
text-align: center;
}
}
}
// .uc-course-type1 {
// padding: 3px;
// border: 1px dotted #1ea0fa;