面板内容组件 - IkPanel

用于展示面板内容，支持自定义内容。

props

props	类型	说明	默认值
head	Boolean	是否显示头部	true
right	Boolean	显示右侧操作	true
title	String	标题	' '
role	Number	新增按钮权限code	' '
addBtn	Boolean	新增按钮是否显示	true
refreshBtn	Boolean	新增按钮是否显示	true

slot

slot	说明
header	head值为false时，显示头部内容
headerRight	addBtn和refreshBtn值为false时，显示头部右侧内容
default	默认插槽显示面板内容

事件

名称	说明
hand-add	点击新增按钮触发
hand-refresh	点击刷新按钮触发

示例代码

<template>
  <IkPageMain fixed style="padding: 16px; box-sizing: border-box">
    <div style="width: 750px; height: 500px">
      <IkPanel :head="true" :right="true" title="IkPanel">
        <div v-for="item in 6" :key="item" v-html="`<h${item}>面板内容插槽内容</h${item}>`"></div>
      </IkPanel>
    </div>
  </IkPageMain>
</template>