调整样式

src/view/memberGroup/group-list.vue

@@ -12,8 +12,8 @@
           <span class="name-txt" :title="list.classifyName" v-show="!list.edit">{{ list.classifyName }}</span>
           <el-input style="width: 100px;" size="mini" v-show="list.edit" v-model="list.classifyName" maxLength="10" @keyup.native.enter="modifyName(list)" />
           <div class="oper-area" v-if="list.classifyName !== '未分类'">
-            <i class="icon-list icon-list-oper" :class="[list.edit ? 'el-icon-check' : 'el-icon-edit']" @click.stop="editGroupName(list)"></i>
-            <i class="icon-list el-icon-circle-close icon-list-oper" @click="deleteGroupName(list)"></i>
+            <i class="iconfont icon-list-oper" :class="[list.edit ? 'icon-dagou' : 'icon-bianji1']" @click.stop="editGroupName(list)"></i>
+            <i class="iconfont icon-guanbi icon-list-oper" @click="deleteGroupName(list)"></i>
           </div>
         </li>
       </ul>
@@ -277,12 +277,6 @@ export default {
     }
   }
 }
-.icon-list {
-  color: #909399;
-  &:hover {
-    color: #303133;
-  }
-}
 .member-list {
   height: 32px;
   line-height: 32px;
@@ -310,13 +304,22 @@ export default {
     margin-right: 10px;
   }
 }
-.active-li {
-  background-color: #f6f8fd;
-  color: #1890ff;
+.lists {
+  color: #606266;
+  .active-li {
+    color: #1890ff;
+    background-color: #F3F6F9;
+  }
+  li:hover {
+    background-color: #F3F6F9;
+  }
 }
+
 .icon-list-oper {
   color: #c0c4cc;
-  margin: 0 3px;
+  &:hover {
+    color: #909399;
+  }
 }
 .icon-transform {
   transition: transform 0.3s;