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">
						{{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{
	 margin:24rpx 32rpx;
	 background-color: #fff;
	 .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>