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 @@ + + +