28 lines
798 B
Vue
28 lines
798 B
Vue
<script setup lang="ts">
|
||
// #icon 插槽放图标；纯图标按钮用 type="icon"，并补 aria-label
|
||
import { G3Button, G3Space } from '@g3soft/ui'
|
||
import { Plus, Search, Trash2 } from '@lucide/vue'
|
||
</script>
|
||
|
||
<template>
|
||
<G3Space :size="[12, 12]" align="center" wrap>
|
||
<G3Button>
|
||
<template #icon><Plus /></template>
|
||
新增
|
||
</G3Button>
|
||
|
||
<!-- 纯图标按钮：没有文字，必须给 aria-label -->
|
||
<G3Button type="icon" aria-label="搜索">
|
||
<template #icon><Search /></template>
|
||
</G3Button>
|
||
|
||
<G3Button type="icon" size="small" aria-label="删除">
|
||
<template #icon><Trash2 /></template>
|
||
</G3Button>
|
||
|
||
<G3Button type="icon" size="large" aria-label="新增">
|
||
<template #icon><Plus /></template>
|
||
</G3Button>
|
||
</G3Space>
|
||
</template>
|