<template>
<view class="hongbao">
	<view class="top">
		<view class="title">
			红包获取方式
		</view>
		<view class="item">
			1、通过上传发票获取红包
		</view>
		<view class="item">
			2、每张发票只能兑换一次
		</view>
	</view>
	<view class="bottom">
		<view class="title">
			<image src="../../static/images/img/hongbao.png" mode=""></image>
			<text>获取红包</text>
		</view>
		<view class="content">
			<text>扫描发票</text>
			<image src="../../static/images/img/scan.png" mode=""></image>
		</view>
	</view>
</view>
</template>

<script>
</script>

<style lang="scss" scoped>
.hongbao{
	min-height: calc(100vh);
	background-color: #F2F3F4;
	padding: 24rpx;
	.top{
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 30rpx;
		.title{
			
			font-family: Source Han Sans SC;
			font-weight: 500;
			font-size: 30rpx;
			color: #222222;
		}
		.item{
			margin-top:30rpx;
			
			font-family: Source Han Sans SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #666666;
		}
	}
	.bottom{
		margin-top:20rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		padding:0 30rpx;
		.title{
			display: flex;
			align-items: center;
			padding:30rpx 0;
			border-bottom: 1px solid #EAEAEA;
			image{
				width:40rpx;
				height: 40rpx;
			}
			text{
				margin-left:16rpx;
				font-family: Source Han Sans SC;
				font-weight: 400;
				font-size: 30rpx;
				color: #222222;
			}
		}
		.content{
			padding:30rpx 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			text{
			
				font-family: Source Han Sans SC;
				font-weight: 500;
				font-size: 30rpx;
				color: #222222;
			}
			image{
				width:40rpx;
				height: 40rpx;
			}
		}
	}
}
</style>