Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue

@@ -7,8 +7,13 @@
                    :index="item[pathKey]"
                    @click="open(item)">
        <div style="display: flex">
          <icon-show :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
          <icon-show v-if="item[iconKey]" :name="item[iconKey]" :style="{ height: iconSize, width: iconSize }"
                     class="iconShowSpan"></icon-show>
          <div v-else :style="{ height: iconSize, width: iconSize }" class="iconShow iconShowSpan">
            <i :style="{ fontSize: iconSize, width: iconSize,marginTop: '3px'}" class="el-icon-setting"></i>
          </div>
          <span slot="title"
                style="margin-left: 8px"
                :alt="item[pathKey]"
                :class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span>
        </div>
@@ -18,8 +23,13 @@
                  :index="item[pathKey]">
        <template slot="title">
          <div style="display: flex">
            <icon-show :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
            <icon-show v-if="item[iconKey]" :name="item[iconKey]" :style="{ height: iconSize, width: iconSize }"
                       class="iconShowSpan"></icon-show>
            <div v-else :style="{ height: iconSize, width: iconSize }" class="iconShow iconShowSpan">
              <i :style="{ fontSize: iconSize, width: iconSize,marginTop: '3px'}" class="el-icon-setting"></i>
            </div>
            <span slot="title"
                  style="margin-left: 8px"
                  :class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span>
          </div>
        </template>
@@ -30,8 +40,12 @@
                        :index="child[pathKey],cindex"
                        @click="open(child)">
            <div style="display: flex">
              <icon-show :name="child[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
              <span slot="title">{{ generateTitle(child) }}</span>
              <icon-show v-if="child[iconKey]" :name="child[iconKey]" :style="{ height: iconSize, width: iconSize }"
                         class="iconShowSpan"></icon-show>
              <div v-else :style="{ height: iconSize, width: iconSize }" class="iconShow iconShowSpan">
                <i :style="{ fontSize: iconSize, width: iconSize,marginTop: '3px'}" class="el-icon-setting"></i>
              </div>
              <span slot="title" style="margin-left: 8px">{{ generateTitle(child) }}</span>
            </div>
          </el-menu-item>
          <sidebar-item v-else
@@ -137,7 +151,8 @@
    open(item) {
      const query = {
        ...item.query,
        id:item.id
        id:item.id,
        name:item.name
      }
      if (this.screen <= 1) this.$store.commit("SET_COLLAPSE");
      if (this.validIsOpen(item)) {
@@ -162,13 +177,13 @@
  outline: 0;
  background-color: #060708;
}

.iconShowSpan{
  display: inline-block;
  margin-top: -2px;
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.7);
}
.el-menu-item .iconShowSpan,.el-submenu__title .iconShowSpan{
  margin-top: -2px;
}
.el-submenu__title:hover .iconShowSpan{
  color: #ffffff;
}