微信小程序分类-左侧导航与右侧内容联动优化

 由上一篇介绍了分类联动:https://blog.youkuaiyun.com/zhouhangzooo/article/details/88775790

之后,还有一些问题,比如当点击最后一个分类时,并且其商品较少时,会出现如下情况,如图

 

这样显示并不好,因此我们需要优化一下,比如判断是最后一个分类时,在右边添加一个大概高度的view,逻辑很简单,直接上代码:

<block wx:if="{ {idx==good.length-1?true:false}}">

<view wx:if="{ {item.data.length > 3}}" style="height:{ {winHeight/4}}px;"> </view>

<view wx:elif="{ {item.data.length > 2}}" style="height:{ {winHeight/3}}px;"> </view>

<view wx:elif="{ {item.data.length > 1}}" style="height:{ {winHeight/2}}px;"> </view>

<view wx:else style="height:{ {winHeight * 0.75}}px;"> </view>

</block></

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值