点击事件

在所有支持填写链接的地方,如关于页面、产品和文章的详情、轮播图、首页模块装修扩展中的快捷导航模块、弹窗模块、热区模块等,均支持以下链接跳转类型

跳转小程序内页面

填写小程序的页面路径,可支持参数(tabBar页面不支持参数),以/开始

以下是一些常用的小程序页面

  • 跳转产品ID为404的产品详情页:/pages/product-detail/product-detail?id=404
  • 跳转文章ID为1199的文章详情页:/pages/post-detail/post-detail?id=1199
  • 跳转页面ID为716的页面详情页:/pages/page-detail/page-detail?id=716
  • 跳转所有产品页:/pages/product-list/product-list
  • 跳转文章列表页:/pages/post-list/post-list
  • 跳转分类页:/pages/category/category
  • 跳转按价格倒序的产品列表页:/pages/product-list/product-list?orderby=price&order=desc
  • 跳转颜色筛选为绿蓝黑的产品列表页:/pages/product-list/product-list?filter_color=green,blue,black
  • 跳转价格范围为10~90的产品列表页:/pages/product-list/product-list?min_price=10&max_price=90
  • 跳转分类ID为50的产品列表页:/pages/product-list/product-list?category=50
  • 跳转搜索T-shirt关键词的产品列表页:/pages/product-list/product-list?search=T-shirt
  • 跳转可用优惠券码qo20189的产品列表页:/pages/product-list/product-list?coupon=qo20189
  • 跳转特色产品列表页:/pages/product-list/product-list?featured=true
  • 跳转促销产品列表页:/pages/product-list/product-list?on_sale=true
  • 跳转购物车页:/pages/cart/cart
  • 跳转订单列表页:/pages/order-list/order-list
  • 跳转待付款订单列表页:/pages/order-list/order-list?status=pending
  • 跳转收银台页(3.3或以上版本):/pages/pay/pay
  • 跳转模板ID为21的页面(需要首页装修扩展):/pages/template/template?id=21
  • 跳转领券中心页(需要优惠券扩展):/pages/coupon-center/coupon-center
  • 跳转优惠券ID为6562的优惠券详情页(需要优惠券扩展,3.6或以上版本):/pages/coupon-detail/coupon-detail?id=6562
  • 跳转优惠券码为R84TAT7J的优惠券详情页(需要优惠券扩展,3.6或以上版本):/pages/coupon-detail/coupon-detail?id=R84TAT7J
  • 跳转拼团产品列表页(需要产品拼团扩展):/pages/groupon-product-list/groupon-product-list
  • 跳转我的店铺页(需要产品分销扩展):/pages/distribution-info/distribution-info
  • 跳转我的积分页(需要积分奖励扩展):/pages/points-info/points-info
  • 跳转积分任务页(需要积分奖励扩展):/pages/points-tasks/points-tasks
  • 跳转积分商城页(需要积分奖励扩展):/pages/points-store/points-store
  • 跳转直播列表页(需要先进行直播接入):/pages/liveroom/liveroom
  • 跳转会员中心页(需要会员卡扩展):/pages/member-cetner/member-cetner
  • 跳转领取会员页(需要会员卡扩展):/pages/member-activate/member-activate
  • 跳转会员等级页(需要会员卡扩展):/pages/member-levels/member-levels
  • 跳转会员权益页(需要会员卡扩展):/pages/member-gifts/member-gifts

产品列表页可多个参数搭配使用,例如/pages/product-list/product-list?category=50&on_sale=true,显示分类ID为50并且是促销的产品列表

产品列表页筛选和排序参数需要使用产品筛选排序扩展

上面没有列出的,可在开发者工具预览区域的下方找到页面路径页面参数,以/页面路径?页面参数的结构组合出链接,如页面路径为pages/product-detail/product-detail,页面参数为id=1181&popup=false&redirect=false,则完整的跳转链接为/pages/product-detail/product-detail?id=1181&popup=false&redirect=false

2.8版本开始链接可忽略开头的/

跳转小程序插件页面

填写完整插件页面链接
示例:plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=1

跳转网站链接

填写网站链接,域名需要添加到业务域名,请参考开始使用 - 准备条件 - 注册小程序
示例:https://www.qwqoffice.com

2.8版本开始,支持带登录状态打开网站链接,填写:网站链接|forceLogin,示例:https://www.qwqoffice.com|forceLogin

跳转小程序

填写要跳转小程序的AppID和页面参数,格式为AppID:Path
注意:

  • 页面路径在2.6版本中支持,无需以/开头

示例:wx91e44bfec124ee49:pages/info/info?id=334

调用函数

4.0版本可用

仅支持当前页面及App下的函数

填写函数名:函数参数,如有多个函数参数则使用函数名:[函数参数1,函数参数2,函数参数3]

函数定义:

