<template>
	<view class="content">
		<cu-custom :isBack="true" bgColor="bg-white">
			<block slot="content">
				查看评价
			</block>
		</cu-custom>
		<view class=" bg-ff padding" style="margin: 15rpx 20rpx;border-radius: 15rpx;">
			<view class="" style="background-color: #FAFAFA ;padding: 30rpx;border-radius: 10rpx;">
				<view class="flex align-center">
					<view class="color-66">
						专业程度
					</view>
					<u-rate :count="result.count" v-model="result.rate1" active-color="#FC6035 " size="38" gutter="40" :disabled="true">
					</u-rate>
					<view class="color-66">
						<text style="font-size: 28rpx;font-weight: bold;color: #333;"> 3.0 </text><text
							style="font-size: 22rpx;margin-left: 4rpx;">分</text>
					</view>
				</view>
				<view class="flex align-center margin-top">
					<view class="color-66">
						服务态度
					</view>
					<u-rate :count="result.count" v-model="result.rate1" active-color="#FC6035 " size="38" gutter="40" :disabled="true">
					</u-rate>
					<view class="color-66">
						<text style="font-size: 28rpx;font-weight: bold;color: #333;"> 3.0 </text><text
							style="font-size: 22rpx;margin-left: 4rpx;">分</text>
					</view>
				</view>
				<view class="flex align-center margin-top">
					<view class="color-66">
						准时到达
					</view>
					<u-rate :count="result.count" v-model="result.rate1" active-color="#FC6035 " size="38" gutter="40" :disabled="true">
					</u-rate>
					<view class="color-66">
						<text style="font-size: 28rpx;font-weight: bold;color: #333;"> 3.0 </text><text
							style="font-size: 22rpx;margin-left: 4rpx;">分</text>
					</view>
				</view>
			</view>

			<view class="color-33 text-bold font-30" style="margin-top: 50rpx;line-height: 45rpx;">
				评价内容评价内容评价内容评价内容评价内容评 价内容评价内容。
			</view>

			<view class="" style="margin-top: 50rpx;border-bottom: 1rpx solid #eee;padding-bottom: 30rpx;">
				<view class="flex flex-wrap">

					<view class="flex align-center  justify-center  margin-bottom-xs"
						v-for="(item,index) in result.list" :key="index"
						style="width: 150rpx;height:150rpx;border-radius: 10rpx;background-color: #007AFF;"
						:style="{'margin-right':  (index%3==0 &&index!=0)?'0rpx':'17rpx'}">
					</view>

				</view>
				<view class="margin-top-sm" style="color: #C1C1C1;">
					评价时间 2022.02.12 19:30 
				</view>
			</view>
			<view class="">
				<view class=""  style="margin-top: 46rpx;">
					<view class="flex color-99 justify-between">
						<view class="" style="font-size: 28rpx;">
							追评：
						</view>
						<view class="" style="font-size: 24rpx;">
							2022.02.12 19:30 拷贝
						</view>
					</view>
					<view class=""
						style="font-weight: 500%; background-color: #FAFAFA;border-radius: 10rpx;padding: 30rpx 23rpx;margin-top: 24rpx;line-height: 45rpx;font-size: 28rpx;color: #111;">
						评价内容评价内容评价内容评价内容价内容评价内 容评价内容。
					</view>
				</view>
				<view class=""  style="margin-top: 46rpx;">
					<view class="flex color-99 justify-between">
						<view class="" style="font-size: 28rpx;">
							商家回复：
						</view>
						<view class="" style="font-size: 24rpx;">
							2022.02.12 19:30 拷贝
						</view>
					</view>
					<view class=""
						style="font-weight: 500%; background-color: #FAFAFA;border-radius: 10rpx;padding: 30rpx 23rpx;margin-top: 24rpx;line-height: 45rpx;font-size: 28rpx;color: #111;">
						评价内容评价内容评价内容评价内容价内容评价内 容评价内容。
					</view>
				</view>



			</view>


		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				result: {
					rate1: '4',
					count: 5,
					list: [{}, {}, {}, {}, {}, {}]
				}
			}
		},
		
		methods: {
			getDetails(){
				
			}
		}
	}
</script>

<style scoped lang="scss">
	.active {
		background-color: #FC6035;
	}

	.submit {
		color: #fff;
		margin: 50rpx auto;
		text-align: center;
		line-height: 90rpx;
		width: 600rpx;
		height: 90rpx;

		border-radius: 45rpx 45rpx 45rpx 45rpx;
	}
</style>
