From 8c6cf205affbbc8ada74f00a7ca25ebca867e9ed Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 27 Sep 2021 11:44:44 +0800
Subject: [PATCH] 图表颜色
---
src/page/index/sidebar/index.vue | 82 ++++++++++++++++++++++++-----------------
1 files changed, 48 insertions(+), 34 deletions(-)
diff --git a/src/page/index/sidebar/index.vue b/src/page/index/sidebar/index.vue
index 9b883ef..bba6289 100644
--- a/src/page/index/sidebar/index.vue
+++ b/src/page/index/sidebar/index.vue
@@ -1,48 +1,62 @@
<template>
- <div class="avue-sidebar">
+ <div class="avue-sidebar" id="menuLeft">
<logo></logo>
- <el-scrollbar style="height:100%">
- <div v-if="validatenull(menu)"
- class="avue-sidebar--tip">{{$t('menuTip')}}
+ <el-scrollbar style="height: 100%">
+ <div v-if="validatenull(menu)" class="avue-sidebar--tip">
+ {{ $t("menuTip") }}
</div>
- <el-menu unique-opened
- :default-active="nowTagValue"
- mode="vertical"
- :show-timeout="200"
- :collapse="keyCollapse">
- <sidebar-item :menu="menu"
- :screen="screen"
- first
- :props="website.menu.props"
- :collapse="keyCollapse"></sidebar-item>
+ <el-menu
+ unique-opened
+ :default-active="nowTagValue"
+ mode="vertical"
+ :show-timeout="200"
+ :collapse="keyCollapse"
+ background-color="#fff"
+ >
+ <sidebar-item
+ :menu="menu"
+ :screen="screen"
+ first
+ :props="website.menu.props"
+ :collapse="keyCollapse"
+ ></sidebar-item>
</el-menu>
</el-scrollbar>
</div>
</template>
<script>
- import {mapGetters} from "vuex";
- import logo from "../logo";
- import sidebarItem from "./sidebarItem";
+import { mapGetters } from "vuex";
+import logo from "../logo";
+import sidebarItem from "./sidebarItem";
- export default {
- name: "sidebar",
- components: {sidebarItem, logo},
- inject: ["index"],
- data() {
- return {};
+export default {
+ name: "sidebar",
+ components: { sidebarItem, logo },
+ inject: ["index"],
+ data() {
+ return {};
+ },
+ created() {
+ this.index.openMenu();
+ // var menuDom = document.getElementById("menuLeft");
+ // menuDom.
+ },
+ computed: {
+ ...mapGetters([
+ "website",
+ "menu",
+ "tag",
+ "keyCollapse",
+ "screen",
+ "menuId",
+ ]),
+ nowTagValue: function () {
+ return this.$router.$avueRouter.getValue(this.$route);
},
- created() {
- this.index.openMenu();
- },
- computed: {
- ...mapGetters(["website", "menu", "tag", "keyCollapse", "screen", "menuId"]),
- nowTagValue: function () {
- return this.$router.$avueRouter.getValue(this.$route);
- }
- },
- methods: {}
- };
+ },
+ methods: {},
+};
</script>
<style lang="scss" scoped>
</style>
--
Gitblit v1.9.3