关于小程序分类菜单栏的联动问题

来源:15-1 小程序进阶——新课程指南

慕九州7905647

2019-09-08

首先这边在做项目碰到一个与老师之前讲商城课中的功能相似(如下图)

http://img1.sycdn.imooc.com/szimg/5d73db6708610e7e03750667.jpg
这里的菜单栏分类。可否在这个基础上进行改成如下图瑞幸咖啡,那样的左右联动(亦是右边的内容部分一直划下来,左边菜单栏会与之对应高亮,点击左边菜单,也对应滚到相对的内容区)

http://img.mukewang.com/szimg/5d73dc3c08a62cee07200920.jpg
恳求老师指点思路,谢谢七月老师!

写回答

3回答

慕九州7905647

提问者

2019-09-20


//img1.sycdn.imooc.com/szimg/5d84bb5c083e44ed03750667.jpg
老师点击左边的选项,右边对应滚动。这个滚动效果是如何实现的呢?我自己用了小程序scroll-view,通过点击左边来决定右边盒子的相应显示和隐藏,虽然可以成功切换,但是不会像老师这样可以滚动切换。请老师指点迷津!

0
0

7七月

2019-09-08

但小程序不建议做这个,体验不太好,APP适合做这个。

0
0

7七月

2019-09-08

参考下Lin UI的 tabs 这个组件,应该是实现了这个功能。

0
1
慕九州7905647
收到,谢谢老师
2019-09-08
共1条回复

微信小程序入门与实战(全新版) 超20000人学习的好课

4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!

23865 学习 · 6899 问题

查看课程