cell列表视图用于将信息以列表的结构显示在页面上,是移动端最常用的内容结构
每个cell都由weui-cells__title
和weui-cells
组成
weui-cells由
- 缩略图weui-cell__hd
- 内容主体weui-cell__bd
- 附件weui-cell__ft组成
其中weui-cell__bd采用自适应布局
<view>
<view class="weui-cells__title">带说明的列表项</view>
<view class="weui-cells">
<view class="weui-cell">
<view class="weui-cell__bd">
<p>标题文字</p >
</view>
<view class="weui-cell__ft">说明文字</view>
</view>
</view>
<view class="weui-cells">
<navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
<view class="weui-cell__hd">
<image src="{{icon20}}" style="width: 20px;height: 20px;margin-right: 5px" />
</view>
<view class="weui-cell__bd weui-cell_primary">
<view>文字标题</view>
</view>
<view class="weui-cell__ft weui-cell__ft_in-access"></view>
</navigator>
</view>
</view>