mint-ui README

The project's README from github.com/ElemeFE/mint-ui. As one markdown file: README.md.

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

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

mint-ui (ElemeFE/mint-ui)

Searching Database…

16.4K ·GitHub
这是什么?Mint UI 是一套现成的移动端 UI 组件——为 Vue 2.0 编写的界面组件,放进 Vue 应用里就能用来搭建移动端网页。
Mint UI 是一个独立应用,还是要加到我自己的项目里用的?它是一个组件库:安装到 Vue 项目里,然后按需引入想要的组件;它本身不能当作应用来运行。
怎么把它装进项目里?用 npm 安装,再通过 Vue.use() 注册组件——可以一次性全部引入,也可以只引入需要的部分;README 里还提供了 CDN 版本(RawGit 和 npmcdn),如果你更想用 script 标签的话。
babel-plugin-component 是什么?我需要它吗?它是一个让引入更精简的辅助工具:自动引入每个组件的 CSS 文件,并支持按组件模块化引入,在 .babelrc 里配置。它是可选的,但当你只用个别组件时会很方便。
它支持 Vue 3 吗,还是只支持 Vue 2?它是为 Vue 2.0 打造的——组件都面向 Vue 2,所以 Vue 3 项目需要换别的 UI 组件库。
这是用来做原生手机应用的,还是做移动端网页的?移动端网页——这些是在浏览器里渲染的 Vue 组件,所以用在移动网站或 webview 里,而不是原生 iOS 或 Android 应用。
它的依赖重不重?非常轻:除了 Vue 本身,只引入了 array-find-index、raf.js 和 vue-lazyload。
What are similar projects?vux, element, vuetify, vant, naive-ui, iview, vuestic-admin, mdb-ui-kit
Creator
ElemeFE
Size
3.3 MB
Stars
16.4K
Age
10y
Commits · 90 Days