mint-ui-abc

Mint UI (ABC定制版本)

Mobile UI elements for Vue 2.0

使用说明 - 针对ABC的需求定制了组件的颜色和样式，使用方法和mint-ui的使用方法一样，有些地方需要注意：官方文档中使用 mint-ui 的地方记得更改 为mint-ui-abc

• Homepage(官方)

• Documentation（官方）

• Homepage(ABC) 建设中

• Documentation(ABC） 建设中

安装

npm i mint-ui-abc -S

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

使用方式

Import all components.（全量导入）

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

Vue.use(Mint);

Or import specified component. (Use babel-plugin-component)（部分导入）

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

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

Equals to

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

Vue.use(Mint);

// import specified component

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

Vue.component(MtRadio.name, MtRadio);

babel-plugin-component

• Auto import css file
• Modular import component

Installation

npm i babel-plugin-component -D

Usage

.babelrc

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

CDN

NPM CDN

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

Development

npm run dev

Contribution

Please make sure to read the Contributing Guide before making a pull request.

License

MIT