vui

vui

It's a A personal Vue UI component library .

效果預覽

請掃描以下二維碼

安裝

npm 安裝

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 > 

快速開始

完整引入

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

Vue . use ( vui )

部分引入

 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 )

引入插件

注：完整引入了vui，則無需再註冊插件

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

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

貢獻代碼

修改代碼請閱讀開髮指南， 使用過程中發現任何問題都可以提Issue 給我。當然，我也非常歡迎你給我發PR。

開源協議

本項目基於MIT 協議，請自由地享受和參與開源。

特別感謝

該組件庫部分靈感來自於element和vant ，這裡感謝饿了么前端团队和有赞前端团队對開源項目的貢獻，手動點波贊?