英文原文正文为项目原始 README（英文），本站后续会翻译为中文，当前仅剔除图片与无关章节并统一排版。

Mint UI

📷 原文此处有图片，请前往 GitHub 仓库查看完整内容。
Vue 2.0 的移动界面元素

• 主页
• 文档

安装

npm i mint-ui -S

# for Vue 1.x
npm i mint-ui@1 -S

用法

导入所有组件。

import Vue from 'vue';
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(Mint);

或者导入指定组件。（使用 babel-plugin-component）

import { Cell, Checklist } from 'mint-ui';

Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);

等于

import Vue from 'vue';
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(Mint);

// import specified component

import MtRadio from 'mint-ui/lib/radio';
import 'mint-ui/lib/radio/style.css';

Vue.component(MtRadio.name, MtRadio);

babel 插件组件

• 自动导入 CSS 文件
• 模块化导入组件

安装

npm i babel-plugin-component -D

用法

.babelrc

{
  "plugins": ["other-plugin", ["component", [
    { "libraryName": "mint-ui", "style": true }
  ]]]
}

CDN

RawGit

• https://cdn.rawgit.com/ElemeFE/mint-ui/master/lib/index.js
• https://cdn.rawgit.com/ElemeFE/mint-ui/master/lib/style.css

NPMCDN

• https://unpkg.com/mint-ui/lib/index.js
• https://unpkg.com/mint-ui/lib/style.css

开发

npm run dev

贡献

在提交拉取请求之前，请确保阅读 贡献指南。

许可

麻省理工学院