<template>
    <div>
        <tab-bar>
            <tab-bar-item path="/" activeColor="purple">
                <template v-slot:item-icon>
                    <img src="../../assets/images/u34.png" class="w-auto h-auto bg-white dark:bg-[#0e1726]" alt="">
                </template>
                <template v-slot:item-icon-active>
                    <img src="../../assets/images/u34.png" class="w-auto h-auto bg-white dark:bg-[#0e1726]" alt="">
                </template>
                <template v-slot:item-text>
                    <div>首页</div>
                </template>
            </tab-bar-item>
            <tab-bar-item path="/apps/order" activeColor="purple">
                <template v-slot:item-icon>
                    <img src="../../assets/images/u36.png" class="bg-white dark:bg-[#0e1726]" alt="">
                </template>
                <template v-slot:item-icon-active>
                    <img src="../../assets/images/u36.png" class="bg-white dark:bg-[#0e1726]" alt="">
                </template>
                <template v-slot:item-text>
                    <div>订单</div>
                </template>
            </tab-bar-item>
            <tab-bar-item path="/allocation/index" activeColor="purple">
                <template v-slot:item-icon>
                    <img src="../../assets/images/u40.png" class="bg-white dark:bg-[#0e1726]" alt="">
                </template>
                <template v-slot:item-icon-active>
                    <img src="../../assets/images/u40.png" class="bg-white dark:bg-[#0e1726]" alt="">
                </template>
                <template v-slot:item-text>
                    <div>调拨</div>
                </template>
            </tab-bar-item>
            <tab-bar-item path="/InoutStorage/index" activeColor="purple">
                <template v-slot:item-icon>
                    <img src="../../assets/images/u42.png" class="bg-white dark:bg-[#0e1726]" alt="">
                </template>
                <template v-slot:item-icon-active>
                    <img src="../../assets/images/u42.png" class="bg-white dark:bg-[#0e1726]" alt="">
                </template>
                <template v-slot:item-text>
                    <div>出入库</div>
                </template>
            </tab-bar-item>
            <tab-bar-item path="/Inventory/index" activeColor="purple">
                <template v-slot:item-icon>
                    <img src="../../assets/images/u38.png" class="bg-white dark:bg-[#0e1726]" alt="">
                </template>
                <template v-slot:item-icon-active>
                    <img src="../../assets/images/u38.png" class="bg-white dark:bg-[#0e1726]" alt="">
                </template>
                <template v-slot:item-text>
                    <div>盘点</div>
                </template>
            </tab-bar-item>
        </tab-bar>
    </div>
</template>

<script lang="ts">
import TabBar from './taber.vue'
import TabBarItem from './taberItem.vue'
export default {
    name: "MainTabBar",
    components: {
        TabBar,
        TabBarItem
    }
}
</script>

<style></style>