暂存

ZZJ

2021-11-09 ed892740157994092ab9a5b383c0ced48344abaf

 src/pages/syslog/index/App.vue

@@ -8,7 +8,9 @@
        :class="activePage == i ? 'left-card-active' : ''"
        @click="openMenu(item, i)"
      >
        <span class="icon iconfont" :style="`font-size:${item.size}px`">{{item.icon}}</span>
        <span class="icon iconfont" :style="`font-size:${item.size}px`">{{
          item.icon
        }}</span>
        <span class="card-text">{{ item.name }}</span>
      </div>
    </div>
@@ -35,10 +37,10 @@
  data() {
    return {
      menuArr: [
        { name: "操作日志",icon:"\ue706",size:19 },
        { name: "系统日志",icon:"\ue730"  ,size:19},
        { name: "轮询日志",icon:"\ue708" ,size:21},
        { name: "事件推送日志",icon:"\ue707" ,size:13 },
        { name: "操作日志", icon: "\ue706", size: 19 },
        { name: "系统日志", icon: "\ue730", size: 19 },
        { name: "轮询日志", icon: "\ue708", size: 21 },
        { name: "事件推送日志", icon: "\ue707", size: 13 },
      ],
      activePage: 0,
    };
@@ -67,6 +69,7 @@
    flex-shrink: 0;
    padding: 10px;
    border-right: 5px solid rgba(248, 248, 248, 1);
    border-top: 1px solid #e1e0e6;
    box-sizing: border-box;
    .left-card {
      height: 55px;
@@ -84,9 +87,9 @@
        font-size: 16px;
      }
    }
    .left-card-active{
        background-color: rgba(61, 104, 225, 1);
        color: #fff;
    .left-card-active {
      background-color: rgba(61, 104, 225, 1);
      color: #fff;
    }
    .left-card:hover {
      background-color: rgba(61, 104, 225, 1);