pro whale ui

ProWhaleUI

ProWhaleUI é um conjunto de componentes de alta ordem (ProComponent) desenvolvido com base em ElementUI. Ele é usado para construir páginas CRUD rapidamente em cenários de segundo plano. Ele fornece um nível mais alto de abstração e pode ser usado imediatamente, sem perder flexibilidade. esperado para satisfazer a maioria das necessidades de negócios.

Instalar

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

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

Apresente completamente o 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 )
} ) ; 

Introduzir sob demanda

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

Uso em projetos

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

Documento

Consulte o documento ProWhaleUI.