kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
31 lines (30 loc) • 813 B
Markdown
<cn>
#### 扩展, 前缀和后缀
suffix，prefix 扩展
</cn>
```vue
<template>
<Space style="width:256px;" vertical>
<InputNumber placeholder="请填写您的薪资" :icon="LogoYen" size="large">
<template slot="suffix">
<Tooltip title="此处如果不知道怎么填，请咨询管理员">
<Icon :type="Heart" color="red"/>
</Tooltip>
</template>
</InputNumber>
<InputNumber placeholder="请输入金额" suffix="元" prefix="$"/>
<InputNumber placeholder="请输入充值金额" :step="50" suffix="元" prefix="充值"/>
<InputNumber placeholder="请输入金额" suffix=".00"/>
</Space>
</template>
<script>
import { Heart, LogoYen } from 'kui-icons'
export default{
data() {
return {
Heart, LogoYen
}
}
}
</script>
```