用户管理

src/views/useCenter.vue

@@ -4,7 +4,9 @@
     <!--主体-->
     <div class="con_left">
       <div style="color: #FFF;display: flex;justify-content: space-between">
-        <el-button v-for="item in enterpriseList" size="mini">{{ item }}</el-button>
+        <div class="left-top-botton " :class="index === botIndex ? 'active':''" v-for="(item,index) in enterpriseList"
+             @click="botIndex = index">{{ item }}
+        </div>
       </div>
       <el-input
         placeholder="请输入用户姓名"
@@ -151,6 +153,7 @@ export default {
   data() {
     return {
       isVisible: false, // 初始时设置为false，不显示内容
+      botIndex: 0,
       routerIdx: 3,                    // 当前导航索引
       input: '',
       input1: '',
@@ -456,6 +459,19 @@ export default {
   color: #fff;
 }
 
+.left-top-botton {
+  cursor: pointer;
+  border-radius: 4px;
+  padding: 5px 20px !important;
+  margin: 10px 0 !important;
+  border: 1px solid #3bb8a4;
+  background-color: rgba(20, 107, 115, 0.3);
+  color: #fff;
+}
+
+.active {
+  background-color: #3bb8a4;
+}
 
 .hz_body {
   position: relative;