Appearance
status(状态)
基础用法
示例:
代码示例:
vue
<template>
<div class="bs-bg-color-white w640">
<v-status size="small" text="状态" @click="onClick"></v-status>
</div>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
/**
* click事件
*/
onClick() {
console.log('click');
},
},
};
</script>
属性:
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
icon | 图标的icon名称 | String | - | 'bs-status' |
size | 图标的大小 | String, Number | - | '14' |
color | 传入自定义颜色,如果不传入,颜色根据系统颜色进行变化 | String | - | '' |
text | 展示文本 | String | - | '' |
事件:
事件名 | 说明 | 参数 | 参数说明 |
---|---|---|---|
click | 点击事件 | event | - |