<template>
	<view class="pr">
		<image class="top-bg" src="/static/bg/points-bg.png" mode=""></image>
		<view class="top-box pr white z1 d-c d-c-c">
			<view class="f28 mb10">我的积分</view>
			<view class="fb f72">21521</view>
		</view>
		<view class="d-b-c search-data f26">
			<view class="flex-1 gray9">日期区间</view>
			<view class="picker-item-data">{{ '2000-22-12' }}</view>
			<view style="margin: 0 60rpx;">至</view>
			<view class="picker-item-data">{{ '2000-22 -12' }}</view>
			<view class="search-radio"><text class="icon iconfont icon-sousuo"></text></view>
		</view>
		<view class="form-list">
			<view class="form-item" v-for="(item, index) in 4" :key="index">
				<view class="d-b-s mb16">
					<view class="f28 gray3">注册专区</view>
					<view class="red f30">-5</view>
				</view>
				<view class="gray9 f24 mb16">购买氢氧机绿色系列产品的奖励积分</view>
				<view class="gray9 f24">2022-04-10 22:24:25</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss">
.top-box {
	width: 750rpx;
	height: 256rpx;
}
.top-bg {
	width: 750rpx;
	height: 256rpx;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}


.form-list{
	padding: 0 20rpx;
	background-color: #fff;
	margin-top: 25rpx;
}
.form-item{
	border-bottom: 1rpx solid #eee;
	padding: 34rpx 0;
}
.form-item:last-child{
	border-bottom: none;
}
</style>
