基于 Vue.js 的移动端组件库。(Mobile UI elements for Vue.js.)
基于 Vue.js 的移动端组件库。
| Name With Owner | ElemeFE/mint-ui |
|---|---|
| Primary Language | Vue |
| Program language | Makefile (Language Count: 6) |
| Platform | |
| License: | MIT License |
| Release Count | 49 |
| Last Release Name | v2.2.13 (Posted on 2017-12-11 15:31:12) |
| First Release Name | v0.1.4 (Posted on 2016-06-07 18:12:01) |
| Created At | 2016-05-17 09:54:10 |
| Pushed At | 2022-02-28 17:06:11 |
| Last Commit At | 2018-01-16 17:38:38 |
| Stargazers Count | 16.6k |
| Watchers Count | 476 |
| Fork Count | 3.5k |
| Commits Count | 304 |
| Has Issues Enabled | |
| Issues Count | 1225 |
| Issue Open Count | 239 |
| Pull Requests Count | 297 |
| Pull Requests Open Count | 53 |
| Pull Requests Close Count | 57 |
| Has Wiki Enabled | |
| Is Archived | |
| Is Fork | |
| Is Locked | |
| Is Mirror | |
| Is Private |
Mobile UI elements for Vue 2.0
npm i mint-ui -S
# for Vue 1.x
npm i mint-ui@1 -S
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);
Installation
npm i babel-plugin-component -D
Usage
.babelrc
{
"plugins": ["other-plugin", ["component", [
{ "libraryName": "mint-ui", "style": true }
]]]
}
RawGit
NPMCDN
npm run dev
Please make sure to read the Contributing Guide before making a pull request.
MIT
