wangluohuoyun-huozhuapp/pages/goodSource/shippingDetails.vue

<!-- 发运详情 -->
<template>
	<view class="content">
		<view class="content1">
			<view class="left">
				<u--image src="https://cdn.uviewui.com/uview/album/1.jpg" mode="widthFix"></u--image>
			</view>
			<view class="right">
				<view class="flex">
					<view class="">张三</view>
					<view class="">联系货主</view>
					<view>关注</view>
					<!-- <view>已关注</view> -->
				</view>
				<view class="flex">
					黑龙江中天贸易有限公司
				</view>
				<view class="flex">
					<view class="left">
						装车
					</view>
					<view>辽宁省营口市鲅鱼圈区蝴蝶泉路116号</view>
				</view>
				<view class="flex">
					<view class="left">
						卸车车
					</view>
					<view>黑龙江省齐齐哈尔市梅里斯达斡尔族区杜尔门沁达斡尔乡53农场</view>
				</view>
				<view class="flex">
					<view class="left">
						货物
					</view>
					<view>玉米|20吨</view>
				</view>
				<view class="flex">
					<view class="left">
						距离
					</view>
					<view class="right">
						<view>运输距离月500公里</view>
						<view><u--image src="https://cdn.uviewui.com/uview/album/1.jpg" mode="widthFix"></u--image></view>
					</view>
				</view>
				<view class="flex">
					<view class="left">
						运费
					</view>
					<view class="right">
						100元/吨
					</view>
				</view>
				<view class="flex">
					<view class="left">
						日期
					</view>
					<view class="right">
						<view class="in-row">
							<view class="text">
								发车
							</view>
							<view class="time">2022-01-27 15:15:15</view>
						</view>
						<view class="in-row">
							<view class="text">
								装车
							</view>
							<view class="time">2022-01-27~2022-01-30</view>
						</view>
					</view>
				</view>
				<view class="flex">
					<view class="left">
						车型
					</view>
					<view class="right">
						10-15米  |  平板/高栏  |  约30吨
					</view>
				</view>
				<view class="flex">
					<view class="left">
						描述
					</view>
					<view class="right">
						我是发运任务描述我是发运任务描述我是发运任务描述我是发运任务描述我是发运任务描述我是发运任务描述我是发运任务描述我是发运任务描述我是发运任务描述我是发运任务描述我是发运任务描述
					</view>
				</view>
			</view>
		</view>
		<view class="content2">
			<view class="left">
				运费￥100元/吨
			</view>
			<view class="right">
				<u-button type="error" text="立即抢单"></u-button>
			</view>
			<view class="right">
				<u-button type="error" text="已抢单" disabled></u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: 'https://cdn.uviewui.com/uview/album/1.jpg',
			};
		},
		onLoad(options) {
			console.log(options)
		}
	}
</script>

<style lang="scss">

</style>