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

<template>
	<view>
		<u-navbar title="活动奖励详情"></u-navbar>
		<view class="banner">
			<view class="">
				2023年度荆州市地方铁路优先公司
			</view>
			<view class="">
				企业文化建设获奖名单
			</view>
		</view>
		<view class="reward-group">
			<view class="reward-item">
				劳模
			</view>
			<view class="reward-item">
				
			</view>
			<view class="reward-item">
				先进员工
			</view>
			<view class="reward-item">
				
			</view>
			<view class="reward-item">
				优秀员工
			</view>
			<view class="reward-item">
				
			</view>
			<view class="reward-item">
				一等奖
			</view>
			<view class="reward-item">
				
			</view>
			<view class="reward-item">
				二等奖
			</view>
			<view class="reward-item">
				
			</view>
			<view class="reward-item">
				三等奖
			</view>
			
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</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;
			height: 44px;
		 line-height: 44px;
		 padding-left: 16rpx;
	 }
	 .reward-item:last-of-type{
		 height: 80px;
	 }
 }
</style>