diff --git a/src/project/saas/AppCooperationPropaganda/addPropaganda.vue b/src/project/saas/AppCooperationPropaganda/addPropaganda.vue index bd4518e7..9b4dba31 100644 --- a/src/project/saas/AppCooperationPropaganda/addPropaganda.vue +++ b/src/project/saas/AppCooperationPropaganda/addPropaganda.vue @@ -25,13 +25,23 @@
- +
添加素材
- - +
+
-
-
+
+
+
+ +
+
+
{{ item.name }}
+
{{ item.fileSizeStr }}
+
+ +
删除
+
@@ -290,6 +300,15 @@ export default { }) }, + // handleReUpload(i) { + // this.showUpload = true + // this.remove(i) + // }, + + remove(index) { + this.files.splice(index, 1) + }, + choiceTime(e) { this.form.choiceTime = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second }, @@ -434,8 +453,38 @@ export default { } .fodder_file { + margin-top: 16px; + width: 100%; .item { - + display: flex; + .images { + margin-right: 32px; + img { + width: 80px; + height: 80px; + } + } + .info { + width: calc(100% - 200px); + .name { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + } + .size { + color: #9b9b9b; + } + } + .reUpload { + color: #1365DD; + margin-left: 20px; + } + .remove { + color: #f72c27; + margin-left: 20px; + } } } @@ -607,10 +656,6 @@ export default { width: 84px; height: 84px; } - span { - // display: inline-block; - // line-height: 44px; - } } } }