<template>
	<view class="">
		<view class="head" v-for="(item,index) in 2" :key="index">
			<view class="head-div">
				<view class="df">
					<image :src="$util.img('public/uniapp/member/login.png')"></image>
					<view class="df fdc jcsb">
						<view class="name">
							路易拉菲 法国 原瓶进口红酒原瓶进口红酒进口红酒
						</view>
						<view class="df aic jcsb candi">
							<view class="df">
								<view class="candi">
									产地：山东
								</view>
								<view class="candiguige">
									规格：0.5kg/袋
								</view>
							</view>
							<view class="canditime">
								×3
							</view>
						</view>
					</view>
				</view>
				<view class="daipingjia df aic jcsb">
					<view class="dengdai">
						待评价
					</view>
					<view class="df">
						<view class="time">
							共三件
						</view>
						<view class="df">
							<view class="heji">
								合计：
							</view>
							<view class="jiage">
								￥6688.88
							</view>
						</view>
					</view>
				</view>
				<view class="btn df aic jcf">
					<view class="btnone aic jcsa df">
						申请售后
					</view>
					<view class="btntwo aic jcsa df">
						申请开票
					</view>
					<view class="btnsui aic jcsa df">
						立即评价
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.head{
		padding: 4rpx 24rpx;
		.head-div{
			width: 702rpx;
			height: 400rpx;
			background: #FFFFFF;
			margin-top: 24rpx;
			border-radius: 24rpx;
			padding: 32rpx;
			box-sizing: border-box;
			image{
				width: 176rpx;
				height: 176rpx;
				border-radius: 8rpx;
			}
			.name{
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
				line-height: 40rpx;
				margin-left: 24rpx;
			}
			.candi{
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				line-height: 34rpx;
				margin-left: 24rpx;
				.candiguige{
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 34rpx;
					margin-left: 16rpx;
				}
				
			}
			.canditime{
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				line-height: 34rpx;
			}
			.daipingjia{
				margin-top: 36rpx;
				.dengdai{
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 36rpx;
				}
				.time{
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 40rpx;
					margin-right: 10rpx;
				}
				.heji{
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					line-height: 40rpx;
				}
				.jiage{
					font-size: 24rpx;
					font-family: DINAlternate-Bold, DINAlternate;
					font-weight: bold;
					color: #222222;
					line-height: 40rpx;
				}
			}
			.btn{
				margin-top: 24rpx;
				.btnone{
					width: 176rpx;
					height: 60rpx;
					border-radius: 30rpx;
					border: 2rpx solid #E8E8E8;
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 34rpx;
				}
				.btntwo{
					width: 176rpx;
					height: 60rpx;
					border-radius: 30rpx;
					border: 2rpx solid #E8E8E8;
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 34rpx;
					margin: 0 24rpx;
				}
				.btnsui{
					width: 176rpx;
					height: 60rpx;
					background: #21BBF3;
					border-radius: 30rpx;
					font-size: 24rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 34rpx;
				}
			}
		}
	}
</style>