瀏覽代碼

style(marketingEdit): 调整上传组件样式

- 修改 UploadSlot 组件的样式属性
- 添加 display: block 样式
- 设置宽度为 280px
- 添加 relative 定位
- 调整文本对齐为左对齐
- 设置 left 为 -40px
- 添加 40px 内边距
panqiuyao 11 小時之前
父節點
當前提交
2d532899cc
共有 1 個文件被更改,包括 9 次插入2 次删除
  1. 9 2
      frontend/src/views/components/marketingEdit/tpl/add.js

+ 9 - 2
frontend/src/views/components/marketingEdit/tpl/add.js

@@ -75,14 +75,21 @@ let add = () => {
                   </template>
                   </template>
                   <el-menu-item-group >
                   <el-menu-item-group >
                         <el-menu-item index="2-1">
                         <el-menu-item index="2-1">
-                                  <UploadSlot background='none' ref="upload"
+                             <UploadSlot background='none' ref="upload"
                                 class="upload-wrap " 
                                 class="upload-wrap " 
                                  @input="(url)=>addMaps(url,{
                                  @input="(url)=>addMaps(url,{
                                     left:10,
                                     left:10,
                                     top:10,
                                     top:10,
                                     maxWidth:fcanvas.width*0.8,
                                     maxWidth:fcanvas.width*0.8,
                                     maxHeight:fcanvas.height*0.8,
                                     maxHeight:fcanvas.height*0.8,
-                                  })"><div>普通图片</div>
+                                  })"><div 
+                                  style="display: block;
+                                        width: 280px;
+                                        position: relative;
+                                        text-align: left;
+                                        left: -40px;
+                                        padding: 40px;"
+    >普通图片</div>
                                  </UploadSlot>
                                  </UploadSlot>
                         
                         
                           </el-menu-item>
                           </el-menu-item>