背景
在小程序里面显示列表
问题
要求列表里面每一列宽度不一样,最好按比例分配
解决办法
1、尝试使用
表格标签,结果小程序显示不支持,好像小程序没有表格类的标签。2、使用wxparse解析富文本,此为一个网友给的答案,太难没有搞
3、最后看到了这个答案,https://blog.csdn.net/weixin_30722589/article/details/98265900尝试改了下,发现可以控制宽度
代码如下
<block a:for="{{data}}" >
<container className="container-item">
<view class="item" style="width:6vw">{{item.name}}</view>
<view class="item" style="width:6vw">{{item.model}}</view>
<view class="item" style="width:28vw">{{item.mobileNo}}</view>
</container>
</block>
css
.item {
display: flex;
padding:0px;
align-items:center;
}
效果
PS:
为什么钉钉小程序官方没有表格的使用方法,我想了下,也看了下钉钉、支付宝和微信app,基本没有使用表格的地方,现在都改成feed流样式了,可能客户端使用feed流才好看吧,我也打算改一下表格的样式,改成feed流的了