feat(playground):在线体验功能新增图

web/tenant/src/router/tenant.ts

@@ -11,6 +11,7 @@ declare module 'vue-router' {
 		viewportTable?: boolean
 		description?: string
 		keywords?: string
+		badge?: string // 菜单项右侧徽章文本
 	}
 }
 
@@ -171,7 +172,7 @@ const tenantRoutes: RouteRecordRaw[] = [
 				path: 'playground',
 				name: 'TenantPlayground',
 				component: () => import('@/views/service/PlaygroundPage.vue'),
-				meta: { title: '在线体验', icon: 'terminal', sort: 50, roles: ['owner', 'admin', 'member'] },
+				meta: { title: '在线体验', icon: 'terminal', sort: 50, roles: ['owner', 'admin', 'member'], badge: '⚡' },
 			},
 			{
 				path: 'tickets',

web/tenant/src/views/Layout.vue

@@ -55,6 +55,7 @@ interface NavItem {
 	label: string
 	path: string
 	icon: string
+	badge?: string
 }
 
 const navItems = computed<NavItem[]>(() => {
@@ -71,6 +72,7 @@ const navItems = computed<NavItem[]>(() => {
 			label: r.meta.title as string,
 			path: r.path,
 			icon: r.meta.icon as string,
+			badge: r.meta.badge as string | undefined,
 		}))
 })
 
@@ -281,6 +283,15 @@ onBeforeUnmount(() => {
 						<transition name="fade">
 							<span v-if="!sidebarCollapsed" class="truncate">{{ item.label }}</span>
 						</transition>
+						<transition name="fade">
+							<span
+								v-if="!sidebarCollapsed && item.badge"
+								class="ml-auto text-base"
+								style="filter: drop-shadow(0 0 2px rgba(251, 191, 36, 0.6));"
+							>
+								{{ item.badge }}
+							</span>
+						</transition>
 					</router-link>
 				</div>
 			</nav>