请问怎么在小程序里实现菜单—商品页功能展示？

效果展示

通过使用循环容器的设置值激活第一项，同时配置点击激活某一项，实现点击菜单，展示不同的商品内容功能。

创建数据表

注意：在数据中心你可以创建属于自己应用程序的数据表格，数据表格类型分为用户表、商品表、订单表和自定义表。

点击数据中心。

创建数据表：商品分类。

字段包含：分类名称。

点击数据中心。

创建数据表：商品。

字段包含：商品名称、商品图片、商掘拍品分类。

其中商品分类字段单表关联商品分类表。

创建事件

注意：事件是构建数据与界面元素组件链接的抽象逻辑，数据表与界面元素组件通过事件连接。

点击事件中心。

创建查询事件：查询分类。

添加一个成功的响应接口。

点击事件中心。

创建事件：查询商品。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：设置值，默认第一项是激活项。

选中流式布局列表。

点击检查面板中的触发器面板。

创建触发器：获取商品。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：获取商品。

选中循环容器的列表条目。

点击检查面板中的触发器面板。

创建触发器：激活。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：查询商品分类。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：取消激活。

选中循环容器的列表条目上的标签文本。

点击检查面板中的触发器面板。

创建触发器：切换菜单。

绑定数据

注意：绑定数据可以将事判派羡件返回的数据和组件显示内容进行绑定。

选中循环容器的列表条目。

点击检查面板中的数据绑定与设置。

绑定数据。

选中流式布局组件的列表条目。

点击检查面板中的数羡竖据绑定与设置。

绑定数据。

1.

首先我们来认识一带缓旦下左边的按钮。左边的按钮是“…”,在微信中,大多数的“…”都表示更多的意思,所以在这里是表示更多。

2.

按下这个更多键后我们可以发现它会d出一个小小的d窗蠢扰,我们现在就来认识一下这个d窗。 先从第二行,开始第一个键是发送给朋友。发送哪昌给朋友也可以说成转发,把这个小程序推荐给朋友。这个我就不多说了。

3.

在看第二个键,第二个键是当前为首页。就是代表将我们现在的这个界面设为首页,而不是小程序在编写的时候的默认的主页,当然这个按钮在我们在首页的时候是无法使用的。

1、重新设计小程序菜单结构：重新设计小程晌缺序的宴棚辩菜单结构，将一些次要的菜单项合并到主菜单中。

2、使用底部导航栏：可以考虑使用底部导航栏，将这些核心功能作为导航栏的按钮，用户可以通过点击底部导航栏快和拦速进入相应页面，使用起来更加便捷。

3、使用标签页切换：将内容模块分成多个标签页展示，用户可以通过点击标签页切换按钮快速切换到相应的内容模块。

---