wpp

wx-pin-prompt

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

Showing:

Popularity

Downloads/wk

1

GitHub Stars

5

Maintenance

Last Commit

6mos ago

Contributors

0

Package

Dependencies

0

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

pin-prompt

微信小程序中,提示用户点击右上角按钮,添加到我的小程序。 两种展示方式:小型无干扰方式和带详细引导步骤方式 支持自定义导航栏

扫码体验

demo-1

示例

screenshots

安装

npm

npm i --save wx-pin-prompt

然后,在微信开发者工具中执行「构建 npm 」

直接下载源码

直接下载源码,添加到你的项目中

使用

在页面 json 文件中添加组件

"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> 

⚠️注意:通过 npm 安装,可能会遇到在开发者工具报错 “渲染层网络层错误” 。可忽略。在真机上可以正常运行。

参数

属性默认值说明
text点击「添加小程序」,方便下次访问提示语
typebar【提示框类型】bar:长条型,点击会展示 card 型;card:卡片型(含详细引导步骤)
background#fff (白色)提示框背景色
customNavbarfalse页面是否使用自定义的导航栏,用于自动定位提示框
autofalse如果为 true,则自动在第一次打开时提示,之后不在展示
duration5展示时长。之后自动隐藏
logo用于详细引导步骤中,展示自家小程序 logo
name用于详细引导步骤中,展示自家小程序名称
showfalse展示提示框
showDetailfalse展示详细步骤提示框

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100