From 02409bfbe15f22fc3b5dccadabfd860a660a49d9 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Sat, 11 Oct 2025 10:37:14 +0800
Subject: [PATCH] feat: 名称修改
---
src/page/index/top/top-menu.vue | 41 +++++++++++++++++++++++------------------
1 files changed, 23 insertions(+), 18 deletions(-)
diff --git a/src/page/index/top/top-menu.vue b/src/page/index/top/top-menu.vue
index bd351a6..f72206f 100644
--- a/src/page/index/top/top-menu.vue
+++ b/src/page/index/top/top-menu.vue
@@ -2,7 +2,7 @@
<el-menu class="top-menu" :default-active="activeIndex" mode="horizontal" text-color="#333">
<el-menu-item index="0" @click="openHome(itemHome)">
<template #title>
- <i :class="itemHome.source" style="padding-right: 5px"></i>
+ <i :class="itemHome.source" class="itemTitle" ></i>
<span>{{ itemHome.name }}</span>
</template>
</el-menu-item>
@@ -10,7 +10,7 @@
<template v-for="(item, index) in items" :key="index">
<el-menu-item :index="item.id + ''" @click="openMenu(item)">
<template #title>
- <i :class="item.source" style="padding-right: 5px"></i>
+ <i :class="item.source" class="itemTitle"></i>
<span>{{ item.name }}</span>
</template>
</el-menu-item>
@@ -19,40 +19,45 @@
</template>
<script>
-import { mapGetters } from 'vuex';
+import { mapGetters } from 'vuex'
export default {
name: 'top-menu',
- data() {
+ data () {
return {
itemHome: {
- name: '首页',
- source: 'iconfont iconicon_work',
+ name: '个人工作台',
+ source: 'iconfont iconicon_boss',
},
activeIndex: '0',
items: [],
- };
+ }
},
inject: ['index'],
- created() {
- this.getMenu();
+ created () {
+ this.getMenu()
},
computed: {
...mapGetters(['tagCurrent', 'menu', 'tagWel']),
},
methods: {
- openMenu(item) {
- this.index.openMenu(item);
+ openMenu (item) {
+ this.index.openMenu(item)
},
- openHome(itemHome) {
- this.index.openMenu(itemHome);
- this.$router.push(this.tagWel);
+ openHome (itemHome) {
+ this.index.openMenu(itemHome)
+ this.$router.push(this.tagWel)
},
- getMenu() {
+ getMenu () {
this.$store.dispatch('GetTopMenu').then(res => {
- this.items = res;
- });
+ this.items = res
+ })
},
},
-};
+}
</script>
+<style scoped>
+.itemTitle {
+padding-right: 5px
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3