学员端小程序
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.
 
 
 

134 lines
3.2 KiB

<template>
<view class="">
<view class="pad">
<view class="card">
<view class="top_row">
<view class="tit">{{ info.tit }}</view>
<u-checkbox-group iconPlacement="right" :size="14" >
<u-checkbox v-model="checked" shape="circle" label="匿名提交" :iconSize="12" :labelSize="12" ></u-checkbox>
</u-checkbox-group>
</view>
<view class="user_row">
<view class="avatar">
<image src="@/static/images/logo.png" mode=""></image>
</view>
<view class="name">王一宝</view>
</view>
<view class="star_row">
<view class="lab">服务态度</view>
<view class="star">
<u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="4" ></u-rate>
</view>
</view>
<view class="star_row">
<view class="lab">教学安排</view>
<view class="star">
<u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="4" ></u-rate>
</view>
</view>
<view class="star_row">
<view class="lab">教学质量</view>
<view class="star">
<u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="4" ></u-rate>
</view>
</view>
<!-- 写内容上传图片 -->
<view class="textareaBg">
<view class="flex">
<view class="icon">
<image src="@/static/images/index/edit.png" mode=""></image>
</view>
<view class="inputBox">
<u-textarea v-model="value" ref="textarea" placeholder="详细说明问题,以便获得更好的回答~"></u-textarea>
</view>
</view>
<view class="phoneBox">
<view class="imgBox">
<view class="img">
<view class="minusCircle">
<u-icon name="close-circle-fill" size="20" color="#9FA3A4"></u-icon>
</view>
<image src="@/static/logo.png" mode=""></image>
</view>
</view>
<view class="phone" @click="chooseImages">
<view class="phoneIcon">
<image src="@/static/images/index/btn_tupian.png" mode=""></image>
</view>
<view class="lab">添加图片</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
props: [ 'info' ],
data() {
return {
checked: false
}
}
}
</script>
<style lang="scss" scoped>
@import '../../../../common/css/textareaBg.scss';
.card {
padding: 28rpx;
margin-bottom: 20rpx;
.top_row {
display: flex;
align-items: center;
padding-bottom: 24rpx;
border-bottom: 2rpx solid #E8E9EC;
justify-content: space-between;
.tit {
font-weight: 600;
color: #333333;
font-size: 32rpx;
}
}
.user_row {
width: 100%;
height: 100rpx;
display: flex;
align-items: center;
.avatar {
width: 60rpx;
height: 60rpx;
border-radius: 50%;
overflow: hidden;
}
.name {
font-size: 28rpx;
font-weight: 500;
padding-left: 26rpx;
}
}
.star_row {
padding: 14rpx 0;
display: flex;
align-items: center;
.lab {
font-size: 28rpx;
font-weight: 500;
padding-right: 32rpx;
}
.star {
}
}
.textareaBg {
margin-top: 22rpx;
}
}
</style>