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.