<template>
	<view class="OutermostLayer">
			<view class="Commentssuggestions">
					<view class="ssuggestion">
						请您留下宝贵建议，我们会不断改进，精益求精，更好的为您提供服务。	
					</view>
			<u--textarea v-model="ssuggestion" placeholder="请输入您的建议和评论" count ></u--textarea>
			<view class="ssuggestion" style="padding-top: 30rpx;">
						请您为这款APP打分。	
					</view>
			<view class="rates">
				<view class="rates1">
					APP界面美观
				</view>
				<view class="rates2">
					<u-rate size=40 :count="count" v-model="score1"></u-rate>
				</view>
			</view>
			<view class="rates">
				<view class="rates1">
					APP上手难易
				</view>
				<view class="rates2">
					<u-rate size=40 :count="count" v-model="score2"></u-rate>
				</view>
			</view>
			<view class="rates">
				<view class="rates1">
					APP相应速度
				</view>
				<view class="rates2">
					<u-rate size=40 :count="count" v-model="score3"></u-rate>
				</view>
			</view>
			
			
			<view class="yijian">
				<u-button type="primary" text="提交意见"></u-button>
			</view>
				</view>
		</view>

</template>

<script>
	export default {
		data() {
			return {
ssuggestion:'',
score1:5,
score2:4,
score3:3,
			}
		},
		methods: {

		}
	}
</script>

<style>
	.Commentssuggestions {
		
		padding: 20rpx;
	}
	.ssuggestion{
		font-size: 30rpx;
		padding-bottom: 30rpx;
	}
	.rates{
		display: flex;
		width: 690rpx;
		height: 70rpx;
		align-items: center;
	}
	.rates1{
		font-size: 30rpx;
		width: 260rpx;
	}
	.yijian{
		margin-top: 50rpx;
	}
	
	
</style>