1
0
forked from Leaf/amber-ui

改进 按钮

This commit is contained in:
Twilight 2024-09-13 09:01:00 +08:00
parent 8ccfb6e848
commit b55da311a6
2 changed files with 17 additions and 19 deletions

View File

@ -21,9 +21,7 @@
"lottie-web": "^5.12.2", "lottie-web": "^5.12.2",
"pinia": "^2.2.2", "pinia": "^2.2.2",
"pinia-plugin-persistedstate": "^4.0.0", "pinia-plugin-persistedstate": "^4.0.0",
"vooks": "^0.2.12", "vooks": "^0.2.12"
"vue": "^3.2.37",
"vue-router": "^4.0.13"
}, },
"devDependencies": { "devDependencies": {
"@babel/types": "^7.18.10", "@babel/types": "^7.18.10",
@ -56,6 +54,7 @@
"vite-plugin-pages": "^0.32.3", "vite-plugin-pages": "^0.32.3",
"vite-plugin-vue-layouts": "^0.11.0", "vite-plugin-vue-layouts": "^0.11.0",
"vue": "^3.4.30", "vue": "^3.4.30",
"vue-router": "^4.0.13",
"vue-tsc": "^2.0.22" "vue-tsc": "^2.0.22"
} }
} }

View File

@ -13,25 +13,24 @@
@click="viewChat(c.id ?? 0)" @click="viewChat(c.id ?? 0)"
> >
<n-thing> <n-thing>
<div class="flex justify-between"> <div class="flex justify-between items-center">
<div> <div>
{{ c.name }} {{ c.name }}
</div> </div>
<div class="flex items-center"> <n-button
<n-button quaternary
quaternary circle
circle type="warning"
type="warning" @click.stop="deleteChat(c.id ?? 0)"
@click.stop="deleteChat(c.id ?? 0)" >
> <template #icon>
<template #icon> <n-icon size="16" class="cursor-pointer">
<n-icon size="16" class="cursor-pointer"> <TrashBinOutline />
<TrashBinOutline /> </n-icon>
</n-icon> </template>
</template> </n-button>
</n-button> </div>
</div></div </n-thing>
></n-thing>
</n-list-item> </n-list-item>
</n-list> </n-list>
<div v-else> <div v-else>