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

@@ -6,17 +6,19 @@
                    :class="{'is-active':vaildActive(item)}"
                    :index="item[pathKey]"
                    @click="open(item)">
        <i :class="item[iconKey]"></i>
        <span slot="title"
              :alt="item[pathKey]">{{ generateTitle(item) }}</span>
        <div style="display: flex">
          <icon-show :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
          <span slot="title"
                :alt="item[pathKey]"
                :class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span>
        </div>
      </el-menu-item>
      <el-submenu v-else-if="!validatenull(item[childrenKey])&&vaildRoles(item)"
                  :key="item[labelKey]"
                  :index="item[pathKey]">
        <template slot="title">
          <div style="display: flex">
            <icon-show v-if="item[iconKey]" :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
            <i v-else class="el-icon-setting" :font-size="iconSize"></i>
            <icon-show :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
            <span slot="title"
                  :class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span>
          </div>
@@ -28,8 +30,7 @@
                        :index="child[pathKey],cindex"
                        @click="open(child)">
            <div style="display: flex">
              <icon-show v-if="child[iconKey]" :name="child[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
              <i v-else class="el-icon-setting" :font-size="iconSize"></i>
              <icon-show :name="child[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
              <span slot="title">{{ generateTitle(child) }}</span>
            </div>
          </el-menu-item>
@@ -166,7 +167,13 @@
  display: inline-block;
  margin-top: -2px;
  margin-right: 10px;
  color: #eeeeea;
  color: rgba(255, 255, 255, 0.7);
}
.el-submenu__title:hover .iconShowSpan{
  color: #ffffff;
}
.el-submenu__title:hover .iconShowSpan svg{
  fill: #ffffff;
}
</style>