|
|
|
@ -1,23 +1,23 @@
|
|
|
|
|
<script setup lang='ts'>
|
|
|
|
|
import type { CSSProperties } from "vue";
|
|
|
|
|
import { computed, ref, watch } from "vue";
|
|
|
|
|
import { NButton, NLayoutSider } from "naive-ui";
|
|
|
|
|
import type {CSSProperties} from "vue";
|
|
|
|
|
import {computed, ref, watch} from "vue";
|
|
|
|
|
import {NButton, NLayoutSider} from "naive-ui";
|
|
|
|
|
import List from "./List.vue";
|
|
|
|
|
import Footer from "./Footer.vue";
|
|
|
|
|
import { useAppStore, useChatStore } from "@/store";
|
|
|
|
|
import { useBasicLayout } from "@/hooks/useBasicLayout";
|
|
|
|
|
import { PromptStore } from "@/components/common";
|
|
|
|
|
import {useAppStore, useChatStore} from "@/store";
|
|
|
|
|
import {useBasicLayout} from "@/hooks/useBasicLayout";
|
|
|
|
|
import {PromptStore} from "@/components/common";
|
|
|
|
|
|
|
|
|
|
const appStore = useAppStore();
|
|
|
|
|
const chatStore = useChatStore();
|
|
|
|
|
|
|
|
|
|
const { isMobile } = useBasicLayout();
|
|
|
|
|
const {isMobile} = useBasicLayout();
|
|
|
|
|
const show = ref(false);
|
|
|
|
|
|
|
|
|
|
const collapsed = computed(() => appStore.siderCollapsed);
|
|
|
|
|
|
|
|
|
|
function handleAdd() {
|
|
|
|
|
chatStore.addHistory({ title: "新对话", uuid: Date.now(), isEdit: false });
|
|
|
|
|
chatStore.addHistory({title: "新对话", uuid: Date.now(), isEdit: false});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function handleUpdateCollapsed() {
|
|
|
|
@ -69,11 +69,15 @@ watch(
|
|
|
|
|
>
|
|
|
|
|
<div class="flex flex-col h-full" :style="mobileSafeArea">
|
|
|
|
|
<main class="flex flex-col flex-1 min-h-0">
|
|
|
|
|
<div style="display: flex;justify-content: center;align-items: center;margin: 20px 0 10px 0; font-size: 20px;">
|
|
|
|
|
<img src="../../../../assets/logo0.png" alt="" style="width: 24px;height: 24px;margin-right: 5px;">
|
|
|
|
|
极创科技DeepSeek
|
|
|
|
|
</div>
|
|
|
|
|
<div class="p-4">
|
|
|
|
|
<NButton dashed block @click="handleAdd"> + 新的对话 </NButton>
|
|
|
|
|
<NButton dashed block @click="handleAdd"> + 新的对话</NButton>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex-1 min-h-0 pb-4 overflow-hidden">
|
|
|
|
|
<List />
|
|
|
|
|
<List/>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="p-4">
|
|
|
|
|
<NButton block @click="show = true">
|
|
|
|
@ -81,7 +85,7 @@ watch(
|
|
|
|
|
</NButton>
|
|
|
|
|
</div> -->
|
|
|
|
|
</main>
|
|
|
|
|
<Footer />
|
|
|
|
|
<Footer/>
|
|
|
|
|
</div>
|
|
|
|
|
</NLayoutSider>
|
|
|
|
|
<template v-if="isMobile">
|
|
|
|
|