wit-uniapp/pages/my/Commentssuggestions/Commentssuggestions.vue

<template>
	<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>
</template>

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

		}
	}
</script>

<style>
	.Commentssuggestions {
		width: 690rpx;
		padding: 30rpx;	
	}
	.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>