<template>
    <div>
        <h-menu-box :data="data" :value.sync="value" @change="aa" :colCount="5"></h-menu-box>
        <h-menu-box :data="data" :showSearch="true" :skeleton="true"></h-menu-box>
    </div>
</template>

<script>
import hMenuBox from './index';
import { data } from './mock.js';
export default {
    name: "menu-box-demo",
    data() {
        return {
            type: 'primary',
            value: '',
            data:  data
        }
    },
    components: {
        hMenuBox
    },
    methods: {
        aa(i) {
            console.log('value',this.value, 'item', i);
        }
    }
}
</script>
<style>
    .theme-container {
        background: #ccc;
    }
    .content {
        padding: 10px !important;
    }
</style>