Przeglądaj źródła

页面布局调整

梁展鹏 3 lat temu
rodzic
commit
3fa0400c80
1 zmienionych plików z 27 dodań i 32 usunięć
  1. 27 32
      src/components/MultUpload.vue

+ 27 - 32
src/components/MultUpload.vue

@@ -1,38 +1,33 @@
 <template>
   <div>
-    <el-upload
-      v-loading.fullscreen.lock="mark"
-      ref="upload"
-      action=""
-      :headers="myHeaders"
-      list-type="picture-card"
-      :multiple="true"
-      :auto-upload="false"
-      :limit="limit"
-      :on-change="handleChange"
-      :disabled="limit <= value.length"
-    >
-      <i slot="default" class="el-icon-plus" />
-      <div slot="file" slot-scope="{ file }">
-        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
-        <span class="el-upload-list__item-actions">
-          <span
-            class="el-upload-list__item-preview"
-            @click="handlePictureCardPreview(file)"
-          >
-            <i class="el-icon-zoom-in" />
+    <el-row>
+      <el-upload
+        v-loading.fullscreen.lock="mark"
+        ref="upload"
+        action=""
+        :headers="myHeaders"
+        list-type="picture-card"
+        :multiple="true"
+        :auto-upload="false"
+        :limit="limit"
+        :on-change="handleChange"
+        :disabled="limit <= value.length"
+      >
+        <i slot="default" class="el-icon-plus" />
+        <div slot="file" slot-scope="{ file }">
+          <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
+          <span class="el-upload-list__item-actions">
+            <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
+              <i class="el-icon-zoom-in" />
+            </span>
           </span>
-        </span>
-      </div>
-    </el-upload>
-    <el-button
-      class="mt-40"
-      style="margin-left: 10px;"
-      size="small"
-      type="success"
-      @click="submitUpload"
-      >上传到服务器</el-button
-    >
+        </div>
+      </el-upload>
+    </el-row>
+
+    <el-row style="text-align: right;">
+      <el-button class="mt-40" style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
+    </el-row>
 
     <el-dialog :visible.sync="dialogVisible" :modal="false">
       <img width="100%" :src="dialogImageUrl" alt="" />