PropertyApp/components/feedback/feedback.vue

<template>
	<!-- <view class="">
		<view class="history">
			<u-time-line>
				<u-time-line-item  nodeTop="2" v-for="(item,index) in list" :key="index">
					<template v-slot:node>
						<view class="u-node bg-white" >
							<u-icon name="clock-fill" color="#59a5f0" :size="28"></u-icon>
						</view>
					</template>
					<template v-slot:content>
						<view>
							<view >{{item.createDate}}</view>
							<view style="width: 636rpx;">
								<view class="content">
									<view class="flex justify-between">
										<view class="">
											<view class="nav-title">
												<text class="">反馈人：</text>
												<text class="">{{item.memberName}}</text>
											</view>
											<view class="nav-title">
												<text >反馈类型：</text>
												<text >功能异常：功能故障或不好用</text>
											</view>
											<view class="nav-title">
												<text >反馈内容：</text>
												<text>{{item.question}}</text>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</template>
				</u-time-line-item>
			</u-time-line>
		</view>
	</view> -->
	<view class="">
		<view @click="goDetail(item)" class="data" v-for="(item, index) in list" :key="index">
			<view class="item">
				<view style="padding: 0 30rpx;">
					<view class="content flex">
						<view class="padding-left-10">
							投诉人：{{item.memberName}}
						</view>
					</view>
					<view class="content flex">
						<view class="padding-left-10">
							反馈类型：功能异常：功能故障或不好用
						</view>
					</view>
					<view class="content flex">
						<view class="padding-left-10">
							反馈时间：{{item.createDate}}
						</view>
					</view>
					<view class="content flex">
						<view class="padding-left-10">
							反馈内容：{{item.question}}
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'card',
	props:{
		list:{
			type:Array
		}
	},
	data() {
		return {
			
		};
	},
	onLoad() {
		
	},
	methods:{
		copy(data){
			uni.setClipboardData({
				data:data
			})
		},
		goDetail(item){
			getApp().globalData.dataDetail=item
			uni.navigateTo({
				url:"../detail?id="+item.id
			})
		}
	}
};
</script>

<style lang="scss">
// .nav-title {
// 	font-size: 28upx;
// 	font-weight: 300;
// 	padding-top: 20rpx;
// }

// .history{
// 	box-sizing: border-box;
// 	padding: 40rpx 20rpx 20rpx 50rpx;
// }
// .content{
// 	box-shadow: 0 8rpx 10rpx rgba(234, 234, 234, 0.5),8rpx 0rpx 10rpx rgba(234, 234, 234,.5),-8rpx 0rpx 10rpx rgba(234, 234, 234,.5);
// 	background-color: #FFFFFF;
// 	padding: 20rpx;
// 	border-radius: 10rpx;
// 	margin: 20rpx 0;
// }
	
.data {
	background-color: #ffffff;
	margin:10rpx;
	padding: 10rpx 0;
	border-radius: 6rpx;
	box-sizing: border-box;
	font-size: 28rpx;
	.item {
		.content {
			padding: 10rpx 0;
		}
	}
}
</style>