style: 优化按钮样式

This commit is contained in:
xlsea
2025-05-10 10:45:30 +08:00
parent cc34f546c6
commit 5b0ae4443c
12 changed files with 80 additions and 40 deletions

View File

@ -58,7 +58,7 @@ function handleExport() {
<slot name="default">
<NButton v-if="showAdd" :disabled="disableAdd" size="small" ghost type="primary" @click="add">
<template #icon>
<icon-ic-round-plus class="text-icon" />
<icon-material-symbols:add class="text-icon" />
</template>
{{ $t('common.add') }}
</NButton>
@ -66,7 +66,7 @@ function handleExport() {
<template #trigger>
<NButton size="small" ghost type="error" :disabled="disabledDelete">
<template #icon>
<icon-ic-round-delete class="text-icon" />
<icon-material-symbols:delete-outline class="text-icon" />
</template>
{{ $t('common.batchDelete') }}
</NButton>
@ -75,7 +75,7 @@ function handleExport() {
</NPopconfirm>
<NButton v-if="showExport" size="small" ghost @click="handleExport">
<template #icon>
<icon-material-symbols:download-2-rounded class="text-icon" />
<icon-material-symbols:download-rounded class="text-icon" />
</template>
导出
</NButton>
@ -83,7 +83,7 @@ function handleExport() {
<slot name="after"></slot>
<NButton size="small" @click="refresh">
<template #icon>
<icon-mdi-refresh class="text-icon" :class="{ 'animate-spin': loading }" />
<icon-material-symbols:refresh-rounded class="text-icon" :class="{ 'animate-spin': loading }" />
</template>
{{ $t('common.refresh') }}
</NButton>

View File

@ -106,6 +106,7 @@ defineExpose({
v-model:expanded-keys="expandedKeys"
multiple
checkable
:selectable="false"
key-field="id"
label-field="label"
:data="options"