大喇叭

This commit is contained in:
liuye
2022-06-10 11:34:03 +08:00
parent 5705c75e14
commit deecff9904
7 changed files with 320 additions and 106 deletions

View File

@@ -16,13 +16,18 @@
<img :src="`${$cdn}video/play-icon.png`" alt="" @click="choose(item)">
<div class="info">
<p>{{ item.name ? item.name.split('.')[0] : '-' }}</p>
<div>{{ item.createUserName }}{{ item.createTime }}</div>
</div>
<div class="btn">发布</div>
</div>
</div>
<div class="record-text" v-else>
<div class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)">
<div>{{ item.name }}</div>
<p>{{ item.content }}</p>
<div class="info">
<div>{{ item.name }}</div>
<p>{{ item.content }}</p>
</div>
<div class="btn">发布</div>
</div>
</div>
<AiEmpty v-if="!list.length"></AiEmpty>
@@ -57,8 +62,7 @@ export default {
typeList: [{label: '全部', value: '0'}, {label: '我创建的', value: '1'},]
}
},
onLoad(query) {
this.isChoose = !!query.isChoose
onLoad() {
this.getList()
uni.$on('getList', () => {
this.isMore = false
@@ -92,21 +96,8 @@ export default {
},
choose(item) {
if (!this.isChoose) {
console.log(item.url)
this.url = item.url
this.isShow = true
return false
}
uni.$emit('choose', {
mediaId: item.id,
mediaName: item.name
})
uni.navigateBack({
delta: 1
})
this.url = item.url
this.isShow = true
},
handerClear() {
@@ -207,7 +198,7 @@ export default {
}
.info {
width: calc(100% - 70px);
width: calc(100% - 256px);
line-height: 44px;
font-size: 34px;
font-family: PingFang-SC-Medium, PingFang-SC;
@@ -220,6 +211,30 @@ export default {
white-space: nowrap;
word-break: break-all;
}
div{
font-size: 26px;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #999;
line-height: 36px;
}
}
.btn{
width: 154px;
height: 60px;
line-height: 60px;
text-align: center;
background: #3975C6;
border-radius: 8px;
font-size: 30px;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #FFF;
margin-left: 32px;
}
.bg-AFD0FC{
background-color: #AFD0FC;
}
}
}
@@ -233,43 +248,63 @@ export default {
padding: 32px 30px;
box-sizing: border-box;
font-size: 30px;
display: flex;
justify-content: space-between;
.info{
width: calc(100% - 190px);
div {
font-size: 30px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 12px;
div {
.color-0063E5 {
color: #0063E5;
}
.color-FF8100 {
color: #FF8100;
}
.color-FF4466 {
color: #FF4466;
}
}
p {
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
word-break: break-all;
-webkit-box-orient: vertical;
}
}
.btn{
width: 154px;
height: 60px;
line-height: 60px;
text-align: center;
background: #3975C6;
border-radius: 8px;
font-size: 30px;
font-family: PingFangSC-Medium, PingFang SC;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 12px;
.color-0063E5 {
color: #0063E5;
}
.color-FF8100 {
color: #FF8100;
}
.color-FF4466 {
color: #FF4466;
}
color: #FFF;
}
p {
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
word-break: break-all;
-webkit-box-orient: vertical;
.bg-AFD0FC{
background-color: #AFD0FC;
}
}
}