duanshuwen/zn-ai
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: 新增任务中心页面|右侧菜单调整

Browse Source
This commit is contained in:
duanshuwen
2025-12-22 22:56:00 +08:00
parent 3396c35bbb
commit 5caa9a5a4b
12 changed files with 107 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/components/HeaderBar/index.vue
View File

@@ -8,23 +8,23 @@
<native-tooltip :content="t('window.minimize')">
<button v-show="isMinimizable" class="flex items-center justify-center cursor-pointer w-[40px] h-[40px]"
@click="minimizeWindow">
<iconify-icon icon="material-symbols:check-indeterminate-small" color="#ffffff" :width="btnSize"
<iconify-icon icon="material-symbols:check-indeterminate-small" color="#525866" :width="btnSize"
:height="btnSize" />
</button>
</native-tooltip>
<native-tooltip :content="isMaximized ? t('window.restore') : t('window.maximize')">
<button v-show="isMaximizable" class="flex items-center justify-center cursor-pointer w-[40px] h-[40px]"
@click="maximizeWindow">
<iconify-icon icon="material-symbols:chrome-maximize-outline-sharp" color="#ffffff" :width="btnSize"
<iconify-icon icon="material-symbols:chrome-maximize-outline-sharp" color="#525866" :width="btnSize"
:height="btnSize" v-show="!isMaximized" />
<iconify-icon icon="material-symbols:chrome-restore-outline-sharp" color="#ffffff" :width="btnSize"
<iconify-icon icon="material-symbols:chrome-restore-outline-sharp" color="#525866" :width="btnSize"
:height="btnSize" v-show="isMaximized" />
</button>
</native-tooltip>
<native-tooltip :content="t('window.close')">
<button v-show="isClosable" class="flex items-center justify-center cursor-pointer w-[40px] h-[40px]"
@click="handleClose">
<iconify-icon icon="material-symbols:close" color="#ffffff" :width="btnSize" :height="btnSize" />
<iconify-icon icon="material-symbols:close" color="#525866" :width="btnSize" :height="btnSize" />
</button>
</native-tooltip>
</div>
@@ -71,6 +71,6 @@ function handleClose() {
<style scoped>
.title-bar {
background-color: rgba(255, 255, 255, 0.2);
background-color: rgba(239, 246, 255, 0.8);
}
</style>

18
src/renderer/components/Layout/index.vue Normal file
View File

@@ -0,0 +1,18 @@
<template>
<main class="bg-white box-border w-full h-screen flex pt-[8px] pb-[8px] pl-[8px] ">
<div class="flex-1 flex gap-[8px]">
<div class="flex-1 h-full">
</div>
<TaskList />
</div>
<SideMenus />
</main>
</template>
<script setup lang="ts" name="Layout">
import TaskList from '@renderer/components/TaskList/index.vue'
import SideMenus from '@renderer/components/SideMenus/index.vue'
</script>

4
src/renderer/components/SideMenus/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="w-[80px] h-full box-border flex flex-col items-center justify-center">
<div :class="['flex flex-col gap-[16px]', { 'mt-auto mb-[8px] shrink-1': item.id === 7 }]"
<div class="w-[80px] h-full box-border flex flex-col items-center pb-[8px]">
<div :class="['flex flex-col gap-[16px]', { 'mt-auto mb-[8px] shrink-1': item.id === 4 }]"
v-for="(item) in menus" :key="item.id">
<div :class="['cursor-pointer flex flex-col items-center justify-center']" @click="handleClick(item)">
<div :class="['box-border rounded-[16px] p-[8px]', { 'bg-white': item.id === currentId }]">