vant Cell 组件分析

1,421 阅读1分钟

简介

单元格为列表中的单个展示项。

1.基础使用

Vant Cell 组件 官方文档

<van-cell-group>
  <van-cell title="单元格" value="内容" />
  <van-cell title="单元格" value="内容" label="描述信息" />
</van-cell-group>

2.组件分析

2.1 布局

2.2 逻辑分析

布局上,主要使用了flex弹性布局,标题和内容都是flex: 1。源码中分别用一个函数去渲染布局中的每个元素。