<template>
	<view class="myTabbar">
		<wd-tabbar custom-class="mb-3" fixed safeAreaInsetBottom placeholder v-model="tab" shape="round">
			<wd-tabbar-item @click="utils.toUrl('/store/index/index')" name="home" title="首页" icon="home"></wd-tabbar-item>
			<!-- <wd-tabbar-item name="cart" title="分类" icon="cart"></wd-tabbar-item> -->
			<wd-tabbar-item name="function" @click="utils.toUrl('/store/function/index')" title="应用中心"
				icon="layers"></wd-tabbar-item>
			<!-- <wd-tabbar-item name="user" @click="utils.toUrl('/store/user/list')" title="用户管理" icon="user"></wd-tabbar-item> -->
			<wd-tabbar-item @click="utils.toUrl('/store/shop/list')" name="shop" title="门店管理" icon="detection"></wd-tabbar-item>
			<!-- <wd-tabbar-item name="user" title="我的" icon="user"></wd-tabbar-item> -->
		</wd-tabbar>
	</view>
</template>

<script setup>
import utils from '@/utils/utils.js';

const props = defineProps({
	tab: {
		type: String,
		default: "home"
	}
})

const tab = props.tab
</script>

<style lang="scss"></style>
