Appearance
svg(图标)
基础用法
示例:
代码示例:
vue
<template>
<div class="bs-bg-color-white p10">
<v-svg type="bs-add" @click="handleClick"></v-svg>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
/**
* 处理点击事件
*/
handleClick(event) {
console.log("event", event);
},
},
mounted() {},
computed: {},
};
</script>
属性:
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 图标的icon名称 | String | - | ' ' |
colorClassName | 传入class变量颜色,如果不传入,颜色根据系统颜色进行变化 | String | - | ' ' |
size | 图标的大小 | String,Number | - | ' ' |
color | 传入自定义颜色,如果不传入,颜色根据系统颜色进行变化(权重比colorClassName高) | String | - | ' ' |
height | 自定义高度,同时传入宽高,则宽高生效,如果只传了宽或者高则size生效 | String, Number | - | ' ' |
width | 自定义宽度 | String, Number | - | ' ' |
disabled | 是否禁用 | Boolean | - | false |
事件:
事件名 | 说明 | 参数 |
---|---|---|
click | 点击事件 | event |