评论

快速实现 添加到我的小程序 - 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
收藏
评论

2 个评论

  • Restart.
    Restart.
    2022-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)

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

    感谢老铁,已经实现

    2021-11-27
    赞同
    回复
登录 后发表内容