Panel 面板

概述

基础布局组件

使用指南

在.vue中引入组件

<script>
    import iPanel from 'iview-mpvue/dist/components/panel/panel'
    export default {
        components: {
            'i-panel': iPanel
        }
    }
</script>

在main.js中引入样式

import 'iview-mpvue/dist/components/panel/style/css'

示例

<i-panel title="标题">
    <view style="padding: 15px;">PANEL 内容区域</view>
</i-panel>

API

Panel properties

属性	说明	类型	默认值
i-class	自定义 class 类名	String	-
title	标题	String	-
hide-top	是否将顶部距离置为 0	Boolean	false
hide-border	内容区域隐藏边框	Boolean	false