kui-vue
Version:
A lightweight desktop UI component library suitable for Vue.js 2.
41 lines (39 loc) • 1.05 kB
Markdown
<cn>
### 扩展, 前缀和后缀
suffix，prefix 扩展
</cn>
```vue
<template>
<Space block vertical>
<InputNumber placeholder="请输入金额" suffix="元" prefix="$" />
<InputNumber
placeholder="请输入充值金额"
:step="50"
suffix="元"
prefix="充值"
/>
<InputNumber placeholder="请输入金额" suffix=".00" />
</Space>
<Divider text="slot" />
<Space vertical block>
<InputNumber placeholder="请填写您的薪资" :icon="LogoYen">
<template #suffix>
<Tooltip title="此处如果不知道怎么填，请咨询管理员">
<Icon :type="HelpCircle" />
</Tooltip>
</template>
</InputNumber>
<InputNumber placeholder="请输入充值金额">
<template #prefix>
<Icon :type="PersonAddOutline" />
</template>
<template #suffix>
<Button>现在充值</Button>
</template>
</InputNumber>
</Space>
</template>
<script setup>
import { HelpCircle, LogoYen, PersonAddOutline } from "kui-icons";
</script>
```