kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
39 lines (38 loc) • 670 B
Markdown
<cn>
#### 自定图标
自定图标。
</cn>
```vue
<template>
<Space>
<Button @click="alipay" :icon="LogoAlipay"></Button>
<Button @click="wechat" :icon="LogoWechat"></Button>
</Space>
</template>
<script>
import { LogoAlipay, LogoWechat } from "kui-icons";
let count = 0
export default{
data() {
return {
LogoAlipay, LogoWechat
}
},
methods:{
alipay() {
this.$Message.config({
icon:LogoAlipay,
content:"支付宝到账100万",
});
},
wechat() {
this.$Message.config({
color:'green',
icon:LogoWechat,
content:"微信收款100万"
});
},
}
}
</script>
```