This commit is contained in:
shijingjing
2023-03-07 17:26:16 +08:00
parent ef8de12263
commit da5601e784
2 changed files with 172 additions and 35 deletions

View File

@@ -113,6 +113,8 @@
</div>
</div>
</div>
<div class="footer">
<div class="exit" @click="showPopup = false">退出预览</div>
@@ -124,12 +126,15 @@
<div class="uploadPopup">
<div class="upload_card" v-for="(item,index) in uploadList" :key="index">
<div class="upload_item">{{ item.title }}</div>
<div class="upload_list">
<div class="list_item" v-for="(e, i) in item.list" :key="i" @click="uploadBtn(e.msgType)">
<img :src="e.icon" alt="">
<span>{{ e.name }}</span>
<scroll-view scroll-x="">
<div class="upload_list">
<div class="lists_item" v-for="(e, i) in item.list" :key="i" @click="uploadBtn(e.msgType)">
<img :src="e.icon" alt="">
<span>{{ e.name }}</span>
</div>
</div>
</div>
</scroll-view>
</div>
<div class="btnCancel" @click="showUpload = false">取消</div>
</div>
@@ -213,45 +218,104 @@ export default {
},
flag: false,
uploadList: [
{
title: '从素材库上传',
list: [
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-script.png',
name: '话术',
msgType: '0'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-picture.png',
name: '图片',
msgType: '1'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-video.png',
name: '视频',
msgType: '4'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-document.png',
name: '文件',
msgType: '3'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-routine.png',
name: '小程序',
msgType: '2'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-web.png',
name: '网页',
msgType: '5'
},
]
},
{
title: '从本地上传',
list: [
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/img.png',
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-picture.png',
name: '图片',
msgType: 'image'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/video.png',
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-video.png',
name: '视频',
msgType: 'video'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/folder.png',
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-document.png',
name: '文件',
msgType: 'file'
}
},
]
}
],
uploadCircle: [
{
title: '从素材库上传',
list: [
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-script.png',
name: '话术',
msgType: '0'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-picture.png',
name: '图片',
msgType: '1'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-video.png',
name: '视频',
msgType: '4'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-web.png',
name: '网页',
msgType: '5'
},
]
},
{
title: '从本地上传',
list: [
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/img.png',
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-picture.png',
name: '图片',
msgType: 'image'
},
{
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/video.png',
icon: 'https://cdn.cunwuyun.cn/dvcp/announce/ic-video.png',
name: '视频',
msgType: 'video'
},
]
}
],
// upload: [],
midiaIds: [],
sum: null,
// 筛选条件
@@ -357,6 +421,8 @@ export default {
uni.chooseVideo(params)
} else if(type == 'file') {
uni.chooseFile(params)
} else {
uni.navigateTo({url: `./fodderList?type=${this.type}&msgType=${type}`})
}
} else {
this.$u.toast(`不能超过9个`)
@@ -864,24 +930,23 @@ export default {
}
.uploadPopup {
width: 100%;
background: #F7F7F7;
.upload_card {
padding: 32px 32px 0 32px;
box-sizing: border-box;
overflow-x: scroll;
.upload_item {
margin-bottom: 32px;
}
.upload_list {
overflow-x: scroll;
display: flex;
.list_item {
text-align: center;
width: 106px;
height: 140px;
display: flex;
flex-wrap: nowrap;
.lists_item {
margin-right: 48px;
img {
display: inline-block;