微信小程序中,提示用户点击右上角按钮,添加到我的小程序。
- 长条状无干扰方式展示
- 卡片状带详细引导步骤展示
- 支持自定义导航栏
- 支持横竖屏
- 支持自动提示
安装
方式一:npm
代码语言:javascript复制npm i --save wx-pin-prompt
然后,在微信开发者工具中执行 「构建 npm 」
方式二:直接下载源码
直接下载源码,添加到你的项目中
使用
在页面 json 文件 usingComponents 中添加组件
代码语言:javascript复制"pin-prompt": "/miniprogram_npm/wx-pin-prompt/pin-prompt"
在 wxml 文件中
代码语言:javascript复制<!-- 自动在第一次进入时,展示添加提示框,之后不再显示 -->
<pin-prompt auto name="我的小程序" logo="../pathtoyourlogo.png"></pin-prompt>
<!-- 展示带有详细引导步骤的提示框 -->
<pin-prompt show type="card" name="我的小程序" logo="../pathtoyourlogo.png"></pin-prompt>
<!-- 如果页面使用了自定义的导航栏 -->
<pin-prompt show customNavbar name="我的小程序" logo="../pathtoyourlogo.png"></pin-prompt>
warning注意:通过 npm 安装,可能会遇到在开发者工具报错 “渲染层网络层错误” 。可忽略。在真机上可以正常运行。