Pārlūkot izejas kodu

perf(组件:SmartLayoutSeparate): 优化拖拽样式

shizhongming 2 gadi atpakaļ
vecāks
revīzija
d9ea94a02e

+ 7 - 3
src/components/SmartLayoutSeparate/src/SmartLayoutSeparate.less

@@ -19,7 +19,7 @@
       top: 0;
       right: -5px;
       bottom: 0;
-      width: 10px;
+      width: 6px;
       height: 100%;
 
       .ant-divider-vertical {
@@ -34,11 +34,11 @@
     }
     // 第二个div样式
     .second-outer {
-      margin-left: 5px;
+      margin-left: 6px;
     }
 
     .first-outer {
-      margin-right: 5px;
+      margin-left: 0;
     }
   }
   // 上下布局
@@ -75,6 +75,10 @@
     position: absolute;
     z-index: 1;
 
+    .ant-divider {
+      border-inline-start: 0;
+    }
+
     &.high-light {
       //  线高亮
       .ant-divider-horizontal {

+ 0 - 5
src/components/SmartLayoutSeparate/src/SmartLayoutSeparate.tsx

@@ -52,11 +52,6 @@ export default defineComponent({
     },
     lineStyle: {
       type: [Object, String] as PropType<StyleValue | string>,
-      default: () => {
-        return {
-          'border-left': '1px solid rgba(0,0,0,0.2)',
-        };
-      },
     },
     highLineStyle: {
       type: [Object, String] as PropType<StyleValue | string>,