Skip to content

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-