feat：新增线条样式设置部分功能

liuyonghua-cww · Sep 1, 2021 · ae5d159 · ae5d159
1 parent 0dcb521
commit ae5d159
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 4 deletions.
diff --git a/learn-x6/src/components/Header/ToolsBar/NodeAttr/index.vue b/learn-x6/src/components/Header/ToolsBar/NodeAttr/index.vue
@@ -193,10 +193,10 @@
                 <template slot="content">
                     <ul class="stroke-dasharray-select">
                         <li
-
-
+                                v-for="(item, i) of strokeDasharrayOpt"
+                                :key="i"
                         >
-
+                            <i :class="['iconfont', strokeDasharrayIcon[i]]"></i>
                         </li>
                     </ul>
                 </template>

diff --git a/learn-x6/src/components/Header/ToolsBar/NodeAttr/nodeAttr.js b/learn-x6/src/components/Header/ToolsBar/NodeAttr/nodeAttr.js
@@ -66,7 +66,9 @@ export default {
                 refY: 0.5,
                 textAnchor: 'middle',
                 textVerticalAnchor: 'middle',
-            }
+            },
+            strokeDasharrayOpt: ['0', '8', '1', '8, 1'],
+            strokeDasharrayIcon: ['icon-xiantiaoyangshi2', 'icon-xiantiaoyangshi4', 'icon-xiantiaoyangshi3', 'icon-xiantiaoyangshi1']
         };
     },
     methods: {

diff --git a/learn-x6/src/theme/antd/ant-popover.less b/learn-x6/src/theme/antd/ant-popover.less
@@ -18,3 +18,18 @@
     }
   }
 }
+
+.ant-popover .stroke-dasharray-select {
+  list-style: none;
+  padding: 5px 0;
+  > li {
+    width: 100px;
+    text-align: center;
+    height: 28px;
+    line-height: 28px;
+    cursor: pointer;
+    &:hover {
+      color: @primary-color;
+    }
+  }
+}