feat(projects): 细节完善、迁移页面

src/views/dashboard/analysis/components/TopChart/index.vue

@@ -37,13 +37,14 @@ import { Line, Pie } from '@antv/g2plot';
 import { CountTo } from '@/components';
 import data from './data.json';
 
-const lineRef = ref<HTMLElement | null>(null);
-const line = ref<Line | null>(null);
-const pieRef = ref<HTMLElement | null>(null);
-const pie = ref<Pie | null>(null);
+const lineRef = ref<HTMLElement>();
+const line = ref<Line>();
+const pieRef = ref<HTMLElement>();
+const pie = ref<Pie>();
 
 function renderLineChart() {
-  line.value = new Line(lineRef.value!, {
+  if (!lineRef.value) return;
+  line.value = new Line(lineRef.value, {
     data,
     autoFit: true,
     xField: 'date',

src/views/dashboard/workbench/components/WorkbenchMain/index.vue

@@ -39,11 +39,7 @@
           </n-grid>
         </n-card>
         <n-card title="创意" :bordered="false" size="small" class="shadow-sm rounded-16px">
-          <n-carousel :autoplay="true" :show-arrow="true">
-            <!-- <banner-svg type="1" />
-            <banner-svg type="2" />
-            <banner-svg type="3" /> -->
-          </n-carousel>
+          <svg-banner class="text-primary" />
         </n-card>
       </n-space>
     </n-grid-item>
@@ -51,8 +47,8 @@
 </template>
 
 <script setup lang="ts">
-import { NGrid, NGridItem, NSpace, NCard, NList, NListItem, NThing, NCarousel } from 'naive-ui';
-// import { BannerSvg } from '@/components';
+import { NGrid, NGridItem, NSpace, NCard, NList, NListItem, NThing } from 'naive-ui';
+import { SvgBanner } from '@/components';
 import { TechnologyCard, ShortcutsCard } from './components';
 
 interface Technology {

src/views/document/index.ts

@@ -0,0 +1,6 @@
+const DocumentVue = () => import('./vue/index.vue');
+const DocumentVueNew = () => import('./vue-new/index.vue');
+const DocumentVite = () => import('./vite/index.vue');
+const DocumentNaive = () => import('./naive/index.vue');
+
+export { DocumentVue, DocumentVueNew, DocumentVite, DocumentNaive };

src/views/document/naive/index.vue

@@ -0,0 +1,10 @@
+<template>
+  <div class="h-full">
+    <iframe class="wh-full" :src="src"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+const src = 'https://www.naiveui.com/zh-CN/os-theme/docs/introduction';
+</script>
+<style scoped></style>

src/views/document/vite/index.vue

@@ -0,0 +1,10 @@
+<template>
+  <div class="h-full">
+    <iframe class="wh-full" :src="src"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+const src = 'https://cn.vitejs.dev/';
+</script>
+<style scoped></style>

src/views/document/vue-new/index.vue

@@ -0,0 +1,10 @@
+<template>
+  <div class="h-full">
+    <iframe class="wh-full" :src="src"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+const src = 'https://staging-cn.vuejs.org/';
+</script>
+<style scoped></style>

src/views/document/vue/index.vue

@@ -0,0 +1,10 @@
+<template>
+  <div class="h-full">
+    <iframe class="wh-full" :src="src"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+const src = 'https://v3.cn.vuejs.org/';
+</script>
+<style scoped></style>

src/views/index.ts

@@ -1,4 +1,5 @@
 export * from './system';
 export * from './dashboard';
+export * from './document';
 export * from './about';
 export * from './multi-menu';

src/views/multi-menu/first/second-new/third/index.vue

@@ -0,0 +1,10 @@
+<template>
+  <div class="h-full">
+    <n-card title="多级菜单 - 三级菜单" class="h-full shadow-sm rounded-16px"></n-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { NCard } from 'naive-ui';
+</script>
+<style scoped></style>

src/views/multi-menu/first/second/index.vue

@@ -1,6 +1,10 @@
 <template>
-  <div>多级菜单</div>
+  <div class="h-full">
+    <n-card title="多级菜单 - 二级菜单" class="h-full shadow-sm rounded-16px"></n-card>
+  </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { NCard } from 'naive-ui';
+</script>
 <style scoped></style>

src/views/multi-menu/index.ts

@@ -1,3 +1,4 @@
 const MultiMenuFirstSecond = () => import('./first/second/index.vue');
+const MultiMenuFirstSecondNewThird = () => import('./first/second-new/third/index.vue');
 
-export { MultiMenuFirstSecond };
+export { MultiMenuFirstSecond, MultiMenuFirstSecondNewThird };