<template>
	<view class="content">
		<view class="w-header-card">
			<view class="w-title">观山湖区第十二小学</view>
			<view class="w-star">
				<view class="">综合评价</view>
				<uni-rate :readonly="false" size="16" :value="2" />
				<view class="star">4.0</view>
			</view>
		</view>
		<view class="w-content-card">
			<textarea name="" id="" cols="30" rows="10" maxlength="150"></textarea>
			<view class="">
				<sunui-upimg :url="upPicUrl" ref="upload1" title="店铺logo" @upload="handleLoaded1" @change="handleChange1" :number="3"></sunui-upimg>
			</view>
		</view>
		<view class="w-anonymity">
			<view class="select-anonymity">
				<zzx-icon name="selected" size="14"></zzx-icon>
				<view class="">匿名评价</view>
			</view>
			<view class="anonymity-tips">
				隐藏头像和昵称
			</view>
		</view>
		<view class="appraise-btn" @click="publish">发布</view>
	</view>
</template>

<script lang="ts" setup>
	const publish=()=>{
		uni.navigateTo({
			url:'/pages/index/commentsSuccess/index'
		})
	}
</script>

<style>
	page{
		background: linear-gradient( 180deg, #FBFFEE 0%, #F6F6F6 100%);
	}
</style>
<style lang="less" scoped>
	.w-header-card{
		margin-top: 20rpx;
		padding: 20rpx;
		background: #FFFFFF;
		border-radius: 32rpx;
		.w-title{
			font-weight: bold;
			font-size: 32rpx;
			color: #222222;
		}
		.w-star{
			margin-top: 20rpx;
			display: flex;
			align-items: center;
			gap: 10rpx;
			font-weight: bold;
			font-size: 28rpx;
			color: #222222;
			.star{
				font-weight: bold;
				font-size: 28rpx;
				color: #FDD143;
			}
		}
	}
	.w-content-card{
		margin-top: 20rpx;
		padding: 20rpx;
		background: #FFFFFF;
		border-radius: 32rpx;
	}
	.w-anonymity{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
		.select-anonymity{
			display: flex;
			align-items: center;
			gap: 10rpx;
			font-size: 28rpx;
			color: #222222;
		}
		.anonymity-tips{
			font-size: 28rpx;
			color: #AAAAAA;
		}
	}
	.appraise-btn {
		margin-top: 24rpx;
		width: 686rpx;
		height: 100rpx;
		background: #C8FF0C;
		border-radius: 60rpx;
		font-weight: bold;
		font-size: 32rpx;
		color: #222222;
		text-align: center;
		line-height: 100rpx;
	}
</style>