Package detail

A Vue.js 2.0 UI Components Library for Web powered by Vue Cli 3

🇨🇳 访问中文版   🚀 Blaze Weapp - 小程序版

Features

• Powered by Vue Cli 3

Install

NPM

npm i blaze -S

YARN

yarn add blaze

CDN

<!-- import style -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/blaze@1.5/lib/index.css"
/>

<!-- import script -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/blaze@1.5/lib/blaze.min.js"></script>

Quickstart

1. Use babel-plugin-import (Recommended)

# 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": "blaze",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

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

import { ColorPicker } from 'blaze'

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

2. Manually import

import ColorPicker from 'blaze/lib/colorpicker'
import 'blaze/lib/colorpicker/style'

3. Import all components

import Vue from 'vue'
import Blaze from 'blaze'
import 'blaze/lib/index.css'

Vue.use(Blaze)

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

Contribution

Browser Support

Links

Preview

You can scan the following QR code to access the demo：

Wechat Group

Scan the qrcode to join our wechat discussion group, please note that you want to join blaze discussion group.

LICENSE

MIT