Cell 单元格

这个组件使用了 vant2 的 cell 组件, 作为 cell 的补充使用,解决了 van-cell 布局总是左右分割的问题

cell (opens new window)

• 带描述信息的 Cell
• 属性/事件/参数
  • Attributes
  • Events
  • Slot

带描述信息的 Cell

标题

内容

带点击效果

标题

可以贯穿整个div,不会出现左右分割的问题 .可以贯穿整个div,不会出现左右分割的问题

VantCell

配合使用

<template>
  <div class="device-ios">
    <div class="device-inner">
      <ba-cell title="标题" label="带点击效果" value="内容" is-link></ba-cell>
      <ba-cell title="标题"> 可以贯穿整个div,不会出现左右分割的问题 .可以贯穿整个div,不会出现左右分割的问题 </ba-cell>
      <van-cell title="VantCell" value="配合使用"></van-cell>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>

显示代码 复制代码 复制代码

属性/事件/参数

---

Attributes

参数	说明	类型	可选值	默认值
is-link	点击反馈效果	boolean	—	false
title	标题	string	—	—
value	内容	string	—	—
label	描述信息	string	—	—

Events

事件名称	说明	回调参数
—	—	—

Slot

名称	说明
default	label 的插槽