jp-railway/pages/staffHome/activityReward/rewardDetail.vue

<template>
	<view>
		<u-navbar title="活动奖励详情"></u-navbar>

		<view class="reward-group">
			<view v-for="(item,i) in list" :key="i">
				<view class="reward-item reward-item-place">
					{{item.place}}
				</view>
				<view class="reward-item">
					{{item.listName.join(' , ')}}
				</view>
			</view>


		</view>
		<u-divider :isnone="list.length==0" nonetext="没有找到相关内容" bg-color="#F2F4F4"
			border-color="#CFD2D5">已经到底了</u-divider>

	</view>
	</view>
</template>

<script>
	import * as API from '@/apis/pagejs/activity.js'

	export default {
		data() {
			return {
				id: '',
				list: [],
			}
		},
		onLoad(op) {
			if (op.id) {
				this.id = op.id
				this.getInfo()
			}

		},
		methods: {
			getInfo() {
				uni.showLoading({
					title: "加载中",
					mask: true,
				})

				API.notesList(this.id).then((res) => {

					uni.hideLoading();
					//this.list=response.data.data
					this.list = res.data;
				}).catch(error => {
					uni.showToast({
						title: error,
						icon: "none"
					})
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.banner {
		margin: 32rpx;
		background: url(../../../assets/img/banner.png) no-repeat;
		background-size: 100% 200rpx;
		color: rgba(255, 255, 255, 1);
		font-size: 20px;
		text-align: center;
		padding: 44rpx 0;
		font-family: 'Medium';
	}

	.reward-group {
		font-size: 32rpx;
		margin: 24rpx 32rpx;
		background-color: #fff;

		.reward-item-place {
			font-weight: bold;
			color: #000;
			font-size: 40rpx;

		}

		.reward-item {
			border-bottom: solid 1px #e6e6e6;

			min-height: 64px;
			line-height: 44px;
			padding-left: 16rpx;
		}

		.reward-item:last-of-type {
			min-height: 84px;
		}
	}
</style>