Skip to content

textDot 文本状态

基础用法

vue
<template>
  <el-card header="文本状态" shadow="never">
    <el-fs-dot type="primary" text="运行中"></el-fs-dot>
    <el-fs-dot type="success" text="已上线" class="ml-5"></el-fs-dot>
    <el-fs-dot type="warning" text="异常" class="ml-5"></el-fs-dot>
    <el-fs-dot type="info" text="关闭" class="ml-5"></el-fs-dot>
  </el-card>
</template>

属性

参数说明类型默认值可选值
type状态类型Stringprimaryprimary success warning danger info
color自定义颜色String
ripple是否显示水波动画Booleantrue
text显示文本String
size尺寸大小String
fontStyle文字样式Object