cell
<template>
<div class="cell">
<zx-cell-group title="有标题">
<zx-cell-item border>
<span name='left'>左边</span>
<span name='right'>右边</span>
</zx-cell-item>
<zx-cell-item border arrow type='label'>
<span name='left'>左边</span>
<span name='right'>type:label</span>
</zx-cell-item>
<zx-cell-item border arrow>
<span name='left'>左边</span>
<span name='right'>type:defalut</span>
</zx-cell-item>
<zx-cell-item border arrow type='link' href='/'>
<span name='left'>链接</span>
<span name='right'>type:link</span>
</zx-cell-item>
</zx-cell-group>
</div>
</template>
<script>
export default {
name: 'cell',
data() {
return {};
}
};
</script>
zx-cell-group Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|
title | 标题 | string | - | 空 |
zx-cell-item Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|
border | 底边框 | boolean | true,false | false |
arrow | 右侧箭头 | boolean | true,false | false |
type | 类型 | string | link,label | label |
href | 要跳转的路由 | string | - | - |