List 列表

概述

基础布局组件

使用指南

在.vue中引入组件

<script>
    import 'iCellGroup' from 'iview-mpvue/dist/components/cell-group/cell-group'
    import 'iCell' from 'iview-mpvue/dist/components/cell/cell'
    export default {
        components: {
            'i-cell-group': iCellGroup,
            'i-cell': iCell
        }
    }
</script>

在main.js中引入样式文件

import 'iview-mpvue/dist/components/cell/style/css'
import 'iview-mpvue/dist/components/cell-group/style/css'

示例

<i-cell-group>
    <i-cell title="只显示箭头" is-link="true"></i-cell>
    <i-cell title="跳转到首页" is-link="true" url="/pages/dashboard/index"></i-cell>
    <i-cell title="只有 footer 点击有效" is-link="true" url="/pages/dashboard/index" only-tap-footer="true"></i-cell>
    <i-cell title="开关">
        <switch slot="footer" checked="true" />
    </i-cell>
</i-cell-group>

API

CellGroup properties

Cell properties

Cell events

Cell slot

PreviousPanel 面板NextCard 卡片

Last updated