pro whale ui

ProWhaleUI

ProWhaleUI adalah sekumpulan komponen tingkat tinggi (ProComponent) yang dikembangkan berdasarkan ElementUI. Ini digunakan untuk membangun halaman CRUD dengan cepat dalam skenario latar belakang. Ini memberikan tingkat abstraksi yang lebih tinggi dan dapat digunakan secara langsung tanpa kehilangan fleksibilitas diharapkan dapat memenuhi sebagian besar kebutuhan bisnis.

Memasang

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

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

Perkenalkan ProWhaleUI sepenuhnya

 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 )
} ) ; 

Diperkenalkan sesuai permintaan

 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 )
} ) ; 

Gunakan dalam proyek

 < 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>

Dokumen

Lihat Dokumen ProWhaleUI.