<template>
	<view class="">
		<view class="" v-for="(item,index) in goods?goodsa:goodsStat" :key="index">
			<div class="df Product-Introduction aic jcsb">
				<div class="df">
					<div class="Product-img"><image :src="$util.img(item.sku_image)"></image></div>
					<div class="Product-name">
						<div class="Product-eijnaij">{{item.goods_name}}</div>
						<div class="Product-time">×{{item.num}}</div>
					</div>
				</div>
				<div style="color: red;">
					￥{{item.goods_money}}
				</div>
			</div>
		</view>
		<view class="" v-if="goodsa.length==0">
			<image :src="$util.img('/upload/weapp/pageSalesman/customer/kong.jpeg')"></image>
		</view>
		<div class="See-more df aic jcsa" v-if="goodsa.length>0">
			<div class="df aic" @click="btn">查看更多
				<image v-if="goods" :src="$util.img('/upload/weapp/user/arrow-bottom.png')"></image>
				<image v-else :src="$util.img('/upload/weapp/user/arrow-top.png')"></image>
			</u-icon></div>
		</div>
		<!-- <button @click="btn">提交</button> -->
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:this.goodsStat,
				goods:true,
				goodslist:[],
			}
		},
		props:{
			
		},
		props:{
			goodsStat:{
				type:Array
			},
			goodsa:{
				type:Array
			}
		},
		methods:{
			btn(){
				this.goods=!this.goods
			}
		}
	}
</script>

<style  lang="scss">
	.See-more{
		image{
			width: 40rpx;
			height: 40rpx;
			margin-left: 10rpx;
		}
	}
	.Product-Introduction{
		margin-top: 32rpx;
		.time{
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 34rpx;
			margin-left: 20rpx;
		}
		.Product-img{
			width: 176rpx;
			height: 176rpx;
			border-radius: 8rpx;
			position: relative;
			image{
				width: 176rpx;
				height: 176rpx;
				border-radius: 8rpx;
				
			}
			.Product-collect{
				position: absolute;
				width: 66rpx;
				height: 36rpx;
				
				border-radius: 0rpx 21rpx 21rpx 0rpx;
				opacity: 0.83;
				font-size: 20rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 28rpx;
				left: 0;
				top: 12rpx;
				z-index: 10;
			}
			
		}
		.Product-name{
			margin-left: 24rpx;
			.Product-eijnaij{
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 40rpx;
				margin-top: 20rpx;
			}
			.unit-price{
				font-size: 24rpx;
				font-family: DINAlternate-Bold, DINAlternate;
				font-weight: bold;
				color: #F33B50;
				line-height: 40rpx;
				margin-top: 46rpx;
				span{
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
				}
			}
			.Product-production{
				margin-top: 16rpx;
				.Product-Shandong{
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 34rpx;
				}
				.Product-specifications{
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 34rpx;
					margin-left: 16rpx;
				}
			}
			.Product-time{
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #585858;
				line-height: 40rpx;
				margin-top: 52rpx;
			}
		}
	}
	
</style>