<template>
	<view class="header-container">
		<navigator url="/pages/customized/order" :style="{ color: color }" class="order">订单</navigator>
		<navigator url="/pages/customized/queryRecord" :style="{ color: color1 }" class="queryRecord">查询信息</navigator>
		<navigator url="/pages/customized/my" :style="{ color: color2 }" class="my">定制</navigator>
		<!-- <custom-tab-bar class="tab-bar-flex" direction="horizontal" :show-icon="false" :selected="current" @onTabItemTap="toSecondMenu" /> -->
	</view>
</template>

<script setup lang="ts">
import { ref, watch } from 'vue';

let props = defineProps({
	color: { type: String, default: '' },
	color1: { type: String, default: '' },
	color2: { type: String, default: '' }
});
</script>

<style lang="scss" scoped>
.header-container {
	box-sizing: border-box;
	width: 100%;
	height: 100rpx;
	display: flex;
	justify-content: space-between;
	padding: 30rpx;
	background-color: #fff;
	border-bottom: 1px solid #e8e8e8;
	.order {
		margin-left: 20rpx;
	}
	.hover {
		color: red !important;
	}
	.queryrecord {
	}
	.my {
		margin-right: 20rpx;
	}
}
</style>
