You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.9 KiB
103 lines
2.9 KiB
<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>
|