Skip to content

状态组件 - IkStatu

用于状态标签显示

ikStatu_default.png

props

props类型说明默认值
titleString状态显示内容''
typeString as PropType<'primary' |'success' | 'warning' | 'info' | 'danger'| 'cyan'| 'blueBlack'| 'purple'| 'orange'| 'brown'>tag 的类型 (除 el-tag 支持的了,其余均为为自定义类型)'success'
colorString文字颜色(传了 type 时,color 和 background 不生效)true
backgroundString背景色''
effectString as PropType<'dark' | 'light' | 'plain'>Tag 的主题'light'
circleBoolean状态显示内容前的圆点true
circleWNumber状态显示内容前的圆点的宽度8
circleHNumber状态显示内容前的圆点的高度8
borderWidthNumber状态显示边框1
borderTypeString as PropType<'solid' | 'dashed' | 'dotted' | 'danger'>状态显示边框类型solid

示例代码

vue
<template>
  <!-- 示例 (直接传入类型)-->
  <IkStatu type="success" title="成功" />
  <!-- 示例 (自定义传入背景色,文字颜色)-->
  <IkStatu color="red" title="标签" background="pink" />
</template>