小鹅通组件

# Tag 标签

常用的操作按钮

# 初始化

单独引入时：在入口js文件处引入

import { Tag } from '@xiaoe/sense'
import '@xiaoe/sense/static/index.css'
Vue.use(Tag)
1
2
3

# 效果

# 基础用法


标签一   标签二   标签三   标签四   标签五 
<ss-tag>标签一</ss-tag>
<ss-tag type="success">标签二</ss-tag>
<ss-tag type="info">标签三</ss-tag>
<ss-tag type="warning">标签四</ss-tag>
<ss-tag type="error">标签五</ss-tag>
1
2
3
4
5

# 线性用法


标签一   标签二   标签三   标签四   标签五 
<ss-tag plain>标签一</ss-tag>&nbsp&nbsp
<ss-tag type="success" plain>标签二</ss-tag>&nbsp&nbsp
<ss-tag type="info" plain>标签三</ss-tag>&nbsp&nbsp
<ss-tag type="warning" plain>标签四</ss-tag>&nbsp&nbsp
<ss-tag type="error" plain>标签五</ss-tag>
1
2
3
4
5

# 面性用法


标签一   标签二   标签三   标签四   标签五 
<ss-tag dark>标签一</ss-tag>&nbsp&nbsp
<ss-tag type="success" dark>标签二</ss-tag>&nbsp&nbsp
<ss-tag type="info" dark>标签三</ss-tag>&nbsp&nbsp
<ss-tag type="warning" dark>标签四</ss-tag>&nbsp&nbsp
<ss-tag type="error" dark>标签五</ss-tag>
1
2
3
4
5

# 可移除标签


标签一

# 参数

参数 说明 类型 默认值 可选值
type 主题 String — success,info,warning,error
plain 线性主题 Boolean false -
dark 面性主题 Boolean false -
closable 是否可关闭 Boolean false —
size 尺寸（该功能没写） String — —

# 事件

事件名称 说明 回调参数
close 关闭 Tag 时触发的事件 —

← Table表格 →