详情内容盒子组件 - IkDetail

用于详情内容的展示，支持自定义内容。

props

props	类型	说明	默认值
visible	Boolean	是否显示详情	false
placement	String	展开位置	'top'
shadow	Boolean	阴影	true
timer	Number	动画时间	0.45
headerProps	Object	IkPageHeader prop参数	{}
autoTop	Boolean	存在滚动条时，每次进入默认滚动至顶部	true
titleClass	String	标题样式	' '

slot

slot	说明
header	头部插槽显示头部内容
default	默认插槽显示详情内容

事件

名称	说明
back	点击头部返回按钮触发

示例代码

<template>
  <IkPageMain fixed style="padding: 16px; box-sizing: border-box">
    <div style="width: 750px; height: 500px">
      <IkDetail style="width: 750px; height: 370px" :visible="true">
        <div v-for="item in 6" :key="item" v-html="`<h${item}>详情内容区域</h${item}>`"></div>
      </IkDetail>
    </div>
  </IkPageMain>
</template>