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.