style: 更换表单设计器左侧button标签为div

BoBoooooo · Feb 3, 2021 · f11fe72 · f11fe72
1 parent 8fed41e
commit f11fe72
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/component/form-designer/src/FormDesigner.vue b/src/component/form-designer/src/FormDesigner.vue
@@ -20,19 +20,19 @@
           <div class="widget-cate">基础组件</div>
           <Draggable :clone="handleClone" tag="ul" :list="basicComponents" v-bind="getDraggableOptions()" :move="handleMove">
             <li class="form-edit-widget-label" v-for="(item, index) in basicComponents" :key="index">
-              <a>
+              <div>
                 <Icon class="icon" :name="item.icon"></Icon>
                 <span>{{ item.name }}</span>
-              </a>
+              </div>
             </li>
           </Draggable>
           <div class="widget-cate">高级组件</div>
           <Draggable :clone="handleClone" tag="ul" :list="advanceComponents" v-bind="getDraggableOptions()" :move="handleMove">
             <li class="form-edit-widget-label" v-for="(item, index) in advanceComponents" :key="index">
-              <a>
+              <div>
                 <Icon class="icon" :name="item.icon"></Icon>
                 <span>{{ item.name }}</span>
-              </a>
+              </div>
             </li>
           </Draggable>
           <div class="widget-cate">布局组件</div>
@@ -45,10 +45,10 @@
               v-for="(item, index) in layoutComponents"
               :key="index"
             >
-              <a>
+              <div>
                 <Icon class="icon" :name="item.icon"></Icon>
                 <span>{{ item.name }}</span>
-              </a>
+              </div>
             </li>
           </Draggable>
           <div class="widget-cate">基础图表</div>
@@ -58,10 +58,10 @@
               v-for="(item, index) in chartComponents"
               :key="index"
             >
-              <a>
+              <div>
                 <Icon class="icon" :name="item.icon"></Icon>
                 <span>{{ item.name }}</span>
-              </a>
+              </div>
             </li>
           </Draggable>
         </div>

diff --git a/src/component/form-designer/src/styles/index.scss b/src/component/form-designer/src/styles/index.scss
@@ -119,7 +119,7 @@ $primary-background-color: #ecf5ff;
       border: 1px dashed $primary-color;
     }
 
-    & > a {
+    & > div {
       display: block;
       cursor: move;
       background: #f4f6fc;