diff --git a/Yi.Ai.Vue3/src/config/design.ts b/Yi.Ai.Vue3/src/config/design.ts
index 44995efd..6d597f54 100644
--- a/Yi.Ai.Vue3/src/config/design.ts
+++ b/Yi.Ai.Vue3/src/config/design.ts
@@ -1,4 +1,4 @@
-export type LayoutType = | 'vertical' | 'blankPage';
+export type LayoutType = 'default' | 'vertical' | 'blankPage' | 'blankPage';
// 仿豆包折叠逻辑
export type CollapseType
@@ -25,7 +25,7 @@ export interface DesignConfigState {
// 是否折叠菜单
isCollapse: boolean;
// 安全区是否被悬停
- isSafeAreaHover: boolean;
+ isCollapseConversationList: boolean;
// 跟踪是否首次激活悬停
hasActivatedHover: boolean;
}
@@ -65,15 +65,13 @@ const design: DesignConfigState = {
// 需要自定义路由动画可以把 Main 组件样式代码注释放开，从新对话切换到带id的路由时，会执行这个动画样式
pageAnimateType: 'zoom-fade',
// 布局模式 (纵向：vertical | ... | 自己定义)
- layout: 'vertical',
+ layout: 'default',
// 折叠类型
collapseType: 'followSystem',
- // 是否折叠菜单
+ // 是否折叠对话记录菜单
isCollapse: false,
- // 安全区是否被悬停
- isSafeAreaHover: false,
- // 跟踪是否首次激活悬停
- hasActivatedHover: false,
+ // 是否折叠对话记录菜单
+ isCollapseConversationList: false,
};
export default design;
diff --git a/Yi.Ai.Vue3/src/hooks/useResponsive.ts b/Yi.Ai.Vue3/src/hooks/useResponsive.ts
new file mode 100644
index 00000000..2c57ef32
--- /dev/null
+++ b/Yi.Ai.Vue3/src/hooks/useResponsive.ts
@@ -0,0 +1,72 @@
+import { useBreakpoints, useWindowSize } from '@vueuse/core';
+import { computed } from 'vue';
+
+// 断点定义
+export const breakpoints = {
+ xs: 0, // 手机竖屏 < 640px
+ sm: 640, // 手机横屏 ≥ 640px
+ md: 768, // 平板 ≥ 768px
+ lg: 1024, // 小桌面 ≥ 1024px
+ xl: 1280, // 桌面 ≥ 1280px
+ xxl: 1536, // 大桌面 ≥ 1536px
+};
+
+export function useResponsive() {
+ const bp = useBreakpoints(breakpoints);
+
+ // 设备类型判断
+ const isMobile = bp.smaller('md'); // < 768px
+ const isTablet = bp.between('md', 'lg'); // 768px - 1024px
+ const isDesktop = bp.greaterOrEqual('lg'); // ≥ 1024px
+
+ // 精确断点
+ const isXs = bp.smaller('sm'); // < 640px
+ const isSm = bp.between('sm', 'md'); // 640px - 768px
+ const isMd = bp.between('md', 'lg'); // 768px - 1024px
+ const isLg = bp.between('lg', 'xl'); // 1024px - 1280px
+ const isXl = bp.between('xl', 'xxl'); // 1280px - 1536px
+ const isXxl = bp.greater('xxl'); // > 1536px
+
+ // 监听窗口变化
+ const { width, height } = useWindowSize();
+
+ // 方向检测
+ const isPortrait = computed(() => height.value > width.value);
+ const isLandscape = computed(() => width.value > height.value);
+
+ // 当前断点名称
+ const currentBreakpoint = computed(() => {
+ if (isXs.value) return 'xs';
+ if (isSm.value) return 'sm';
+ if (isMd.value) return 'md';
+ if (isLg.value) return 'lg';
+ if (isXl.value) return 'xl';
+ return 'xxl';
+ });
+
+ return {
+ // 设备类型
+ isMobile,
+ isTablet,
+ isDesktop,
+
+ // 精确断点
+ isXs,
+ isSm,
+ isMd,
+ isLg,
+ isXl,
+ isXxl,
+
+ // 尺寸
+ width,
+ height,
+
+ // 方向
+ isPortrait,
+ isLandscape,
+
+ // 当前断点名称
+ currentBreakpoint,
+ };
+}
diff --git a/Yi.Ai.Vue3/src/hooks/useWindowWidthObserver.ts b/Yi.Ai.Vue3/src/hooks/useWindowWidthObserver.ts
index a5c4bc52..5adf34b3 100644
--- a/Yi.Ai.Vue3/src/hooks/useWindowWidthObserver.ts
+++ b/Yi.Ai.Vue3/src/hooks/useWindowWidthObserver.ts
@@ -19,8 +19,9 @@ export function useWindowWidthObserver(
const isAboveThreshold = ref(false);
const thresholdRef = ref(threshold);
let prevIsAbove = false; // 记录上一次状态，避免重复触发
-
+ // 待定 待梳理 1227
// 默认逻辑：修改全局折叠状态
+ // eslint-disable-next-line unused-imports/no-unused-vars
const updateCollapseState = (isAbove: boolean) => {
// 判断当前的折叠状态
switch (designStore.collapseType) {
@@ -70,7 +71,7 @@ export function useWindowWidthObserver(
onChange(newIsAbove);
}
else {
- updateCollapseState(newIsAbove);
+ // updateCollapseState(newIsAbove);
}
}
};
diff --git a/Yi.Ai.Vue3/src/layouts/LayoutDefault/index.vue b/Yi.Ai.Vue3/src/layouts/LayoutDefault/index.vue
new file mode 100644
index 00000000..cb358436
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/LayoutDefault/index.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/LayoutMobile/index.vue b/Yi.Ai.Vue3/src/layouts/LayoutMobile/index.vue
index 29fc25ab..60d7f8dd 100644
--- a/Yi.Ai.Vue3/src/layouts/LayoutMobile/index.vue
+++ b/Yi.Ai.Vue3/src/layouts/LayoutMobile/index.vue
@@ -1,8 +1,288 @@
-
-
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ menu.label }}
+
+
+
+
+
+
+
+
+
+ {{ userStore.userInfo.name?.charAt(0) }}
+
+
+
{{ userStore.userInfo.name }}
+
{{ userStore.userInfo.email }}
+
+
+
-
+
diff --git a/Yi.Ai.Vue3/src/layouts/LayoutVertical/index.vue b/Yi.Ai.Vue3/src/layouts/LayoutVertical/index.vue
index 32264f60..5d752ac4 100644
--- a/Yi.Ai.Vue3/src/layouts/LayoutVertical/index.vue
+++ b/Yi.Ai.Vue3/src/layouts/LayoutVertical/index.vue
@@ -2,8 +2,6 @@
-
-
-
-
-
-
diff --git a/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue b/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue
new file mode 100644
index 00000000..c0e8710d
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue
@@ -0,0 +1,918 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.sessionTitle?.charAt(0) || 'A' }}
+
+
+ {{ item.unreadCount > 99 ? '99+' : item.unreadCount }}
+
+
+
+
+
+
+
+ {{ item.sessionTitle }}
+
+
+ {{ item.sessionContent.substring(0, 30) }}{{ item.sessionContent.length > 30 ? '...' : '' }}
+
+
+
+
+
+
+
+
+ 暂无对话记录
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
index 26675ad5..0b98e38e 100644
--- a/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
@@ -30,40 +30,40 @@ const popoverRef = ref();
// 弹出面板内容
const popoverList = ref([
- {
- key: '5',
- title: '控制台',
- icon: 'settings-4-fill',
- },
- {
- key: '3',
- divider: true,
- },
- {
- key: '7',
- title: '公告',
- icon: 'notification-fill',
- },
- {
- key: '8',
- title: '模型库',
- icon: 'apps-fill',
- },
- {
- key: '9',
- title: '文档',
- icon: 'book-fill',
- },
-
- {
- key: '6',
- title: '新手引导',
- icon: 'dashboard-fill',
- },
- {
- key: '3',
- divider: true,
- },
+ // {
+ // key: '5',
+ // title: '控制台',
+ // icon: 'settings-4-fill',
+ // },
+ // {
+ // key: '3',
+ // divider: true,
+ // },
+ // {
+ // key: '7',
+ // title: '公告',
+ // icon: 'notification-fill',
+ // },
+ // {
+ // key: '8',
+ // title: '模型库',
+ // icon: 'apps-fill',
+ // },
+ // {
+ // key: '9',
+ // title: '文档',
+ // icon: 'book-fill',
+ // },
+ //
+ // {
+ // key: '6',
+ // title: '新手引导',
+ // icon: 'dashboard-fill',
+ // },
+ // {
+ // key: '3',
+ // divider: true,
+ // },
{
key: '4',
title: '退出登录',
@@ -130,7 +130,9 @@ function handleClick(item: any) {
ElMessage.warning('暂未开放');
break;
case '5':
- openDialog();
+ // 打开控制台
+ popoverRef.value?.hide?.();
+ router.push('/console');
break;
case '6':
handleStartTutorial();
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/StartChatBtn.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/StartChatBtn.vue
new file mode 100644
index 00000000..970e1509
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/StartChatBtn.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/ThemeBtn.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/ThemeBtn.vue
new file mode 100644
index 00000000..975fd521
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/ThemeBtn.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/index.vue b/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
index aaacdec3..1db0ae27 100644
--- a/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
@@ -1,94 +1,50 @@
-
+
-
-
-
-
-
-
-