vui

vui

It's a A personal Vue UI component library.

Effect preview

Please scan the QR code below

Install

npm installation

npm i x-vui -S

CDN

 <!-- 引入样式 -->
< link rel =" stylesheet " href =" https://unpkg.com/x-vui/lib/vui-css/index.css " >
<!-- 引入组件库 -->
< script src =" https://unpkg.com/x-vui/lib/vui.js " > </ script > 

Start quickly

Complete introduction

 import Vue from 'vue'
import vui from 'x-vui'
import 'x-vui/lib/vui-css/index.css' ;

Vue . use ( vui )

Partial introduction

 import Vue from 'vue'
import {
  Scroller ,
  Select
  // ...
} from 'x-vui'
import 'x-vui/lib/vui-css/scroller.css' ;
import 'x-vui/lib/vui-css/select.css' ;

Vue . component ( Scroller . name , Scroller )
Vue . component ( Select . name , Select )

Introducing plug-ins

Note: If VUI is fully introduced, there is no need to register the plug-in again

 import Vue from 'vue' ;
import { 
  $Toast , 
  $Dialog 
  // ...
} from 'x-vui' ;

Vue . prototype . $toast = $Toast
Vue . prototype . $dialog = $Dialog 

Contribution code

Please read the development guide when modifying the code. If you find any problems during use, you can ask me Issue. Of course, I also welcome you to send me a PR.

Open Source Protocol

This project is based on the MIT protocol, please enjoy and participate in open source freely.

Special thanks

Part of this component library is inspired by element and vant . Here I would like to thank饿了么前端团队and有赞前端团队for their contribution to the open source project. I would like it manually?