<template>
	<view >
		<view class="main-left evaObj">
			<image src="https://t17.9026.com/web/statics/image/sale/1.png" mode=""></image>
			<view class="main-between-y">
				<view class="title">几度米黄色真皮沙发组合，可调节桦木皮艺转角沙发</view>
				<view class="main-between cross-center">
					<view class="price">￥2466.00</view>
					<view class="num">x1</view>
				</view>
			</view>
		</view>
		<view class="evalContent">
			<view class="item">
				<view class="main-left cross-center title">
					<image class="icon" src="https://t17.9026.com/web/statics/image/user-center/evaluate1.png" mode=""></image>整体评价
				</view>
				<textarea class="evalClass"  placeholder-class="evalphlVal" value="" maxlength="30" placeholder="为了我们更好的反馈，请您填写整体评价" />
			</view>
			<view class="item">
				<view class="main-left cross-center title">
					<image class="icon" src="https://t17.9026.com/web/statics/image/user-center/evaluate2.png" mode=""></image>材质质量
				</view>
				<textarea class="evalClass"  placeholder-class="evalphlVal" value="" maxlength="30" placeholder="为了我们更好的反馈，请您填写材质质量" />
			</view>
			<view class="item">
				<view class="main-left cross-center title">
					<image class="icon" src="https://t17.9026.com/web/statics/image/user-center/evaluate3.png" mode=""></image>商品风格
				</view>
				<textarea class="evalClass"  placeholder-class="evalphlVal" value="" maxlength="30" placeholder="为了我们更好的反馈，请您填写材质质量" />
			</view>
		</view>
		<view class="uploddimg" >
			<image src="https://t17.9026.com/web/statics/image/user-center/takePicture.png" mode=""></image>
			<view class="text">上传图片</view>
		</view>
		
		<button class="tij">提交</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.tij{
		width: 678rpx;
		height: 90rpx;
		background: #A18353;
		border-radius: 6rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #FFFFFF;
	}
	.uploddimg{
		width: 187rpx;
		height: 126rpx;
		background: #F4F4F4;
		opacity: 0.8;
		border-radius: 8rpx;
		margin: 56rpx 36rpx;
		padding-top: 31rpx;
		image{
			width: 48rpx;
			height: 38rpx;
			display: block;
			margin: 0 auto 14rpx;
		}
		.text{
			text-align: center;
			font-size: 20rpx;
			font-weight: 500;
			color: #666666;
		}
	}
	.evalContent{
		background-color: #fff;
		margin-top: 16rpx;
		.evalClass{
			width: 678rpx;
			height: 171rpx;
			background: #F8F8F8;
			border-radius: 6rpx;
			margin: 24rpx auto 0;
		}
		/deep/.evalphlVal{
			font-size: 28rpx;
			font-weight: 500;
			color: #999999;
			padding: 33rpx 31rpx;
		}
		.item{
			padding: 40rpx 36rpx 0;
		.title{
			font-size: 30rpx;
			font-weight: bold;
			color: #222222;
		}
		.icon{
			width: 32rpx;
			height: 32rpx;
			margin-right: 11rpx;
		}}
	}
	.evaObj{
		padding: 37rpx 37rpx 0;
		background-color: #fff;
		image{
			width: 111rpx;height: 110rpx;
			margin-right: 24rpx;
		}
		.title{
			font-size: 26rpx;
			
			font-weight: 500;
			color: #666666;
		}
		.price{
			font-size: 24rpx;
			font-weight: 500;
			color: #222222;
		}
		.num{
			font-size: 22rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #222222;
		}
	}
</style>
