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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序:“我的”页面布局(二):可配置功能菜单列表相关的知识,希望对你有一定的参考价值。

参考技术A 比较懒,还是上一篇的图:

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

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

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

微信小程序:“我的”页面布局(一):微信用户信息获取及UI
微信小程序:“我的”页面布局(二):可配置功能菜单列表

以上是关于微信小程序:“我的”页面布局(二):可配置功能菜单列表的主要内容,如果未能解决你的问题,请参考以下文章

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

商城微信小程序(二)——完成分类页面及商品列表页

微信小程序--多个按钮选中的联动效果

微信小程序怎么打开

微信小程序之多级联动菜单

微信小程序入门(四):页面数据展示