图片规格提示

src/views/menduner/system/web/WebContentForm.vue

@@ -12,6 +12,7 @@
       </el-form-item>
       <el-form-item label="图片" prop="url" required>
         <UploadImg v-model="formData.url" height="150px" width="300px" />
+        <span style="display: flex; color: orange; align-items: center;"><Icon :size="20" icon="ep:warning" class="mr-3px" />提示：请严格按照图片规格上传</span>
       </el-form-item>
       <el-form-item label="点击图片跳转链接" prop="link">
         <el-input v-model="formData.link" />

src/views/menduner/system/web/index.vue

@@ -3,9 +3,16 @@
     <el-tabs v-model="tab" @tab-click="tabClick">
       <el-tab-pane v-for="(k, i) in tabList" :key="i" :label="k.label" :name="k.value"/>
     </el-tabs>
-    <div style="text-align: end;">
-      <el-button @click="getList"><Icon icon="ep:refresh" class="mr-5px" /> 刷 新</el-button>
-      <el-button type="primary" @click="handleAdd"><Icon icon="ep:plus" class="mr-5px" />新 增</el-button>
+    <div style="display: flex; justify-content: space-between;">
+      <div style="display: flex; color: orange; align-items: center;">
+        <Icon :size="20" icon="ep:warning" class="mr-3px" />
+        图片规格: 
+        <span class="m-l-10px">{{ tabList[tab].size }}</span>
+      </div>
+      <div>
+        <el-button @click="getList"><Icon icon="ep:refresh" class="mr-5px" /> 刷 新</el-button>
+        <el-button type="primary" @click="handleAdd"><Icon icon="ep:plus" class="mr-5px" />新 增</el-button>
+      </div>
     </div>
     <el-table v-loading="loading" :data="info[tabList[tab].key]" :stripe="true">
       <!-- <el-table-column label="排序" align="center" prop="sort" /> -->
@@ -47,12 +54,12 @@ const loading = ref(false)
 const tab = ref(2)
 let info = reactive({})
 const tabList = [
-  { label: 'PC首页左侧广告图', value: 0, key: 'pcLeft' },
-  { label: 'PC首页弹窗广告图', value: 1, key: 'pcAdvertisement' },
-  { label: 'PC首页轮播图', value: 2, key: 'pcHomeCarousel' },
-  { label: 'PC登录页轮播图', value: 3, key: 'pcLoginCarousel' },
-  { label: '小程序首页轮播图', value: 4, key: 'appHomeCarousel' },
-  { label: '小程序首页弹窗广告图', value: 5, key: 'appAdvertisement' },
+  { label: 'PC首页左侧广告图', value: 0, key: 'pcLeft', size: '宽528px*高919px' },
+  { label: 'PC首页弹窗广告图', value: 1, key: 'pcAdvertisement', size: '宽900px*高530px' },
+  { label: 'PC首页轮播图', value: 2, key: 'pcHomeCarousel', size: '宽792px*高392px' },
+  { label: 'PC登录页轮播图', value: 3, key: 'pcLoginCarousel', size: '宽792px*高392px' },
+  { label: '小程序首页轮播图', value: 4, key: 'appHomeCarousel', size: '宽750px*高350px' },
+  { label: '小程序首页弹窗广告图', value: 5, key: 'appAdvertisement', size: '宽331px*高442px' },
 ]
 
 /** 查询列表 */