concat(a = 'World', b = 'Hello') {
    console.log(b + a)
}

示例:

  1. concat 输出HelloWorld
  2. concat:Bug 输出HelloBug
  3. concat:["Bug"] 输出HelloBug
  4. concat:["Bug","De"] 输出DeBug

调起订阅消息授权

3.6版本可用

填写subscribe:订阅消息模板ID
示例:subscribe:e5rRISJYb5xzJIUa-TtVoF3w0Huwo98CDQQz0KiFe8I
订阅消息模板ID可在网站后台 - SaleDash - 基本设置 - 订阅消息,或小程序后台 - 订阅消息找到
一次最多可同时订阅3个模板ID,多个模板ID以英文半角逗号分隔,示例:subscribe:e5rRISJYb5xzJIUa-TtVoF3w0Huwo98CDQQz0KiFe8I,KnjajmHzxiKFpc1waG3dw7E7RA1Wanp0pimVhmcei-A

打开视频号主页

3.5版本可用

填写sph开头的视频号ID
示例:sph6lDpyTHYIG7a 视频号ID可登录视频号获取

打开视频号视频/动态

3.5版本可用

填写视频号ID:视频ID
示例:sph6lDpyTHYIG7a:export/UzFfAgtgekIEAQAAAAAAFEkohsAoUgAAAAstQy6ubaLX4KHWvLEZgBPE86MYP3U5CYT4zNPgMJrbhMt-eTLdn-fsNZStbV57 视频号ID以sph开头,登录视频号获取
视频ID以export开头,视频号 - 内容管理 - 动态管理,点击更多 - 复制视频ID

打开视频号活动

3.5版本可用

填写视频号ID:活动ID
示例:sph6lDpyTHYIG7a:event/UzFfAgtgekIEAQAAAAAA6noh5bVOPwAAAAstQy6ubaLX4KHWvLEZgBPEwaM0MmdoArSDzNPgMJp93I9aTv8i8tygkDwlLNUM
视频号ID以sph开头,登录视频号获取
活动ID以event开头,视频号 - 内容管理 - 活动管理,复制视频ID

预约视频号直播

3.5版本可用

填写视频号ID:notice
示例:sph6lDpyTHYIG7a:notice
视频号ID以sph开头

打开视频号直播

3.5版本可用

填写视频号ID:live
示例:sph6lDpyTHYIG7a:live
视频号ID以sph开头

扫描二维码

2.8版本可用

填写scanqrcode:动作
示例:scanqrcode:login

支持的动作

  • login 扫码登录

动作参数可忽略,默认为扫码登录

领取优惠券

2.6版本可用

需要优惠券扩展

填写coupon:优惠券码
示例:coupon:R84TAT7J

2.7版本开始,支持一次领取多张优惠券,每个优惠券码以英文逗号分隔,不要有空格。格式为coupon:优惠券码1,优惠券码2,优惠券码3,示例:coupon:4TEMZXDR,A6K6DWVT,RGY9AMYM

打开客服对话

2.8版本可用

填写contact

打开客服对话只能用于快捷导航模块、悬浮菜单模块、热区模块、图层模块、弹窗模块,其它地方无效

3.4版本开始,无以上限制

4.0版本开始,恢复限制,使用wxcontact微信客服对话无限制

打开微信客服对话

4.0版本可用

填写wxcontact

拨打电话

填写phone:要拨打的电话
示例:phone:13800000000

后退页面

2.8版本可用

填写back

如无上一页面,则switchTab到首页

公众号授权

2.9.3版本可用

填写mpauth

默认点击后有授权提示,如需直接打开请使用mpauth:false
点击后打开公众号授权登录页面,授权完成后自动返回。用于需要获取公众号OpenID的场景

打开公众号推文

直接填写推文链接,仅支持已关联小程序的公众号图文消息
示例:https://mp.weixin.qq.com/s/gk-5X27wak6WndfPAOiOPw

全屏看图

填写 image:要查看的图片
示例:image:https://wooappdemo.qwqoffice.com/wp-content/uploads/2018/10/1-6.jpg

打开地图

填写location:位置参数
示例:location:{"longitude": 113.466258, "latitude": 23.167464, "scale": 15, "name": "萝岗万达广场", "address": "广州市黄埔区科丰路89号"}

参数解释

  • longitude:经度,范围为-180~180,负数表示西经。使用gcj02国测局坐标系
  • latitude:纬度,范围为-90~90,负数表示南纬。使用gcj02国测局坐标系
  • scale:缩放比例,范围5~18
  • name:位置名
  • address:地址的详细说明

其中gcj02坐标可在高德地图位置选取中获得

打开地图参数以官方文档为准

显示提示

3.3版本可用

填写tip:提示内容
示例:tip:这是一段提示

3.3版本可用

填写modal:弹窗内容
示例:modal:这是弹窗内容

最后更新 2023-12-15 23:34