diff --git a/apps/ssr/assets/css/main.scss b/apps/ssr/assets/css/main.scss
index f6cbc1c3cb7da69a3996754defa97c9d5bc223e7..ca1039c8078f6a2d19068053cc31dfe7393ad158 100644
--- a/apps/ssr/assets/css/main.scss
+++ b/apps/ssr/assets/css/main.scss
@@ -262,6 +262,28 @@
}
}
}
+.app-page-banner.app-uniapp-banner{
+ background:#b0cf1a;
+ //background: linear-gradient(to right, #eae507 0%, #339500 100%);
+ background:linear-gradient(to right, #5d76b9 0%, #1900ff 100%);
+ .banner-text{
+ .admin-btn{
+ color: #1900ff;
+ box-shadow:0 0 16px #1900ff;
+ }
+ }
+}
+.app-page-banner.app-cli-banner{
+ background:#b0cf1a;
+ //background: linear-gradient(to right, #eae507 0%, #339500 100%);
+ background:linear-gradient(to right, #cc95a8 0%, #ec0279 100%);
+ .banner-text{
+ .admin-btn{
+ color: #cc95a8;
+ box-shadow:0 0 16px #cc95a8;
+ }
+ }
+}
.app-dialog{
--el-dialog-margin-top:8vh;
.el-dialog__body{
diff --git a/apps/ssr/config/index.ts b/apps/ssr/config/index.ts
index 505d39bc8f657e2ef78e1727a82952b58c1d088b..63788d10721bc9c444a711e5ff316d9be0269145 100644
--- a/apps/ssr/config/index.ts
+++ b/apps/ssr/config/index.ts
@@ -5,6 +5,8 @@ export const ROUTES_LINKS = [
{ title: 'Admin', path: '/admin' },
{ title: 'UI组件库', path: '/ui' },
{ title: 'Hooks', path: '/hooks' },
+ { title: 'CLI', path: '/cli' },
+ { title: 'UniApp', path: '/uniapp' },
{ title: '关于我们', path: '/help/about/', isBlank: false },
// { title: '帮助中心', path: '/docs', isBlank: true },
]
diff --git a/apps/ssr/pages/cli/index.vue b/apps/ssr/pages/cli/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..964880cd2fc24c487ec4e9723f1978af0de84c37
--- /dev/null
+++ b/apps/ssr/pages/cli/index.vue
@@ -0,0 +1,143 @@
+
+
+
+ 管理页面
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/ssr/pages/index.vue b/apps/ssr/pages/index.vue
index 4c567d748b65f57cd29ec73677ec5646e6229282..632c5987f2774f13a1dfd2551c92f88c08592009 100644
--- a/apps/ssr/pages/index.vue
+++ b/apps/ssr/pages/index.vue
@@ -7,9 +7,10 @@
提交入口
- 管理后台
- UI组件库
- Hooks工具集
+ {{ item.title }}
+
+
+
@@ -73,6 +74,13 @@ const state = reactive({
},
})
const loading = ref(true)
+const topList = ref([
+ { value: 1, title: '管理后台', class: 'el-button--primary' },
+ { value: 2, title: 'UI组件库', class: 'el-button--success' },
+ { value: 3, title: 'Hooks工具集', class: 'el-button--warning' },
+ { value: 4, title: 'Cli', class: 'el-button--primary' },
+ { value: 5, title: 'UniApp', class: 'el-button--success' },
+])
// 获取列表
const getList = async (params: any) => {
diff --git a/apps/ssr/pages/post/edit.vue b/apps/ssr/pages/post/edit.vue
index 589ff7eea1f9432f94abc74b8dcb0f70f49d6a29..5e1aa4f0e1f22ce1813870dbcb1c80a7755af024 100644
--- a/apps/ssr/pages/post/edit.vue
+++ b/apps/ssr/pages/post/edit.vue
@@ -52,9 +52,10 @@
-
-
-
+
+
+
+
@@ -142,6 +143,13 @@ const modelForm = reactive({
status: 1,
backend: '',
})
+const navItems = ref([
+ { label: 'Admin', value: 1 },
+ { label: 'UI组件库', value: 2 },
+ { label: 'Hooks', value: 3 },
+ { label: 'CLI', value: 4 },
+ { label: 'Uniapp', value: 5 },
+])
const drawer = ref(false)
const activeCollapse = ref(['1', '2', '3', '4'])
const route = useRoute()
diff --git a/apps/ssr/pages/types.d.ts b/apps/ssr/pages/types.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d6e8f6e1bbb8a0eba6817e96d65295cbe63329d1
--- /dev/null
+++ b/apps/ssr/pages/types.d.ts
@@ -0,0 +1,9 @@
+declare interface INavList {
+ value: number
+ label: string
+}
+
+declare interface ITopList extends INavList {
+ title: string
+ class: string
+}
diff --git a/apps/ssr/pages/uniapp/index.vue b/apps/ssr/pages/uniapp/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4f18b7be03dbafb9c9cfe41bcef2a8e0135bd850
--- /dev/null
+++ b/apps/ssr/pages/uniapp/index.vue
@@ -0,0 +1,143 @@
+
+
+
+ 管理页面
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+