素材
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user