Skip to content

状态组件 - IkStatu

用于状态标签显示

ikStatu_default.png

props

props类型说明默认值
titleString状态显示内容''
typeString as PropType<'success' | 'warning' | 'info' | 'danger'>tag的类型'success'
colorString文字颜色(传了type时,color和background不生效)true
backgroundString背景色''
effectString as PropType<'dark' | 'light' | 'plain'>Tag 的主题'light'
circleBoolean状态显示内容前的圆点true
circleWNumber状态显示内容前的圆点的宽度8
circleHNumber状态显示内容前的圆点的高度8

示例代码

vue
<template>
  <!-- 示例 -->
  <IkStatu 
    :type="data.row.success ? 'success' : 'warning'" 
    :title="data.row.success ? '成功' : '失败'" 
  />
</template>