更新记录

1.0.0（2019-12-17）

1.0.0 初始版本，持续更新。

平台兼容性

参考 底部图标菜单 imagemenu 进行封装.

使用方式

<template>
  <view class="content"><button type="primary" @tap="showMenu">打开</button></view>
</template>

<script>
import BottomImageMenu from '@/components/bottom-image-menu/index.js'
var bottomImageMenu = null
export default {
  computed: {
    menus() {
      return [
        {
          icon: '/static/logo.png',
          label: '测试1',
          onClick() {
            uni.showToast({ title: '点击了:测试1,这是一个写在数据里的回调', icon: 'none' })
          }
        },
        {
          icon: '/static/logo.png',
          label: '测试2'
        },
        {
          icon: '/static/logo.png',
          label: '测试3'
        },
        {
          icon: '/static/logo.png',
          label: '测试4'
        },
        {
          icon: '/static/logo.png',
          label: '测试5'
        },
        {
          icon: '/static/logo.png',
          label: '测试6'
        }
      ]
    }
  },
  methods: {
    showMenu() {
      if (!bottomImageMenu) {
        bottomImageMenu = new BottomImageMenu(this.menus, (menu, index) => {
          uni.showToast({ title: `点击了:${menu.label},索引是${index},这是统一处理的`, icon: 'none' })
        })
      }
      bottomImageMenu.show()
    }
  },
  onLoad() {
    bottomImageMenu = new BottomImageMenu(menus)
  }
}
</script>