小奖二维码|微信小程序插件
引入插件
在小程序项目app.json
文件中引入插件。
{
"plugins": {
"qrcodeplugin": {
"version": "latest",
"provider": "wxbd2a9eb907a0cdcf"
}
}
}
如果还未添加插件,可在开发者工具 Console 里面点击「添加插件」。
也可以登录 小程序后台 -> 设置 -> 第三方设置 -> 插件管理 -> 输入「
小奖二维码
」或「wxbd2a9eb907a0cdcf
」 添加插件。
使用插件
页面路径
页面名称 | 页面路径 |
---|---|
生成二维码 | plugin://qrcodeplugin/index |
二维码列表 | plugin://qrcodeplugin/list |
参数说明
引入插件时可动态传入参数。
属性 | 类型 | 说明 |
---|---|---|
tabbar | boolean | 页面底部是否显示自定义 tabBar 导航栏 |
使用方式
目前插件提供了以下两种使用方式,开发者可根据需求选择合适的引入方案。
(一)跳转页面
可使用navigator
组件跳转到插件页面;
代码示例
<navigator url="plugin://qrcodeplugin/index"></navigator>
<!-- 参数传递 -->
<navigator url="plugin://qrcodeplugin/index?tabbar=true"></navigator>
也可以使用wx.navigator
API跳转到插件页面。
代码示例
wx.navigator({
url: "plugin://qrcodeplugin/index",
})
// 参数传递
wx.navigator({
url: "plugin://qrcodeplugin/index?tabbar=true",
})
(二)页面引入
- 在
page.json
里面引入插件页面。
代码示例
{
"usingComponents": {
"qrcode-index": "plugin://qrcodeplugin/qrcode-index"
}
}
- 在
page.wxml
文件中使用插件页面。
代码示例
<qrcode-index />
<!-- 参数传递 -->
<qrcode-index tabbar="{{ true }}" />