继续完善页面
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<text class="logo-text">{{ collapsed ? 'M' : 'MALL' }}</text>
|
||||
</view>
|
||||
|
||||
<scroll-view class="aside-menu" scroll-y="true">
|
||||
<view class="aside-menu">
|
||||
<view
|
||||
v-for="menu in topMenus"
|
||||
:key="menu.id"
|
||||
@@ -19,7 +19,7 @@
|
||||
<text>{{ menu.title }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<view class="aside-footer" @click="onToggle">
|
||||
<view class="toggle-btn">
|
||||
@@ -46,15 +46,16 @@ const emit = defineEmits<{
|
||||
|
||||
function getIconText(icon: string): string {
|
||||
const iconMap: Record<string, string> = {
|
||||
'home': 'H',
|
||||
'user': 'U',
|
||||
'product': 'P',
|
||||
'order': 'O',
|
||||
'marketing': 'M',
|
||||
'content': 'C',
|
||||
'finance': 'F',
|
||||
'statistic': 'S',
|
||||
'setting': 'T'
|
||||
'home': '🏠',
|
||||
'user': '👥',
|
||||
'product': '📦',
|
||||
'order': '📜',
|
||||
'marketing': '📉',
|
||||
'content': '📝',
|
||||
'finance': '💰',
|
||||
'statistic': '📊',
|
||||
'setting': '⚙️',
|
||||
'maintenance': '🛠️'
|
||||
}
|
||||
return iconMap[icon] || icon.charAt(0).toUpperCase()
|
||||
}
|
||||
@@ -107,6 +108,7 @@ function onLogoClick(): void {
|
||||
.aside-menu {
|
||||
flex: 1;
|
||||
padding: 8px 0;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
|
||||
Reference in New Issue
Block a user