Jelajahi Sumber

图片上传栏样式修改

duy 3 hari lalu
induk
melakukan
f2dd4d0966
1 mengubah file dengan 14 tambahan dan 7 penghapusan
  1. 14 7
      src/components/plugins/table-form/hc-form-upload.vue

+ 14 - 7
src/components/plugins/table-form/hc-form-upload.vue

@@ -23,12 +23,15 @@
                 点此选择或者拖拽文件并上传
             </div>
             <div v-if="isSrc" class="hc-table-form-actions">
-                <el-button plain type="primary" size="small" @click.stop="handlePreview">
+                <el-link plain type="primary" size="small" @click.stop="handlePreview">
                     预览
-                </el-button>
-                <el-button plain type="danger" size="small" @click.stop="delTableFormFile">
+                </el-link>
+                
+                
+              
+                <el-link plain type="danger" size="small" @click.stop="delTableFormFile">
                     删除
-                </el-button>
+                </el-link>
             </div>
             <input 
                 :id="isKeyName" 
@@ -304,7 +307,7 @@ const rotateImageAndGetBlob = (imageUrl, degrees) => {
 
 <style lang="scss" scoped>
 .upload-container {
-    position: relative;
+  
     width: 100%;
     height: 100%;
 }
@@ -348,8 +351,12 @@ const rotateImageAndGetBlob = (imageUrl, degrees) => {
 .hc-table-form-actions {
    position: absolute;
     top: 10px;
-    right: 10px;
-    display: flex;
+  display: flex;
+  gap: 4px;
+
+   
+    
+    
 }
 
 .preview-container {