mirror of
https://github.com/algerkong/AlgerMusicPlayer.git
synced 2026-04-28 10:57:23 +08:00
✨ feat: 更新 AppMenu 组件,增加移动端适配,优化工具提示的禁用条件
This commit is contained in:
@@ -9,7 +9,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="app-menu-list">
|
<div class="app-menu-list">
|
||||||
<div v-for="(item, index) in menus" :key="item.path" class="app-menu-item">
|
<div v-for="(item, index) in menus" :key="item.path" class="app-menu-item">
|
||||||
<n-tooltip :delay="200" :disabled="isText" placement="bottom">
|
<n-tooltip :delay="200" :disabled="isText || isMobile" placement="bottom">
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<router-link class="app-menu-item-link" :to="item.path">
|
<router-link class="app-menu-item-link" :to="item.path">
|
||||||
<i class="iconfont app-menu-item-icon" :style="iconStyle(index)" :class="item.meta.icon"></i>
|
<i class="iconfont app-menu-item-icon" :style="iconStyle(index)" :class="item.meta.icon"></i>
|
||||||
@@ -30,6 +30,7 @@ import { ref, watch } from 'vue';
|
|||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
|
|
||||||
import icon from '@/assets/icon.png';
|
import icon from '@/assets/icon.png';
|
||||||
|
import { isMobile } from '@/utils';
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
size: {
|
size: {
|
||||||
|
|||||||
Reference in New Issue
Block a user