popularize-front/pages_order/orderEvaluation.vue

<template>
	<view class="orderEvaluation">
        <Navbar title="活动评价" :autoBack="true" :bgColor="bgColor" leftIconSize="18px" height="100rpx" :leftIconColor="leftIconColor" :titleStyle="{color:fontColor}" />
		<view class="content">
			<view class="baseInfo cardBackground_">
				<view class="statusBox">
					<i></i>
					<view class="status">主理人评价</view>
				</view>
				<view class="info grayBg">
					<view class="score">
						<image src="@/static/image/cart/selectIcon.png" mode=""></image>
						<image src="@/static/image/cart/selectIcon.png" mode=""></image>
						<image src="@/static/image/cart/selectIcon.png" mode=""></image>
						<image src="@/static/image/cart/selectIcon.png" mode=""></image>
						<image src="@/static/image/cart/uncheckedIcon.png" mode=""></image>
					</view>
					<uv-textarea height="376rpx" :textStyle="{color:fontColor}" border="none" v-model="value" :maxlength="-1" placeholder="请输入内容"></uv-textarea>
				</view>
			</view>
			<view class="baseInfo" style="margin-top: 32rpx;">
				<view class="statusBox">
					<i></i>
					<view class="status">活动评价</view>
				</view>
				<view class="info">
					<view class="score">
						<image src="@/static/image/cart/selectIcon.png" mode=""></image>
						<image src="@/static/image/cart/selectIcon.png" mode=""></image>
						<image src="@/static/image/cart/selectIcon.png" mode=""></image>
						<image src="@/static/image/cart/selectIcon.png" mode=""></image>
						<image src="@/static/image/cart/uncheckedIcon.png" mode=""></image>
					</view>
					<uv-textarea height="376rpx" :textStyle="{color:fontColor}" border="none" v-model="value1" :maxlength="-1" placeholder="请输入内容"></uv-textarea>
				</view>
			</view>
		</view>
		<view style="padding: 65rpx 35rpx;">
			<uv-button :custom-style="customStyle" type="primary" shape="circle" color="#381615" text="活动签到"></uv-button>
		</view>
	</view>
</template>

<script>
	import Navbar from '@/pages/components/Navbar.vue'
    import { globalMixin } from '../pages/mixins/globalMixin';

	export default{
        mixins: [globalMixin],
        components:{
            Navbar
		},
		data() {
			return {
				value: '',
				value1: ''
			}
		},
		methods: {
		}
	}
</script>
<style scoped lang="scss">
.orderEvaluation {
	margin-top: 40rpx;
	.content {
		padding: 0 35rpx;
		color: #fff;
		padding-top: calc(var(--status-bar-height) + 100rpx);
		.baseInfo{
			.statusBox {
				display: flex;
				align-items: center;
				padding: 33rpx 47rpx 24rpx;
				i {
					background: url('@/static/image/cart/evaluateIcon.png') no-repeat;
					background-size: 100% 100%;
					display: block;
					width: 33rpx;
					height: 29rpx;
					margin-right: 15rpx;
				}
			}
			.info {
				.score {
					image {
						width: 30rpx;
						height: 30rpx;
						margin-right: 30rpx;
						margin-bottom: 34rpx;
					}
				}
				/deep/.uv-textarea {
					background: #493734;
				}
				.aa {
					color: #fff!important;
				}
			}
		}
    }
}
</style>