Mobile UI elements for vue.js
npm install xfx-mint-uishell
npm i mint-ui -S
for Vue 1.x
npm i mint-ui@1 -S
`
Usage
Import all components.
`javascript
import Vue from 'vue';
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';
Vue.use(Mint);
`
Or import specified component. (Use babel-plugin-component)
`javascript
import { Cell, Checklist } from 'mint-ui';
Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);
`
Equals to
`javascript
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-plugin-component
- Auto import css file
- Modular import component
Installation
`shell
npm i babel-plugin-component -D
`
Usage
.babelrc
`json
{
"plugins": ["other-plugin", ["component", [
{ "libraryName": "mint-ui", "style": true }
]]]
}
`
CDN
NPMCDN
- https://unpkg.com/xfx-mint-ui/lib/index.js
- https://unpkg.com/xfx-mint-ui/lib/style.css
Development
`shell
npm run dev
``