<template>
	<view>
		<nav-bar title="京东" bgColor="#F0F4F9">
			<template v-slot:center>
				<view class="search-box">
					<image class="search-icon" src="/static/image/shopping/jingdong/search-icon.png" mode="aspectFit">
					</image>
					<input class="input" type="text" placeholder="搜索我的订单" disabled />
				</view>
			</template>
		</nav-bar>

	</view>
</template>

<script setup>
</script>

<style lang="less">
::v-deep .uni-navbar__header-btns {
	width: auto !important;
}

.search-box {
	width: 100%;
	background-color: #fff;
	border-radius: 12rpx;
	padding: 12rpx 16rpx;
	display: flex;
	align-items: center;
	border: 1rpx solid #E5E5E5;

	.search-icon {
		width: 36rpx;
		height: 36rpx;
		flex-shrink: 0;
		margin-right: 14rpx;
	}


	::v-deep .input-placeholder {
		font-size: 26rpx;
		line-height: 26rpx;
		color: #CCCCCC;
	}
}
</style>