更新

src/layouts/components/tags.vue

@@ -1,21 +1,13 @@
 <template>
 	<div class="tags-view-container">
 		<div class="tags-view-wrapper" @wheel="handleWheel">
-			<div
+			<div ref="scrollRef" class="scroll-content"
-				ref="scrollRef"
+				:style="{ transform: `translateX(${scrollState.translateX}px)`, transition: scrollState.transition }">
-				class="scroll-content"
+				<router-link v-for="(tag, index) in visitedViews" :id="`scroll-li-${index}`" :key="tag.path"
-				:style="{ transform: `translateX(${scrollState.translateX}px)`, transition: scrollState.transition }"
-			>
-				<router-link
-					v-for="(tag, index) in visitedViews"
-					:id="`scroll-li-${index}`"
-					:key="tag.path"
 					:class="isActive(tag) ? 'active' : ''"
-					:to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
+					:to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" class="tags-view-item"
-					class="tags-view-item"
 					@click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
-					@contextmenu.prevent="openMenu(tag, $event)"
+					@contextmenu.prevent="openMenu(tag, $event)">
-				>
 					{{ tag.title }}
 					<el-icon v-if="!isAffix(tag)" class="close-icon" @click.prevent.stop="closeSelectedTag(tag)">
 						<ElIconClose />
@@ -25,19 +17,27 @@
 		</div>
 		<ul v-show="visible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
 			<li @click="refreshSelectedTag(selectedTag)">
-				<el-icon><ElIconRefresh /></el-icon>
+				<el-icon>
+					<ElIconRefresh />
+				</el-icon>
 				刷新
 			</li>
 			<li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">
-				<el-icon><ElIconClose /></el-icon>
+				<el-icon>
+					<ElIconClose />
+				</el-icon>
 				关闭
 			</li>
 			<li @click="closeOthersTags">
-				<el-icon><ElIconCircleClose /></el-icon>
+				<el-icon>
+					<ElIconCircleClose />
+				</el-icon>
 				关闭其他
 			</li>
 			<li @click="closeAllTags(selectedTag)">
-				<el-icon><ElIconFolderDelete /></el-icon>
+				<el-icon>
+					<ElIconFolderDelete />
+				</el-icon>
 				关闭所有
 			</li>
 		</ul>

src/layouts/index.vue

@@ -135,6 +135,7 @@ import { computed, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { useUserStore } from '../stores/modules/user'
 import { useLayoutStore } from '../stores/modules/layout'
+import logo from '@/assets/imagse/logo.png'
 import LayoutMenuItem from './components/menu-item.vue'
 import LayoutBreadcrumb from './components/breadcrumb.vue'
 import Tags from './components/tags.vue'
@@ -149,11 +150,6 @@ const route = useRoute()
 const userStore = useUserStore()
 const layoutStore = useLayoutStore()
 
-// Logo配置
-const logo = computed(() => {
-	return new URL('../assets/logo.png', import.meta.url).href
-})
-
 const logoText = computed(() => {
 	return import.meta.env.VITE_APP_TITLE || 'Admin'
 })