vui

vui

มันเป็นไลบรารีส่วนประกอบ Vue UI ส่วนตัว

ตัวอย่างเอฟเฟกต์

กรุณาสแกนรหัส QR ด้านล่าง

ติดตั้ง

การติดตั้ง 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 

รหัสผลงาน

โปรดอ่านคู่มือการพัฒนาเมื่อแก้ไขรหัส หากคุณพบปัญหาใด ๆ ในระหว่างการใช้งานคุณสามารถถามฉันได้ แน่นอนฉันยินดีต้อนรับคุณที่จะส่ง PR ให้ฉัน

โปรโตคอลโอเพ่นซอร์ส

โครงการนี้ขึ้นอยู่กับโปรโตคอล MIT โปรดเพลิดเพลินและมีส่วนร่วมในโอเพ่นซอร์สอย่างอิสระ

ขอบคุณเป็นพิเศษ

ส่วนหนึ่งของไลบรารีส่วนประกอบนี้ได้รับแรงบันดาลใจจาก element และ vant ที่นี่ฉันขอขอบคุณ饿了么前端团队และ有赞前端团队สำหรับการบริจาคให้กับโครงการโอเพ่นซอร์ส ฉันต้องการมันด้วยตนเอง?