ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## Cell `Cell`,列表视图,用于将信息以列表的结构显示在页面上,是wap上最常用的内容结构。`Cell`由多个section组成,每个section包括section header`weui-cells__title`以及cells`weui-cells`。 `cell`由thumbnail`weui-cell__hd`、body`weui-cell__bd`、accessory`weui-cell__ft`三部分组成,其中`weui-cell__bd`采用自适应布局. ~~~ <div class="weui-cells__title">带说明的列表项</div> <div class="weui-cells"> <div class="weui-cell"> <div class="weui-cell__bd"> <p>标题文字</p> </div> <div class="weui-cell__ft">说明文字</div> </div> </div> <div class="weui-cells__title">带图标、说明的列表项</div> <div class="weui-cells"> <div class="weui-cell"> <div class="weui-cell__hd"><img src="..." alt="" style="width:20px;margin-right:5px;display:block"></div> <div class="weui-cell__bd"> <p>标题文字</p> </div> <div class="weui-cell__ft">说明文字</div> </div> <div class="weui-cell"> <div class="weui-cell__hd"><img src="..." alt="" style="width:20px;margin-right:5px;display:block"></div> <div class="weui-cell__bd"> <p>标题文字</p> </div> <div class="weui-cell__ft">说明文字</div> </div> </div> <div class="weui-cells__title">带跳转的列表项</div> <div class="weui-cells"> <a class="weui-cell weui-cell_access" href="javascript:;"> <div class="weui-cell__bd"> <p>cell standard</p> </div> <div class="weui-cell__ft"> </div> </a> <a class="weui-cell weui-cell_access" href="javascript:;"> <div class="weui-cell__bd"> <p>cell standard</p> </div> <div class="weui-cell__ft"> </div> </a> </div> <div class="weui-cells__title">带说明、跳转的列表项</div> <div class="weui-cells"> <a class="weui-cell weui-cell_access" href="javascript:;"> <div class="weui-cell__bd"> <p>cell standard</p> </div> <div class="weui-cell__ft">说明文字</div> </a> <a class="weui-cell weui-cell_access" href="javascript:;"> <div class="weui-cell__bd"> <p>cell standard</p> </div> <div class="weui-cell__ft">说明文字</div> </a> </div> <div class="weui-cells__title">带图标、说明、跳转的列表项</div> <div class="weui-cells"> <a class="weui-cell weui-cell_access" href="javascript:;"> <div class="weui-cell__hd"><img src="..." alt="" style="width:20px;margin-right:5px;display:block"></div> <div class="weui-cell__bd"> <p>cell standard</p> </div> <div class="weui-cell__ft">说明文字</div> </a> <a class="weui-cell weui-cell_access" href="javascript:;"> <div class="weui-cell__hd"><img src="..." alt="" style="width:20px;margin-right:5px;display:block"></div> <div class="weui-cell__bd"> <p>cell standard</p> </div> <div class="weui-cell__ft">说明文字</div> </a> </div> ~~~