Bottom-menu 底部菜单 #

<template>
  <div class="demo-dark-bg">
    <agm-bottom-menu :menu-items="menuItems" />
  </div>
</template>

<script lang="ts" setup>
import consola from 'consola'
import AgmBottomMenu from './src/index.vue'
const menuItems = [
  {
    color: 'black',
    icon: 'i-mdi-github',
    do: () => {
      consola.info('https://github.com/YunYouJun/augma')
    },
  },
  {
    color: 'var(--agm-color-success)',
    icon: 'i-mdi-check',
    do: () => {
      consola.success('success')
    },
  },
  {
    color: 'var(--agm-color-danger)',
    icon: 'i-mdi-error',
    do: () => {
      consola.error('error')
    },
  },
]
</script>

<style>
.demo-dark-bg {
  padding-top: 1rem;
  background: #333;
}
</style>