pro whale ui

ProWhaleUI

ProWhaleUI est un ensemble de composants d'ordre élevé (ProComponent) développés sur la base d'ElementUI. Il est utilisé pour créer rapidement des pages CRUD dans des scénarios en arrière-plan. Il offre un niveau d'abstraction plus élevé et peut être utilisé directement sans perdre en flexibilité. censé satisfaire la plupart des besoins des entreprises.

Installer

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

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

Présentez complètement 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 )
} ) ; 

Introduit sur demande

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

Utilisation dans des projets

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

Document

Voir le document ProWhaleUI.