Explorar o código

style(frontend): 调整图片编辑器和营销编辑组件的样式

- 调整 PictureEditor 组件的宽度和 z-index
- 为 PictureEditor 组件添加阴影效果
- 调整 marketingEdit 组件的宽度和 z-index
- 为 marketingEdit 组件添加滚动条
panqiuyao hai 6 meses
pai
achega
694f7ef79a

+ 3 - 2
frontend/src/views/components/PictureEditor/mixin/edit/index.scss

@@ -1,14 +1,15 @@
 .picture-editor-wrap_edit {
   position: fixed;
-  width: 200px;
+  width: 210px;
   right: 0px;
   top:80px;
-  z-index: 10;
+  z-index: 100;
   bottom: 0px;
   background: #fff;
   border-radius: 5px;
   padding: 0px;
   overflow-y: auto;
+  box-shadow: 0px 2px 4px 0px rgba(170,177,255,0.54);
   overflow-x: hidden;
   color: #000;
   .title {

+ 3 - 1
frontend/src/views/components/marketingEdit/index.vue

@@ -220,9 +220,11 @@ export default {
   .add-action-wrap {
     position: fixed;
     top:80px;
+    overflow: auto;
     left: 0px;
+    z-index: 10;
     bottom: 0;
-    width: 200px;
+    width: 210px;
 
     background:#fff;
     box-shadow: 0px 2px 4px 0px rgba(170,177,255,0.54);