微信小程序怎么给两列布局循环数据

微信小程序怎么给两列布局循环数据,第1张

如果左右的样式完全一样,只用一个view来循环即可,如果左右样式不同,则需要根据Index判断奇偶来写左右两侧的样式。block wx:if="{{index%2==0}}"

比较懒,还是上一篇的图:

如上一篇所属,“我的”页面菜单列表主要是用到了wx: for和navigator

利用navigator可以很方便的实现菜单功能,它带有的url和class、hover-class可以很轻松的设置点击效果及点击跳转地址:

在js中甚至不需要做什么事情,我这里把菜单的数据放在了js中,通过修改data中的menuitems即可达到配置的作用,甚至如果有需求,还可以放在服务端做成可随意变化的:

微信小程序:“我的”页面布局(一):微信用户信息获取及UI

微信小程序:“我的”页面布局(二):可配置功能菜单列表


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7872746.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存