caster-ui
Mint UI
Mobile UI elements for Vue 2.0
Installation
npm i mint-ui -S
# for Vue 1.x
npm i mint-ui@1 -S
Usage
Import all components.
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)
import { Cell, Checklist } from 'mint-ui';
Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);
Equals to
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
npm i babel-plugin-component -D
Usage
.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
Development
npm run dev
Contribution
Please make sure to read the Contributing Guide before making a pull request.
License
MIT
Dependencies
cooking: ^1.2.4cooking-buble: ^0.1.2cooking-lint: ^0.1.2cooking-saladcss: ^0.4.0cooking-vue2: ^0.2.2css-loader: ^0.25.0eslint: ^3.12.2extract-text-webpack-plugin: betafastclick: ^1.0.6file-loader: ^0.9.0gh-pages: ^0.11.0html-loader: ^0.4.3html-webpack-plugin: ^2.22.0json-loader: ^0.5.4json-templater: ^1.0.4lerna: 2.0.0-beta.18my-local-ip: ^1.0.0postcss: ^5.2.0postcss-loader: ^0.13.0rimraf: ^2.5.4style-loader: ^0.13.1uppercamelcase: ^1.1.0url-loader: ^0.5.7vue: ^2.3.2vue-loader: 12.0.3vue-router: ^2.0.0vue-template-compiler: ^2.3.2vue-template-es2015-compiler: ^1.4.2webpack: betawebpack-dev-server: betawebpack-shell-plugin: ^0.4.3