<style lang="scss">
	.detail {
		width: 710rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		margin: 24rpx auto 0;
		padding: 0 30rpx 24rpx;
		box-sizing: border-box;

		.detail-order_num {
			height: 78rpx;
			line-height: 78rpx;
			margin-bottom: 24rpx;
			font-weight: 600;
			font-size: 26rpx;
			color: #333333;
			border-bottom: 2rpx solid #f1f1f1;
		}

		.detail-form {
			border-bottom: 2rpx solid #f1f1f1;
			margin-bottom: 24rpx;

			.detail-form-item {
				margin-bottom: 16rpx;
				font-size: 26rpx;
				color: #333333;
			}
		}

		.popup-goods {
			display: flex;
			justify-content: space-between;
			width: 630rpx;
			border-radius: 16rpx;
			margin-bottom: 20rpx;
			padding-bottom: 1rpx;
			box-sizing: border-box;
			border-bottom: 2rpx solid #f1f1f1;

			.popup-goods-left {
				margin-right: 24rpx;
			}

			.popup-goods-right {
				flex-grow: 1;

				.popup-goods-right-info {
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-bottom: 20rpx;

					.goods_name {
						font-size: 24rpx;
						color: #333333;
					}

					.goods_price {
						font-weight: bold;
						font-size: 24rpx;
						color: #060606;
					}
				}

				.popup-goods-num {
					margin-bottom: 20rpx;
					font-size: 24rpx;
					color: #777777;
					text-align: right;
				}
			}
		}

		.popup-goods-total {
			text-align: right;

			.popup-goods-total-num {
				font-size: 24rpx;
				color: #666666;
			}

			.popup-goods-total-price {
				font-size: 26rpx;
				color: #333;
			}
		}
	}
</style>

<template>
	<view class="detail">
		<view class="detail-order_num">订单编号:123123123</view>
		<view class="detail-form">
			<view class="detail-form-item">收货人：</view>
			<view class="detail-form-item">核销码：</view>
			<view class="detail-form-item">联系电话：</view>
			<view class="detail-form-item">核销门店：</view>
			<view class="detail-form-item">核销时间：</view>
		</view>

		<view class="popup-goods">
			<view class="popup-goods-left">
				<u-image width="100rpx" height="100rpx" radius="8rpx" />
			</view>
			<view class="popup-goods-right">
				<view class="popup-goods-right-info">
					<text class='goods_name'>黄牛牛肉</text>
					<text class="goods_price">￥10.00</text>
				</view>
				<view class="popup-goods-num">x5</view>
			</view>
		</view>

		<view class="popup-goods-total">
			<text class="popup-goods-total-num">共5件商品，总金额</text>
			<text class="popup-goods-total-price">￥50.00</text>
		</view>
	</view>
</template>
<script setup>
	uni.login({
		success(res) {
			console.log(res);
		}
	})
</script>