zhengxinApplets/pages/user/feedDetails.vue

<template>
	<view class="site">
		<view class="site-bd">
			<view class="item" >
				<view class="a">反馈类型</view>
				<view class="b">{{feedInfo.type}}</view>
			</view>
			<view class="item">
				<view class="a">问题分类</view>
				<view class="b">{{feedInfo.type_item}}</view>
			</view>
			<view class="item">
				<view class="a">内容</view>
				<view class="b">{{feedInfo.content}}</view>
			</view>
			<view class="item">
				<view class="a">姓名</view>
				<view class="b">{{feedInfo.email}}</view>
			</view>
			<view class="item">
				<view class="a">电话</view>
				<view class="b">{{feedInfo.phone}}</view>
			</view>
			<view class="items">
				<view class="a">图片列表</view>
				<view class="b">
					<image v-for="(item,index) in feedInfo.image" @click="previewImage(index)" :key="index" :src="item"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseUrl: "",
				feedInfo: {}
			};
		},
		mounted() {
			const that = this;
			that.baseUrl = that.$baseUrl;
			that.feedInfo = uni.getStorageSync("feedInfo")
			if(that.feedInfo.image){
				that.feedInfo.images = that.feedInfo.image.split(",");
				let arr = []
				that.feedInfo.images.map(a=>{
					arr.push(that.baseUrl+a)
				})
				that.feedInfo.image = arr
			}
		},
		methods: {
			previewImage(index) {
				uni.previewImage({
					current: index,
					urls: this.feedInfo.image
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.site{
	padding: 0 25rpx 25rpx;
	overflow: hidden;
	&-bd{
		width: 100%;
		margin: 0 auto;
		position: relative;
		background: #FFFFFF;
		box-shadow: 0px 3rpx 10rpx 0px rgba(9,44,39,0.05);
		border-radius: 20rpx;
		padding: 10rpx 30rpx 0;
		box-sizing: border-box;
		margin-top: 20rpx;
		.item{
			padding: 20rpx 0;
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			overflow: hidden;
			.a{
				flex: 1;
				font-weight: 500;
				font-size: 30rpx;
				color: #333333;
			}
			.b{
				text-align: right;
				color: #999;
				font-size: 28rpx;
				max-width: 500rpx;
			}
		}
		.items{
			padding: 50rpx 0;
			border-top: 1px solid #ddd;
			overflow: hidden;
			.a{
				font-size: 30rpx;
				color: #212121;
			}
			.b{
				margin-top: 20rpx;
				width: 110%;
				overflow: hidden;
				image{
					width: 200rpx;
					height: 200rpx;
					border-radius: 10rpx;
					float: left;
					margin-top: 20rpx;
					margin-right: 20rpx;
				}
			}
		}
	}
}
</style>