Iiui

Lightweight Mobile UI Components built on Vue

Version: 1.0.5 Updated: 02/25/2019

By: varjay License: MIT

Downloads Last 30 Days: 276

Install

npm i iiui
yarn add iiui

Repository: https://github.com/varjay/IIUI

CDNs

bundle.run: https://bundle.run/iiui

jsDelivr: https://cdn.jsdelivr.net/npm/iiui

unpkg: https://unpkg.com/iiui

Lightweight Mobile UI Components built on Vue

npm version Build Status downloads JS Gzip Size CSS Gzip Size Coverage Status

🇨🇳访问中文版


Features

Install

NPM

npm i iiui -S

YARN

yarn add iiui

Quickstart

# Install babel-plugin-import
npm i babel-plugin-import -D
// set babel config in .babelrc or babel-loader
// Note: Don't set libraryDirectory if you are using webpack 1.
{
  "plugins": [
    ["import", {
      "libraryName": "iiui",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

Then you can import components from iiui, equivalent to import manually below.

import { Button } from 'iiui';

If you are using TypeScript,please use ts-import-plugin instead

2. Manually import

import Button from 'iiui/lib/button';
import 'iiui/lib/iiui-css/base.css';
import 'iiui/lib/iiui-css/button.css';

3. Import all components

import Vue from 'vue';
import IIUI from 'iiui';
import 'iiui/lib/iiui-css/index.css';

Vue.use(IIUI);

If you configured babel-plugin-import, you won't be allowed to import all components.

Contribution

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

Browser Support

Modern browsers and Android 4.0+, iOS 6+.

LICENSE

MIT

Categories: Vue js