Mint UI参考手册

Form 组件 | Form Components

徽章 | Badge

徽章，可指定颜色和尺寸。

引入

import { Badge } from 'mint-ui';

Vue.component(Badge.name, Badge);

例子

指定尺寸

<mt-badge size="small">30</mt-badge>
<mt-badge size="normal">10</mt-badge>
<mt-badge size="large">10</mt-badge>

指定类型

<mt-badge type="primary">30</mt-badge>
<mt-badge type="error">10</mt-badge>
<mt-badge type="success">10</mt-badge>
<mt-badge type="warning">10</mt-badge>

指定颜色

<mt-badge size="small" color="#888">自定义颜色</mt-badge>

API

参数	说明	类型	可选值	默认值
type	显示类型	String	primary, error, success, warning	primary
color	自定义颜色值	String		type 的颜色
size	尺寸	String	normal, large, small	normal

Slot

name	描述
-	显示内容

Form 组件 | Form Components相关

1.开关 \| Switch
2.复选框列表 \| Checklist
3.单选框列表 \| Radio
4.表单编辑器 \| Field

Mint UI

基于 Vue.js 的移动端组件库

Mint UI目录

1.概述 \| Overview
2.快速开始 \| Quickstart
3.JS组件 \| JS Components
4.CSS 组件 \| CSS components
5.Form 组件 \| Form Components