zx

src/components/UploadFile/index.vue

@@ -6,7 +6,8 @@
             </el-upload>
         </div>
         <div class="upload-text">
-            支持扩展名: {{config.accept}}
+            支持扩展名: {{config.accept}} 
+            <span v-if="cover">封面图片尺寸为1:1</span>
         </div>
     </div>
 </template>
@@ -24,7 +25,7 @@
         <i class="el-icon-camera-solid" v-if="type === 'add'"></i>
     </upload-file>
 */
-import { defineComponent} from 'vue'
+import { defineComponent } from 'vue'
 export default defineComponent({
     name: "UploadFile",
     props: {
@@ -40,6 +41,9 @@ export default defineComponent({
             type: Object,
             default: () => {},
         },
+        cover: {
+            type: Boolean
+        }
     },
     setup() {
         const action = process.env.VUE_APP_URL + "util/upload"; //地址

src/views/MatManage/_setManage/index.vue

@@ -10,7 +10,7 @@
                        <el-input v-model="setForm.name" placeholder="请输入分组名"></el-input>
                    </el-form-item>
                    <el-form-item style="width:80%" label="封面">
-                        <uploadFile @change="handlerUpload" :config="{ limit: 10, accept: '.jpg, .jpeg, .png, .gif'}">
+                        <uploadFile :cover="true" @change="handlerUpload" :config="{ limit: 10, accept: '.jpg, .jpeg, .png, .gif'}">
                             <el-button>点击上传</el-button>
                         </uploadFile>
                    </el-form-item>
@@ -59,7 +59,7 @@
                    <el-input v-model="setForm.name" placeholder="请输入分组名"></el-input>
                </el-form-item>
                <el-form-item style="width:80%" label="封面">
-                   <uploadFile @change="handlerCoverUpload" :config="{ limit: 1, accept: '.jpg, .jpeg, .png, .gif'}">
+                   <uploadFile :cover="true" @change="handlerCoverUpload" :config="{ limit: 1, accept: '.jpg, .jpeg, .png, .gif'}">
                         <el-button>点击上传</el-button>
                     </uploadFile>
                     <el-link :href="$ImgUrl(setForm.coverUrl)" target="_blank">

src/views/QuestManage/_questRelease/index.vue

@@ -66,7 +66,7 @@
                     </div>
                 </el-form-item>
                 <el-form-item label="封面图片">
-                    <uploadFile @change="handlerUpload" :config="{ limit: 1, accept: '.jpg, .jpeg, .png, .gif'}">
+                    <uploadFile :cover="true" @change="handlerUpload" :config="{ limit: 1, accept: '.jpg, .jpeg, .png, .gif'}">
                         <el-icon v-if="form.coverUrl == ''" class="img-upload"><Plus /></el-icon>
                         <img v-else class="img-upload" :src="$ImgUrl(form.coverUrl)" />
                     </uploadFile>

src/views/StarwayInfo/_actEdit/index.vue

@@ -16,7 +16,7 @@
                     </el-radio-group>
                 </el-form-item>
                 <el-form-item label="上传封面">
-                    <uploadFile @change="handlerUpload" :config="{limit: 1, accept: '.jpg, .jpeg, .png, .gif'}">
+                    <uploadFile :cover="true" @change="handlerUpload" :config="{limit: 1, accept: '.jpg, .jpeg, .png, .gif'}">
                         <el-icon v-if="form.cover == ''" class="img-upload"><Plus /></el-icon>
                         <img v-else class="img-upload" :src="$ImgUrl(form.cover)" />
                     </uploadFile>

src/views/StarwayInfo/_actRelease/index.vue

@@ -16,7 +16,7 @@
                     </el-radio-group>
                 </el-form-item>
                 <el-form-item label="上传封面">
-                    <uploadFile @change="handlerUpload" :config="{limit: 1, accept: '.jpg, .jpeg, .png, .gif'}">
+                    <uploadFile :cover="true" @change="handlerUpload" :config="{limit: 1, accept: '.jpg, .jpeg, .png, .gif'}">
                         <el-icon v-if="form.cover == ''" class="img-upload"><Plus /></el-icon>
                         <img v-else class="img-upload" :src="$ImgUrl(form.cover)" />
                     </uploadFile>