pro whale ui

ProWhaleUI

ProWhaleUI คือชุดของส่วนประกอบที่มีลำดับสูง (ProComponent) ที่พัฒนาขึ้นโดยใช้ ElementUI ซึ่งใช้เพื่อสร้างเพจ CRUD อย่างรวดเร็วในสถานการณ์พื้นหลัง โดยให้ระดับนามธรรมที่สูงกว่าและสามารถใช้งานได้ทันทีโดยไม่สูญเสียความยืดหยุ่น คาดว่าจะตอบสนองความต้องการทางธุรกิจส่วนใหญ่

ติดตั้ง

 # 安装最新版
npm install --save pro-whale-ui

# 安装指定版本
npm install --save [email protected]

แนะนำ ProWhaleUI อย่างสมบูรณ์

 import Vue from 'vue'
import ElementUI from "element-ui" ;
import "element-ui/lib/theme-chalk/index.css" ;

import ProWhaleUI from "pro-whale-ui" ;
import "pro-whale-ui/whale-ui.css" ;

import App from './App.vue' ;

Vue . use ( ElementUI ) ;

Vue . use ( ProWhaleUI ) ;

new Vue ( {
  el : '#app' ,
  render : h => h ( App )
} ) ; 

เปิดตัวตามความต้องการ

 import Vue from 'vue'
import ElementUI from "element-ui" ;
import "element-ui/lib/theme-chalk/index.css" ;

import { ProRadioGroup , ProCheckboxAll } from "pro-whale-ui" ;
import "pro-whale-ui/whale-ui.css" ;

import App from './App.vue' ;

Vue . use ( ElementUI ) ;

Vue . use ( ProRadioGroup ) ;
Vue . use ( ProCheckboxAll ) ;

new Vue ( {
  el : '#app' ,
  render : h => h ( App )
} ) ; 

ใช้ในโครงการ

 < template >
  < pro-radio-group v-model = "value" : options = "options" size = "small" > </ pro-radio-group >
</ template >

< script >
  export default {
    data ( ) {
      return {
        value : '1' ,
        options : [
          { label : "1" , name : "是" } ,
          { label : "0" , name : "否" } ,
        ] ,
      }
    }
  }
< / script>

เอกสาร

ดูเอกสาร ProWhaleUI