|
@@ -1,24 +1,26 @@
|
|
|
<template>
|
|
|
+<div>
|
|
|
<el-button type="warning" size="small" @click="btnClick()" v-if="type == 'save'">
|
|
|
- <img src="@/assets/set.png" alt="">
|
|
|
+ <img src="@/assets/set.png" alt="" style="margin-right:10px">
|
|
|
保存
|
|
|
</el-button>
|
|
|
- <el-button type="primary" size="small" @click="btnClick()" v-else-if="type == 'upload'">
|
|
|
- <img src="@/assets/upload2.png" alt="">
|
|
|
- 上传
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" size="small" @click="add(1)" v-else-if="type == 'upload_image'">
|
|
|
- <img src="@/assets/upload2.png" alt="">
|
|
|
- 上传图片
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" size="small" @click="add(2)" v-else-if="type == 'upload_video'">
|
|
|
- <img src="@/assets/upload2.png" alt="">
|
|
|
- 上传视频
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" size="small" @click="add(3)" v-else-if="type == 'upload_fwb'">
|
|
|
- <img src="@/assets/upload2.png" alt="">
|
|
|
- 上传图文
|
|
|
+ <el-button type="primary" size="small" @click="dialogVisible=true" v-else>
|
|
|
+ <img src="@/assets/add.png" alt="">
|
|
|
+ 新建素材
|
|
|
</el-button>
|
|
|
+ <el-dialog
|
|
|
+ title="新建素材"
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ width="660px"
|
|
|
+ :before-close="handleClose">
|
|
|
+ <div class="content">
|
|
|
+ <img src="@/assets/upload_icon/img.png" alt="" @click="add(1)">
|
|
|
+ <img src="@/assets/upload_icon/video.png" alt="" @click="add(2)">
|
|
|
+ <img src="@/assets/upload_icon/text-img.png" alt="" @click="add(3)">
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+</div>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -26,12 +28,13 @@ export default {
|
|
|
name: 'save',
|
|
|
data() {
|
|
|
return {
|
|
|
+ dialogVisible:false
|
|
|
};
|
|
|
},
|
|
|
props: {
|
|
|
type: {
|
|
|
default() {
|
|
|
- return 'save'
|
|
|
+ return ''
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -69,6 +72,9 @@ export default {
|
|
|
},
|
|
|
btnClick(){
|
|
|
this.$emit("btnClick")
|
|
|
+ },
|
|
|
+ handleClose() {
|
|
|
+ this.dialogVisible = false
|
|
|
}
|
|
|
},
|
|
|
};
|
|
@@ -78,13 +84,18 @@ export default {
|
|
|
* {
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
-
|
|
|
+/deep/.el-dialog__body {
|
|
|
+ padding: 50px 50px 70px 50px;
|
|
|
+}
|
|
|
+.el-dialog__body .content {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
/deep/span {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-
|
|
|
-img {
|
|
|
- padding-right: 5px;
|
|
|
+img{
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
</style>
|