yqb-mint-ui v2.2.13-20180908-4

YQB Vue 2.X mint-ui 定制组件库

Mobile UI elements for Vue 2.0

• 框架组件 Demo 演示
• 框架组件说明文档

定制化文档

• Mint UI 适配 REM、DPR
• 新组件开发要求

部署 demo 到内网

npm run deploy

发布 yqb-mint-ui 到 npmjs.org

npm run pub

Installation

npm i yqb-mint-ui -S

Usage

Import all components.

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

Vue.use(Mint);

Or import specified component. (Use babel-plugin-component)

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

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

Equals to

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

Vue.use(Mint);

// import specified component

import MtRadio from 'yqb-mint-ui/lib/radio';
import 'yqb-mint-ui/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": "yqb-mint-ui", "style": true }
  ]]]
}

CDN

NPMCDN

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

Development

npm run dev

Contribution

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

License

MIT