zhywpt-sp/subpackage/orders/components/nav-bg-car5.vue

<template>
	<view class="">
		<image :src="`${$imgUrl}applyCard/bg-nav.png`" style='height: 353rpx;width: 100%;'></image>
		<view class="progress-wrap">
			<view class="item-circle">1</view>
			<view class="item-line-solid"></view>
			<view class="item-circle">2</view>
			<view class="item-line-solid"></view>
			<view class="item-circle">3</view>
			<view class="item-line-solid"></view>
			<view class="item-circle">4</view>
			<view class="item-line-solid"></view>
			<view class="item-circle">5</view>

		</view>
	</view>
	<view class="tab">
		<view class="img-pos">
			<view class="img-flex">
				<view class="">
					<image class="car-img" :src="`${$imgUrl}applyCard/car.png`"></image>
				</view>
				<view class="">
					<image class="flag-img" :src="`${$imgUrl}applyCard/flag.png`"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.tab {
		padding-right: 30rpx;
		padding-top: -40rpx;
		margin-top: -50rpx;
		background: #ffffff;
		border-radius: 30rpx 30rpx 0rpx 30rpx;
		position: relative;
		height: 100rpx;

		.img-pos {
			position: absolute;
			left: 605rpx;
			top: -38rpx;
			right: 50rpx;

			.img-flex {
				display: flex;
				justify-content: space-between;
				align-items: center;


				.car-img {
					width: 86rpx;
					height: 42rpx;
				}

				.flag-img {
					width: 30rpx;
					height: 35rpx;
				}
			}
		}

	}
</style>