天猫商品详情页跳转至小程序

统一入口

**解决方案：**

（1） 在天猫商品详情页开发小程序按钮，当用户点击该按钮后，判断访问设备是否安装了小程序，若信吵已橡伏安装，跳转至小程序首页，若未安装，d出提示框，提示用户先安装小程序，进行相关 *** 作。

（2） 通过营销推广渠道将商品详情页跳转至小程序入口，可通过广告、海报、宣传单等实施相关 *** 梁坦携作。

效果展示

通过在循环容器的列表条目上设置触发行为跳转界面，同时配合事件中轿猛心的查询条件关联传递模型，实现跳转界面并绑定数闭闹桥据。

创建数据表

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

点击数据中心

创建数据表

字段包含：标题、关于、图片、封面

创建事件

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

点击事件中心

创建事件

创建单条数据查询事件

创建查询事件

触发器配置

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

选中循环容器

点击检查面板中的触发器

创建触发器

选中列表条目

创建触发器

选中画廊布局组件

点击检查面板的触发器

创建触发器

绑定数据

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

选中循环容器的列表条目

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

绑定数据

这样就可以实现跳转页面并绑定数据了。

url 属性 （表示要跳转的页面地址，必须以 / 开头）

open-type （表示跳转的方式，必须为 switchTab ）

url 属性 （表示要跳转的页面地址，必须以 / 开头）

open-type （表示跳转的方式，必须为 navigate ）

非tabBar页面 跳转时，open-type 也可以省略

open-type 属性值为: navigateBack

结合 delta 属性：表示后退的层级，默认是 1 ，1时该属性可省略不写

调用 wx.switchTab (object object ) 方法，其中 object 参数对象的属性列表如下

调用**wx.navigateTo ( object object )方法，其中 object 参数对象的属性列表，如下

调用wx.navigateBack(object object ) 方法，可以返回上一页面或多级页面，其中object 参数可选的，属性列表 如下

---