田源
2023-12-06 f1336af7af2225820ac9a8dc6dfcf501e4d4cd7b
系统左侧菜单,hover背景色bug处理
已修改4个文件
33 ■■■■■ 文件已修改
Source/UBCS-WEB/src/config/website.js 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/UBCS-WEB/src/page/index/sidebar/index.vue 1 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/UBCS-WEB/src/page/index/sidebar/sidebarItem.vue 30 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/UBCS-WEB/src/styles/sidebar.scss 补丁 | 查看 | 原始文档 | blame | 历史
Source/UBCS-WEB/src/config/website.js
@@ -38,7 +38,7 @@
      label: 'name',
      path: 'path',
      icon: 'source',
      children: 'children'
      children: 'children',
    }
  },
  // 第三方系统授权地址
Source/UBCS-WEB/src/page/index/sidebar/index.vue
@@ -51,6 +51,5 @@
.title{
  color: red;
}
</style>
Source/UBCS-WEB/src/page/index/sidebar/sidebarItem.vue
@@ -2,37 +2,37 @@
  <div class="menu-wrapper">
    <template v-for="item in menu">
      <el-menu-item v-if="validatenull(item[childrenKey]) && vaildRoles(item)"
                    :index="item[pathKey]"
                    @click="open(item)"
                    :key="item[labelKey]"
                    :class="{'is-active':vaildActive(item)}">
                    :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>
      </el-menu-item>
      <el-submenu v-else-if="!validatenull(item[childrenKey])&&vaildRoles(item)"
                  :index="item[pathKey]"
                  :key="item[labelKey]">
                  :key="item[labelKey]"
                  :index="item[pathKey]">
        <template slot="title">
          <i :class="item[iconKey]"></i>
          <span slot="title"
                :class="{'el-menu--display':collapse && first}">{{generateTitle(item)}}</span>
        </template>
        <template v-for="(child,cindex) in item[childrenKey]">
          <el-menu-item :index="child[pathKey],cindex"
                        @click="open(child)"
          <el-menu-item v-if="validatenull(child[childrenKey])"
                        :key="child[labelKey]"
                        :class="{'is-active':vaildActive(child)}"
                        v-if="validatenull(child[childrenKey])"
                        :key="child[labelKey]">
                        :index="child[pathKey],cindex"
                        @click="open(child)">
            <i :class="child[iconKey]"></i>
            <span slot="title">{{generateTitle(child)}}</span>
          </el-menu-item>
          <sidebar-item v-else
                        :menu="[child]"
                        :key="cindex"
                        :collapse="collapse"
                        :menu="[child]"
                        :props="props"
                        :screen="screen"
                        :collapse="collapse"></sidebar-item>
                        :screen="screen"></sidebar-item>
        </template>
      </el-submenu>
    </template>
@@ -143,4 +143,10 @@
    }
  };
</script>
<style lang="scss" scoped>
.el-menu-item:focus, .el-menu-item:hover {
  outline: 0;
  background-color: #060708;
}
</style>
Source/UBCS-WEB/src/styles/sidebar.scss