评论

快速实现 添加到我的小程序 - menu-popover

利用 mina-popups/menu-popover 快速实现 添加到我的小程序

menu-popover

menu-popover,快速实现 添加到我的小程序

先看效果

胶囊气泡 扫码体验

使用方法

大致可以分为 2 步:

  1. npm 安装 mina-popups,开发工具构建 npm
  2. 引入并使用 mina-popups/menu-popover 组件

命令行

npm install mina-popups
安装完成后,开发工具构建 npm

*.json 引入组件

{
  "usingComponents": {
    "menu-popover": "mina-popups/menu-popover"
  }
}

*.wxml 使用组件

<menu-popover show="{{show}}">
  <view class="popover-inner">
    <text class="tip">点击 ...“添加到我的小程序”\n领币更方便</text>
    <view class="close" bindtap="close">X</view>
  </view>
</menu-popover>
属性 类型 默认值 描述
show Boolean false 是否显示 popover

以上简单几步即可实现 引导添加我的小程序

具体使用请查看 Github https://github.com/Yrobot/mina-popups

如果喜欢 mina-popups,记得在 github 点个 start 哦!🌟🌟🌟

最后一次编辑于  2021-02-23  
点赞 1
收藏
评论

3 个评论

  • Restart.
    Restart.
    04-05

    为什么我[ miniprogram/pages/index/index.json 文件内容错误] miniprogram/pages/index/index.json: ["usingComponents"]["menu-popover"]: "mina-popups/menu-popover" 未找到(env: Windows,mp,1.05.2110290; lib: 2.8.1)

    04-05
    赞同
    回复 1
    • Yrobot
      Yrobot
      05-14
      能找到本地开发工具转换node_modules里有mina-popups吗,如果没有,请按照小程序依赖按钮和编译流程再试一遍
      05-14
      回复
  • Rui
    Rui
    2021-11-27

    感谢老铁,已经实现

    2021-11-27
    赞同
    回复
  • Frida.Kwok
    Frida.Kwok
    2021-07-21

    请问可以实现,用户已经添加到 “我的小程序” 后,就不在提示该弹窗了呢?

    2021-07-21
    赞同
    回复 2
    • Yrobot
      Yrobot
      2021-07-26
      微信目前关闭了获取用户是否添加到我的小程序的API。所以目前没有办法实现这一点。曲线救国可以通过用户入口状态码来判断哪些是通过我的小程序进入的。
      2021-07-26
      回复
    • Frida.Kwok
      Frida.Kwok
      2021-10-20回复Yrobot
      好的,感谢🙏
      2021-10-20
      回复
登录 后发表内容