<template>
	<view>
		<uni-card title="店铺名称" thumbnail="https://oss.wsdns.cn/20230722/5e7d3ea18c7f43acae8b7ea82bab7cbc.png" extra="待支付">
			<view class="order-info">
				<view class="goods-image">
					<image src="https://static.yoshop.xany6.com/20190610131953961df5569.PNG" mode="aspectFill"></image>
				</view>
				<view class="info">
					<text>订单编号：11479</text>
					<text>商品名称：脱单邮局二维码</text>
					<text>商品金额：￥10</text>
					<text>备注信息：获取微信</text>
					<text>下单时间：2023-10-20 13:20:05</text>
				</view>
			</view>
		</uni-card>
		<uni-card title="店铺名称" thumbnail="https://oss.wsdns.cn/20230722/5e7d3ea18c7f43acae8b7ea82bab7cbc.png" extra="待支付">
			<view class="order-info">
				<view class="goods-image">
					<image src="https://static.yoshop.xany6.com/20190610131953961df5569.PNG" mode="aspectFill"></image>
				</view>
				<view class="info">
					<text>订单编号：11479</text>
					<text>商品名称：脱单邮局二维码</text>
					<text>商品金额：￥10</text>
					<text>备注信息：获取微信</text>
					<text>下单时间：2023-10-20 13:20:05</text>
				</view>
			</view>
		</uni-card>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.order-info{
		display: flex;
		.goods-image{
			image{
				width: 180rpx;
				height: 180rpx;
			}
		}
		.info{
			display: flex;
			flex-direction: column;
			flex: 1;
			margin-left: 12rpx;
			padding: 12rpx 20rpx;
			line-height: 1.6rem;
			border-radius: 10rpx;
			background-color: $uni-bg-color-grey;
		}
	}
</style>
