用户管理: 编辑按钮高亮 + 图标

- "编辑"按钮改为高亮(accent 边框/浅底/强调色) + PhNotePencil 图标
- "调余额"按钮加 PhCoins 图标

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Sakurasan
2026-08-16 01:34:00 +08:00
co-authored by Claude
parent 298bf89c90
commit 866690b7ce
+12 -2
View File
@@ -1,5 +1,6 @@
<script setup lang="ts">
import { onMounted, reactive, ref } from 'vue'
import { PhNotePencil, PhCoins } from '@phosphor-icons/vue'
import { http, errMsg } from '@/api/client'
import { useToastStore } from '@/stores/toast'
import { useAuthStore } from '@/stores/auth'
@@ -145,8 +146,17 @@ onMounted(load)
<td class="px-4 py-2.5 font-mono text-xs text-muted">{{ fmtTime(u.created_at) }}</td>
<td class="px-4 py-2.5 text-right">
<div class="flex justify-end gap-2">
<button class="text-xs text-muted hover:text-ink" @click="openEdit(u)">编辑</button>
<button class="text-xs text-muted hover:text-accent" @click="openBalance(u)">调余额</button>
<button
class="inline-flex items-center gap-1 rounded-md border border-accent/40 bg-accent-soft px-2 py-1 text-xs font-medium text-accent transition hover:border-accent hover:bg-accent/15"
@click="openEdit(u)"
>
<PhNotePencil :size="13" weight="bold" />
编辑
</button>
<button class="inline-flex items-center gap-1 text-xs text-muted transition hover:text-accent" @click="openBalance(u)">
<PhCoins :size="13" />
调余额
</button>
</div>
</td>
</tr>