justapanel

通用面板

特性

• 简洁

支持环境

• Vue >= 2.6.0 < 3

安装

npm install justapanel

引入

import justapanel from 'justapanel';
Vue.use(justapanel);

基础调用

    <justapanel
          title="这是标题"
    >
         <div>
              这是面板里面的内容
        </div>
     </justapanel>

标题右侧添加按钮

    <justapanel
          title="这是标题"
          :btns="btns"
    >
         <div>
              这是面板里面的内容
        </div>
     </justapanel>



        btns:[
           {
             name:'保存',
             click:function(){
                console.log('点击保存后触发的事件')
             }
           },
           {
             name:'删除',
             click:function(){
                console.log(self.activeNames,'2222>>')
             }
           }
        ]
      }

自定义组件颜色

    <justapanel
          title="这是标题"
          bgColor="#999999"
    >
         <div>
              这是面板里面的内容
        </div>
     </justapanel>