Aurora Admin v1.2.0: 79 components x 5 ends, doc site, contracts batch 1, playground, regression, deploy ready

frameworks/QuickNav.vue3.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="aa-quicknav">
+    <div
+      v-for="(it, i) in items"
+      :key="i"
+      class="aa-quicknav-item"
+      @click="emit('select', it)"
+    >
+      <div class="aa-quicknav-icon">{{ it.icon }}</div>
+      <div class="aa-quicknav-label">{{ it.label }}</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  items: {
+    type: Array,
+    default: () => [
+      { icon: '📊', label: '数据看板' },
+      { icon: '👥', label: '用户管理' },
+      { icon: '📦', label: '订单管理' },
+      { icon: '⚙️', label: '系统设置' },
+      { icon: '📝', label: '审批中心' },
+      { icon: '🔔', label: '消息通知' },
+      { icon: '📁', label: '文件中心' },
+      { icon: '🛡️', label: '权限管理' }
+    ]
+  }
+});
+const emit = defineEmits(['select']);
+</script>
+
+<style src="./QuickNav.css"></style>