diff --git a/src/layout/components/sidebar/horizontal.vue b/src/layout/components/sidebar/horizontal.vue index 3ad7af9e4b080794d3d85c6ef0a0b27aa66e06be..9b7694b60c94377a59b046ff49d7a85dd8ba6168 100644 --- a/src/layout/components/sidebar/horizontal.vue +++ b/src/layout/components/sidebar/horizontal.vue @@ -78,15 +78,15 @@ const menus = computed(() => { "成片", "原素材", "素材片段", - "音频", + "图片和音频", "第三方", - "图片", - "创意工具", - "空间", - "报表" + "报表", + "日常报表", + "成片巨量消耗报表", + "巨量素材消耗报表" ] : [ - "创意工具", + "报表", "个人空间", "公司空间", "日常报表", @@ -98,20 +98,6 @@ const menus = computed(() => { return show; }); }); -const tools = [ - { - path: "/keyword-generate-script", - title: "关键词生成脚本" - }, - { - path: "/ai-script-create", - title: "AI脚本生成" - }, - { - path: "/generate-script-history", - title: "AI使用历史记录" - } -]; const isHome = computed(() => { return currentRoute.value.path === "/home"; }); @@ -195,6 +181,9 @@ const handleMenu = () => { useAppStoreHook().changeDirectoryHierarchy([]); useAppStoreHook().changeParentDirectory("", ""); }; +const handlePage = (url: string) => { + router.push(url); +}; onMounted(() => { // Vip(); state.product_id = useAppStoreHook().product_id; @@ -231,6 +220,58 @@ onMounted(() => { :item="route" :base-path="route.path" /> + + + + +
+ + + +
+
+
{ - - - - - - @@ -343,4 +361,40 @@ onMounted(() => { .tool-content:hover { background: #f9f4de; } + +.reference { + font-size: 16px; + color: #000; +} + +.analysis { + display: flex; + gap: 10px; + justify-content: space-between; + padding: 10px; + + .menu { + .title { + padding: 0 10px; + margin-bottom: 6px; + font-size: 20px; + color: #878681; + } + + .menu-item { + box-sizing: border-box; + width: 180px; + padding: 8px; + font-size: 16px; + color: #000; + cursor: pointer; + border-radius: 4px; + + &:hover { + color: #fff; + background: #cdb669; + } + } + } +} diff --git a/src/router/modules/main.ts b/src/router/modules/main.ts index 265f415e20c02e0930bb226d8054a9a2363b43b5..b9fd314b9b2cc700e5b4d02e26ab06996ec86f57 100644 --- a/src/router/modules/main.ts +++ b/src/router/modules/main.ts @@ -42,10 +42,26 @@ export default [ { path: "/classification/4", meta: { - title: "图片", - type: "" - } - }, + title: "图片和音频", + showLink: true + }, + children: [ + { + path: "/classification/4", + meta: { + title: "图片", + type: "" + } + }, + { + path: "/classification/6", + meta: { + title: "音频", + type: "" + } + } + ] + } // { // path: "/classification/5", // meta: { @@ -53,13 +69,6 @@ export default [ // type: "" // } // }, - { - path: "/classification/6", - meta: { - title: "音频", - type: "" - } - } ] } }, @@ -126,15 +135,6 @@ export default [ showLink: false } }, - { - path: "/individual-space", - name: "individualSpace", - component: () => import("@/views/individualSpace/index.vue"), - meta: { - title: "个人空间", - showLink: true - } - }, { path: "/company-space", name: "companySpace", @@ -174,7 +174,7 @@ export default [ { path: "/keyword-generate-script", meta: { - title: "创意工具", + title: "AI", showLink: true }, children: [ @@ -183,7 +183,7 @@ export default [ name: "keywordGenerateScript", component: () => import("@/views/keywordGenerateScript/index.vue"), meta: { - title: "关键词生成脚本" + title: "视频脚本生成1.0" } }, { @@ -191,7 +191,7 @@ export default [ name: "aiScriptCreate", component: () => import("@/views/aiScriptCreate/index.vue"), meta: { - title: "AI脚本生成" + title: "视频脚本生成2.0" } }, { @@ -199,7 +199,7 @@ export default [ name: "generateScriptHistory", component: () => import("@/views/generateScriptHistory/index.vue"), meta: { - title: "AI使用历史记录" + title: "AI使用记录" } } ] diff --git a/src/style/sidebar.scss b/src/style/sidebar.scss index a9be6d30c4989318cd0aaca245ab859379d55d15..ac06d961b5bb103b95a2265bed5a22a91cc0404e 100644 --- a/src/style/sidebar.scss +++ b/src/style/sidebar.scss @@ -708,7 +708,7 @@ body[layout="mix"] { .submenu-title-noDropdown { padding: 28px 20px !important; margin-right: 10px; - font-size: 18px; + font-size: 16px; font-weight: 400; color: #333; background: transparent !important; @@ -734,7 +734,7 @@ body[layout="mix"] { .submenu-title-noDropdown { padding: 28px 20px !important; margin-right: 10px; - font-size: 18px; + font-size: 16px; font-weight: 400; color: #333; background: transparent !important;