tlfb/pages/user/buySellDetail.vue

<template>
	<view class="content">
		<view class="top-status">
			待支付
		</view>
		<view class="good-info">
			
		</view>
		<view class="user-info">
			<view class="top-tit">
				<view class="tit-t"></view>
				<view class="" style="display: inline-block;">
					订单信息
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang='scss' scoped>
	.top-status {
		width: 750rpx;
		height: 89rpx;
		line-height: 89rpx;
		padding-left: 20rpx;
		background: #FFFFFF;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FF4C4C;
		line-height: 56rpx;
	}
	.good-info {
		width: 750rpx;
		height: 253rpx;
		background: #FFFFFF;
		margin: 20rpx 0;
	}
	.user-info {
		padding: 20rpx 30rpx;
		.top-tit {
			.tit-t {
				display: inline-block;
				width: 3rpx;
				height: 25rpx;
				background: linear-gradient(0deg, #FA2740, #FE5544);
				border-radius: 2rpx;
			}
			
		}
	}
</style>