<template>
	<view :style="{ minHeight: sys.windowHeight + 'px' }"
		:class="[$tm.vx.state().tmVuetify.black ? 'black' : ' ']">
		<tm-menubars title="我的评价" :shadow="0" :showback="true"></tm-menubars>
		<div class="zhuti">
			<tm-sheet class="kuang" style="padding-bottom: 70px !important;">
				<view style="width: 94%;margin:0 auto;">
					<tm-cartCellListFood class="shangpin" :typeclick="typeclick" :mdata="item" :cart-num.sync="item.buy"></tm-cartCellListFood>
					<view class="tiyan">
						<text class="text-white mr-20">产品体验</text>
						<tm-rate v-model="rate1"></tm-rate>
						<text class="ml-20 text-size-s">非常满意</text>
					</view>
					<view class="tiyan">
						<text class="text-white mr-20">派送评价</text>
						<tm-rate v-model="rate2"></tm-rate>
						<text class="ml-20 text-size-s">比较满意</text>
					</view>
					<view class="tiyan">
						<text class="text-white mr-20">服务态度</text>
						<tm-rate v-model="rate3"></tm-rate>
						<text class="ml-20 text-size-s">一般满意</text>
					</view>
					<tm-input class="shuru" :height="150" title="" :maxlength="144"  :border-bottom="false" placeholder="快来发表评论吧！"  input-type="textarea" v-model="val_1" bg-color="grey-lighten-5" clear></tm-input>
					<view class="mt-30">
						<tm-upload :tips="false" :filelist.sync="filelist"></tm-upload>
					</view>
					<tm-button :round="24" class="sao" block>提交</tm-button>
				</view>
			</tm-sheet>
			
		</div>
		<!-- 弹出层消息 -->
		<tm-message ref="toast"></tm-message>
	</view>
</template>	
<script>
import{myRequest} from '@/api/request.js'
export default {
	data() {
		return {
			item: {
				img: '../../static/img/83.png',
				title: '丝缎质感纹理风衣',
				label: '黑色 - 6518/320',
				size:'S',
				price: '1299',
				id: 3,
				buy: 0,
				itemId: 0,
				checked:false,
			},
			typeclick:5,//1加入购物车，2购物车
			rate1:1,
			rate2:2,
			rate3:3,
			val_1:'',
			filelist:["https://picsum.photos/200?v=555","https://picsum.photos/200?v=555"],
		};
	},
	onLoad() {
		
	},
	created() {
		this.sys = uni.getSystemInfoSync();
	},
	methods: {
		aa(num){
			if(num==1){
				this.checked1=true;
				this.checked2=false;
				this.checked3=false;
			}else if(num==2){
				this.checked1=false;
				this.checked2=true;
				this.checked3=false;
			}else if(num==3){
				this.checked1=false;
				this.checked2=false;
				this.checked3=true;
			}
		},
	},
}
</script>

<style lang="scss">
	/deep/ .tm-menubars .body{
		background-color: #1b1b1b !important;
	}
	/deep/ .zhuti{padding: 10px 10px;}
	/deep/ .kuang{margin:0 !important;padding: 0px !important;}
	.sao{width: 90%;margin: 0 auto;margin-top: 20px;}
	/deep/ .shuliang .text-size-n{color: white !important;}
	/deep/ .kuang .white.bk{background-color:#1b1b1b!important;}
	/deep/ .shangpin .tm-cartCellListFood{padding: 0px 0px 15px 0px !important;
	margin-top: 5px !important;margin-bottom: 20px !important;
	border-bottom: 1px solid #1B1B1B;}
	/deep/ .kuang .border-t-1.bk{border-top:1px solid #1b1b1b!important;}
	/deep/ .shangpin .title{color: white !important;}
	/deep/ .shangpin .text-red{color: white !important;}
	/deep/ .shangpin .round-3{width:90px !important;height:90px !important;}
	/deep/ .shangpin .tm-cartCellListFood-img{width:90px !important;height:90px !important;}
	/deep/ .shuliang .text-size-n{color: white !important;}
	.tiyan text{vertical-align: middle;}
	.tiyan{margin-top: 20px;}
	/deep/ .tiyan .text-primary.bk{color: #FFCC00 !important;}
	/deep/ .tiyan .opacity-6{opacity:1 !important;}
	/deep/ .shuru .grey-darken-4{background: #0D0D0D !important;}
	.shuru{padding:0px !important;margin-top: 20px !important;}
</style>
