11.3

src/views/rai_manage/activityManage/components/addActivity.vue

@@ -207,6 +207,13 @@
           </el-upload>
           <el-progress type="circle" :percentage="percentage" width="40" style="margin-left: 10px" v-if="startUpload"></el-progress>
         </div>
+        <div class="audio-content cover-content" style="margin-top: 10px">
+          <span class="text" style="width: 70px; text-align: right">封面：</span>
+          <div class="img-content">
+            <img src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/micro_roadshow_audio_share_yy.png" alt="" />
+            <div class="modify">修改</div>
+          </div>
+        </div>
       </template>
       <div style="text-align: center; margin-top: 30px">
         <el-button type="primary" @click="submitForm('保存')">保存</el-button>
@@ -1084,6 +1091,29 @@ export default {
       }
     }
   }
+  .cover-content {
+    align-items: stretch;
+    vertical-align: bottom;
+    .img-content {
+      position: relative;
+      height: 200px;
+      width: 200px;
+      border: 1px solid #ccc;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .modify {
+      position: absolute;
+      bottom: 0;
+      right: -50px;
+      height: 20px;
+      cursor: pointer;
+      color: #409eff;
+    }
+  }
+
   .el-upload-list__item.is-success.focusing .el-icon-close-tip {
     display: none !important;
   }