Mint UI

基于 Vue.js 的移动端组件库。(Mobile UI elements for Vue.js.)

Github星跟踪图

基于 Vue.js 的移动端组件库。

特性
  • Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。
  • 真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。
  • 考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。
  • 依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

概览

名称与所有者ElemeFE/mint-ui
主编程语言Vue
编程语言Makefile (语言数: 6)
平台
许可证MIT License
发布数49
最新版本名称v2.2.13 (发布于 2017-12-11 15:31:12)
第一版名称v0.1.4 (发布于 2016-06-07 18:12:01)
创建于2016-05-17 09:54:10
推送于2022-02-28 17:06:11
最后一次提交2018-01-16 17:38:38
星数16.6k
关注者数476
派生数3.5k
提交数304
已启用问题?
问题数1225
打开的问题数239
拉请求数297
打开的拉请求数53
关闭的拉请求数57
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?

Mint UI

Build Status
npm
NPM downloads
JS gzip size
CSS gzip size
Join the chat at https://gitter.im/ElemeFE/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

NPMCDN

Development

npm run dev

Contribution

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

License

MIT

去到顶部