pro whale ui

ProWhaleUI

ProWhaleUI는 ElementUI를 기반으로 개발된 고차 컴포넌트(ProComponent) 세트로, 백그라운드 시나리오에서 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 문서를 참조하세요.