演示模式横幅组件,当应用处于演示模式时在页面顶部显示警告横幅。
<template>
<n-layout>
<DemoBanner />
<!-- 页面内容 -->
</n-layout>
</template>
<script setup>
import DemoBanner from '@/components/DemoBanner.vue'
</script>
demo store 读取演示模式状态demoStore.isDemo 为 true 时显示警告横幅demoStore.demoMessage 内容localStorage(demo-banner-closed)NAlert 组件,带 Warning 图标naive-ui(NAlert, NIcon)@vicons/ionicons5(Warning 图标)@/stores/demo(演示模式 Store)