From 10985aabb2079e63c41f0d666614bfb2cf5edb67 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=95=E9=87=91=E6=B3=BD?= <1098696801@qq.com>
Date: Wed, 6 Apr 2022 22:31:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E5=9B=BE=E7=89=87=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0tip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/magic/form/mb-upload-image.vue      | 10 ++++++++++
 magic-boot-ui/src/views/examples/upload-file.vue       |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/magic-boot-ui/src/components/magic/form/mb-upload-image.vue b/magic-boot-ui/src/components/magic/form/mb-upload-image.vue
index 5a00251..4426625 100644
--- a/magic-boot-ui/src/components/magic/form/mb-upload-image.vue
+++ b/magic-boot-ui/src/components/magic/form/mb-upload-image.vue
@@ -57,6 +57,7 @@
         </el-upload>
       </template>
     </vuedraggable>
+    <div v-if="tip" class="el-upload__tip" :style="{ color: tipColor }">{{ tip }}</div>
     <mb-dialog ref="cropperDialog" @confirm-click="cropper">
       <template #content>
         <div class="cropper-content">
@@ -123,6 +124,14 @@ export default {
     height: {
       type: String,
       default: '100'
+    },
+    tip: {
+      type: String,
+      default: ''
+    },
+    tipColor: {
+      type: String,
+      default: ''
     }
   },
   data() {
@@ -259,6 +268,7 @@ export default {
 .vue-draggable >>> .el-upload {
   width: 100%;
   height: 100%;
+  display: block;
 }
 </style>
 
diff --git a/magic-boot-ui/src/views/examples/upload-file.vue b/magic-boot-ui/src/views/examples/upload-file.vue
index c24024b..144ee82 100644
--- a/magic-boot-ui/src/views/examples/upload-file.vue
+++ b/magic-boot-ui/src/views/examples/upload-file.vue
@@ -5,7 +5,7 @@
     <h2>上传图片（id）</h2>
     <mb-upload-image :external-id="externalId" multiple :external-type="externalType" />
     <h2>上传图片（url、单图）</h2>
-    <mb-upload-image v-model="imgUrl" @change="imgChange" />
+    <mb-upload-image v-model="imgUrl" @change="imgChange" tip="建议上传尺寸：710*345" />
     <h2>上传图片（url、多图）</h2>
     <mb-upload-image v-model="multipleImgUrl" width="120" height="120" multiple :limit="3" @change="multipleImgChange" />
   </div>