微信小程序源码，「添加到我的小程序」提示，带有详细引导步骤，支持自定义导航栏。

用户5997198

发布于 2022-03-28 11:20:54

4.4K00

代码可运行

文章被收录于专栏：蚂蚁开源社区蚂蚁开源社区

运行总次数：0

代码可运行

微信小程序中，提示用户点击右上角按钮，添加到我的小程序。

长条状无干扰方式展示
卡片状带详细引导步骤展示
支持自定义导航栏
支持横竖屏
支持自动提示

安装

方式一：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>