<template>
	<view class="page-header">
		<view class="page-header-orderNo flex_center">
			运单号： {{shipmentNo}}
		</view>
	</view>
</template>

<script>
	export default {
		name: "bs-pageHeader-orderNo2",
		props: {
			shipmentNo: {
				type: String,
				default: "" //运单号
			},
		}
	}
</script>

<style lang="scss">
	.page-header {
		padding: 40rpx 24rpx 0;
		// background: linear-gradient(90deg, #2E75E6 0%, #5E58EE 100%);
		border-radius: 0 0 32rpx 32rpx;
		background-color: #2E75E6;

		.page-header-orderNo {
			color: #2E75E6;
			padding: 30rpx 24rpx;
			background: linear-gradient(90deg, rgba(46, 117, 230, .1), rgba(46, 117, 230, .1));
			background-color: #EDEFFD;
			border-radius: 16rpx 16rpx 0 0;
			font-size: 28rpx;
		}
	}
</style>
