@minidesign/popmenu v0.0.9

@minidesign/popmenu

Install

• 从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始，小程序支持使用 npm 安装第三方包
• 如果你的不支持，那么可以先下载下来，在手动拷贝到你的components/popmenu文件夹下，在使用的细节上调整一下就行了。

1. npm install --save @minidesign/popmenu
2. 【微信开发者工具】->【工具】-> 【构建 npm】
3. ok. （别忘记执行【构建 npm】步骤）

Usage

page.json

{
  "usingComponents": {
    "popmenu": "@minidesign/popmenu"
  }
}

page.wxml

<view class="item right">
  <popmenu
    menus="{{['喜欢', '评论']}}"
    bindselect="onSelect"
    default-width="{{113}}"
    payload="{{ {hello: true} }}"
  >
    <image class="image" src="./three-point.png"></image>
  </popmenu>
</view>
<view class="item left">
  <popmenu
    menus="{{['喜欢', '评论']}}"
    direction="right"
    default-width="{{113}}"
    bindselect="onSelect"
    payload="{{ {hello: true} }}"
  >
    <image class="image" src="./three-point.png"></image>
  </popmenu>
</view>

page.js

Page({
  onSelect(e) {
    const { index, menu, payload } = e.detail;
    wx.showModal({
      title: `选择了第${index + 1}个菜单: ${menu}`,
      content: JSON.stringify(payload, null, 2)
    });
  }
});

options