<template> <view> <status-nav navBarTitle="我要评价" returnColor="#c2c2c2"></status-nav> <container-subgroup> <view slot="content" style="margin: 0 -30rpx;"> <view class="bacf fon28 pad-sx30 pad-zy40"> <view class=" bold disjbac fw"> <view>长沙XXXXXXXXXXXX项目名称</view> <view>GD20220108-1002</view> </view> <view class="mar-sx20" style="color: #6b6a6a;">服务时间:2022-01-11 15 : 27</view> <view class="radius20 pad30 dis" style="border: 2rpx solid #dcdcdc;"> <image src="/static/public/icon-evaluate-pen.png" mode="widthFix" lazy-load style="width: 25rpx;height: 30rpx;"></image> <textarea class="fon24 mar-z20" style="height: 200rpx;" placeholder="写下您的服务体验,帮助我们更好的管理提升" placeholder-style="font-size:24rpx;color: #aaaaaa;" /> </view> <view class="fon30 bold mar-sx30">上传图片</view> <view class="disac"> <view class="mar-y20" v-for="(item,index) in imgList" :key="index" style="background-color: #dcdcdc;"> <view v-if="item.imgsrc==''" class="evaluate-addimg" style="width: 142rpx;height: 142rpx;"></view> <image v-else :src="item.imgsrc" mode="aspectFill" lazy-load style="width: 142rpx;height: 142rpx;"></image> </view> </view> </view> </view> </container-subgroup> </view> </template> <script> export default { data() { return { imgList:[ {imgsrc:''}, {imgsrc:''}, {imgsrc:''} ] } }, methods: { } } </script> <style> </style>