mint-indicator's Introduction

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

mint-indicator's People

Contributors

Stargazers

Watchers

mint-indicator's Issues

这是运行时，返回的源码
open时，用了nextTick，close时没有，导致过早调用close 无法关闭。
并且发现loading打开时，整个页面的遮罩层没有，不知道是否用法有问题？
/* harmony default export */ exports["default"] = {
open: function open(options) {
if ( options === void 0 ) options = {};

if (!instance) {
  instance = new Indicator({
    el: document.createElement('div')
  });
}
if (instance.visible) return;
instance.text = typeof options === 'string' ? options : options.text || '';
instance.spinnerType = options.spinnerType || 'snake';
document.body.appendChild(instance.$el);

__WEBPACK_IMPORTED_MODULE_0_vue___default.a.nextTick(function () {
  instance.visible = true;
});

close: function close() {
if (instance) {
instance.visible = false;
}
}
};

Recommend Projects