From 1924de58c4d5426cef1d319f4699680085b0d0c2 Mon Sep 17 00:00:00 2001 From: donghao Date: Fri, 19 Jan 2024 14:23:39 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E7=AE=97=E5=8A=9B=E5=88=86=E9=85=8D3D?= =?UTF-8?q?=E5=9B=BE=E6=9E=84=E5=BB=BA=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 3 +- mock/asyncRoutes.ts | 3 +- src/layout/index.vue | 5 +- src/router/modules/demo.ts | 10 ++- src/views/demo/cube.vue | 130 +++++++++++++++++++++++++++++++++++++ 5 files changed, 147 insertions(+), 4 deletions(-) create mode 100644 src/views/demo/cube.vue diff --git a/index.html b/index.html index 96ae8e3..744d837 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ * @Author: donghao donghao@supervision.ltd * @Date: 2024-01-12 14:35:28 * @LastEditors: donghao donghao@supervision.ltd - * @LastEditTime: 2024-01-18 15:41:26 + * @LastEditTime: 2024-01-19 10:36:56 * @FilePath: \General-AI-Platform-Web-Client\index.html * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE --> @@ -23,6 +23,7 @@ rel="stylesheet" href="//at.alicdn.com/t/c/font_4412653_c3k3yiaknkn.css" /> + diff --git a/mock/asyncRoutes.ts b/mock/asyncRoutes.ts index c9507a1..969c335 100644 --- a/mock/asyncRoutes.ts +++ b/mock/asyncRoutes.ts @@ -2,7 +2,7 @@ * @Author: donghao donghao@supervision.ltd * @Date: 2024-01-12 14:35:28 * @LastEditors: donghao donghao@supervision.ltd - * @LastEditTime: 2024-01-17 11:09:58 + * @LastEditTime: 2024-01-19 09:51:18 * @FilePath: \general-work-web\General-AI-Platform-Web-Client\mock\asyncRoutes.ts * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE */ @@ -21,6 +21,7 @@ const demoRouter = { path: "/demo/leftTree", name: "DemoLeftTree", meta: { + showLink: false, title: "测试", icon: "", roles: ["admin", "common"], diff --git a/src/layout/index.vue b/src/layout/index.vue index 0305da3..6e42a34 100644 --- a/src/layout/index.vue +++ b/src/layout/index.vue @@ -26,7 +26,9 @@ import setting from "./components/setting/index.vue"; import Vertical from "./components/sidebar/vertical.vue"; // import Horizontal from "./components/sidebar/horizontal.vue"; import backTop from "@/assets/svg/back_top.svg?component"; +import { useRoute } from "vue-router"; +const route = useRoute(); const appWrapperRef = ref(); const { isDark } = useDark(); const { layout } = useLayout(); @@ -52,7 +54,8 @@ const set: setType = reactive({ hideSidebar: !set.sidebar.opened, openSidebar: set.sidebar.opened, withoutAnimation: set.sidebar.withoutAnimation, - mobile: set.device === "mobile" + mobile: set.device === "mobile", + ...route.meta?.bodyClass }; }), diff --git a/src/router/modules/demo.ts b/src/router/modules/demo.ts index c3ca135..d6084a4 100644 --- a/src/router/modules/demo.ts +++ b/src/router/modules/demo.ts @@ -2,7 +2,7 @@ * @Author: donghao donghao@supervision.ltd * @Date: 2024-01-17 15:26:20 * @LastEditors: donghao donghao@supervision.ltd - * @LastEditTime: 2024-01-17 16:56:11 + * @LastEditTime: 2024-01-19 09:52:30 * @FilePath: \General-AI-Platform-Web-Client\src\router\modules\demo.ts * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE */ @@ -26,6 +26,14 @@ export default { meta: { title: "基础表格" } + }, + { + path: "/demo/cube", + name: "DemoCube", + component: () => import("@/views/demo/cube.vue"), + meta: { + title: "立体效果" + } } ] } as RouteConfigsTable; diff --git a/src/views/demo/cube.vue b/src/views/demo/cube.vue new file mode 100644 index 0000000..84af7a7 --- /dev/null +++ b/src/views/demo/cube.vue @@ -0,0 +1,130 @@ + + + + + +