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

feat: add skills file

Browse Source
This commit is contained in:
duanshuwen
2026-04-09 21:49:52 +08:00
parent 5f542715cb
commit b0539c895a
7 changed files with 41 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/SideMenus/index.vue
View File

@@ -1,15 +1,15 @@
<template>
<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 }]"
<div :class="['flex flex-col gap-[16px]', { 'mt-auto mb-[8px] shrink-1': item.id === 5 }]"
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 }]">
<div :class="['box-border rounded-[16px] p-[8px] hover:bg-white', { 'bg-white': item.id === currentId }]">
<component :is="item.icon" :color="item.id === currentId ? item.activeColor : item.color"
:class="['w-[32px] h-[32px]']" />
:class="['w-[32px] h-[32px]]']" />
</div>
<div
class="text-[14px] mt-[4px] mb-[8px]"
class="text-[14px] mt-[4px] mb-[8px] hover:text-[#2B7FFF]"
:style="{ color: item.id === currentId ? item.activeColor : item.color }">
{{ item.name }}
</div>
@@ -24,7 +24,7 @@
<script setup lang="ts">
import { ref, watch } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { menus, type MenuItem } from '@constant/menus'
import { menus, type MenuItem } from '../../constant/menus'
const currentId = ref(1)
const router = useRouter()