1

src/pages/shop/IncreaseWelcomeEdit.vue

@@ -112,23 +112,30 @@
         <FormItem label="URI" prop="uri">
           <i-input v-model="miniForm.uri" type="text" placeholder="请输入URl"></i-input>
         </FormItem>
-        <Upload
-          ref="upload"
-          :show-upload-list="false"
-          :on-success="miniUploadImgSuccess"
-          :format="['jpg', 'jpeg', 'png']"
-          :max-size="2048"
-          :on-exceeded-size="onExceededSize"
-          :before-upload="handleBeforeUploadMini"
-          multiple
-          type="drag"
-          action
-          style="width: 100%;"
-        >
-          <div style="width: 100%;">
-            <Button long type="primary">{{imageUploading ? "上传中..." : "上传封面图"}}</Button>
-          </div>
-        </Upload>
+        <FormItem label="封面图">
+          <Upload
+            ref="upload"
+            :show-upload-list="false"
+            :on-success="miniUploadImgSuccess"
+            :format="['jpg', 'jpeg', 'png']"
+            :max-size="2048"
+            :before-upload="handleBeforeUploadMini"
+            multiple
+            type="drag"
+            action
+            style="display: inline-block;"
+          >
+            <div style="width: 200px;height:200px;line-height: 200px;border:1px dashed #dedede">
+              <span v-if="!miniForm.limitUpper">请上传图片</span>
+              <img
+                v-if="miniForm.limitUpper"
+                :src="`/kiisoo-ic` + miniForm.limitUpper"
+                alt
+                style="width: 100%; height: auto"
+              />
+            </div>
+          </Upload>
+        </FormItem>
       </Form>
       <div slot="footer">
         <Button type="primary" @click="cancelMini">取消</Button>