0

Mint UI

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

官方網站
Github 資源庫
主要指標

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
所有者活动
創建於2016-05-17 09:54:10
推送於2022-02-28 17:06:11
最后一次提交2018-01-16 17:38:38
發布數49
最新版本名稱v2.2.13 (發布於 2017-12-11 15:31:12)
第一版名稱v0.1.4 (發布於 2016-06-07 18:12:01)
用户参与
星數16.5k
關注者數473
派生數3.5k
提交數304
已啟用問題?
問題數1226
打開的問題數240
拉請求數297
打開的拉請求數52
關閉的拉請求數58
项目设置
已啟用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