update

src/components/filter-tree/filter-tree.less

@@ -3,6 +3,7 @@
         height: 40px;
         .filter-tree-item {
             display: flex;
+            width: 100%;
             >div {
                 margin-right: 10px;
             }
@@ -10,10 +11,20 @@
                 margin-right: 0;
             }
             .filter-tree-action {
-                margin-left: 20px;
+                display: none;
+                align-items: center;
                 .ivu-btn {
                     margin-right: 5px;
                 }
+                .ivu-icon-md-close {
+                    color: red;
+                    font-size: 24px;
+                }
+            }
+        }
+        .filter-tree-item:hover {
+            .filter-tree-action {
+                display: flex;
             }
         }
     }

src/components/filter-tree/filter-tree.vue

@@ -9,7 +9,7 @@
                     <div class="filter-tree-action">
                         <i-button title="添加条件" @click="onAddItem(data)"><i class="fa fa-plus" aria-hidden="true"></i> 添加条件</i-button>
                         <i-button title="添加组" @click="onAddGroup(data)"><i class="fa fa-plus" aria-hidden="true"></i> 添加组</i-button>
-                        <i-button v-if="!data.isroot" @click="onRemoveItem(node, data)" title="删除"><i class="fa fa-trash-o" aria-hidden="true"></i></i-button>
+                        <icon v-if="!data.isroot" type="md-close"  @click="onRemoveItem(node, data)"/>
                     </div>
                 </div>
             </template>
@@ -29,7 +29,7 @@
                         <slot v-else :data="data"></slot>
                     </div>
                     <div class="filter-tree-action">
-                        <i-button @click="onRemoveItem(node, data)" title="删除"><i class="fa fa-trash-o" aria-hidden="true"></i></i-button>
+                        <icon type="md-close"  @click="onRemoveItem(node, data)"/>
                     </div>
                 </div>
             </template>