基于 Vue.js 的 element 移动端组件库
云淇淋 c875541634
Merge pull request #1250 from firesh/dev-action-sheet
1 year ago
.github Update ISSUE_TEMPLATE.md 2 years ago
build fix: … will transform to Object.assign by buble (#860) 2 years ago
example feat(datetime-picker): add visible-change and closeOnClickModal 1 year ago
lib [build] 2.2.13 1 year ago
packages Merge pull request #1250 from firesh/dev-action-sheet 1 year ago
src [build] 2.2.13 1 year ago
.eslintignore (next)Refactor build scripts 2 years ago
.eslintrc Init 3 years ago
.gitignore add translate changed method to loadmore component (#812) 2 years ago
.travis.yml (next)Refactor build scripts 2 years ago
FAQ.md add FAQ 2 years ago
LICENSE Init 3 years ago
Makefile (next)Refactor build scripts 2 years ago
README.md remove codesponsor 1 year ago
components.json add Palette Button component 2 years ago
lerna.json Init 3 years ago
package.json [release] 2.2.13 1 year ago
yarn.lock fix: breaking changes from vue@2.3.0 (#859) 2 years ago

README.md

Mint UI

Build Status npm NPM downloads JS gzip size CSS gzip size

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