微信小程序,「添加到我的小程序」提示,带有详细引导步骤,支持自定义导航栏。
微信小程序中,提示用户点击右上角按钮,添加到我的小程序。
长条状无干扰方式展示
卡片状带详细引导步骤展示
支持自定义导航栏
支持横竖屏
支持自动提示
安装
方式一:npm
npm i --save wx-pin-prompt
然后,在微信开发者工具中执行 「构建 npm 」
方式二:直接下载源码
直接下载源码,添加到你的项目中
使用
在页面 json 文件 usingComponents 中添加组件
"pin-prompt": "/miniprogram_npm/wx-pin-prompt/pin-prompt"
在 wxml 文件中
<!-- 自动在第一次进入时,展示添加提示框,之后不再显示 --> <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 安装,可能会遇到在开发者工具报错 “渲染层网络层错误” 。可忽略。在真机上可以正常运行。
源码下载:
点击下载(提取码:88q1)
扫描二维码关注公众号
(如在微信端,长按二维码即可关注)
版权声明:本文由蚂蚁开源_H5游戏,微信小程序,蚂蚁大喇叭发布,如需转载请注明出处。