<template>
	<view class="giveCoinDetail_content">
		<view class="give_list_body">
			<view class="give_list_item">
				<view class="give_list_item_header">
					<view class="item_header_time">
						2022-06
					</view>
				</view>
				<view class="give_list_item_con">
					<view class="_item_con_give_record">
						<view class="give_record_item">
							<view class="record_item_title">
								充值赠送金币
							</view>
							<view class="record_item_num">
								+6000
							</view>
						</view>
						<view class="give_record_item mt16rpx">
							<view class="record_item_time">
								2022-06-24 21:06:54
							</view>
							<view class="record_item_become_due">
								到期时间06-29
							</view>
						</view>
					</view>
					<view class="_item_con_give_record">
						<view class="give_record_item">
							<view class="record_item_title">
								充值赠送金币
							</view>
							<view class="record_item_num">
								+6000
							</view>
						</view>
						<view class="give_record_item mt16rpx">
							<view class="record_item_time">
								2022-06-24 21:06:54
							</view>
							<view class="record_item_become_due">
								到期时间06-29
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #F6F6F6;
	}

	.mt16rpx {
		margin-top: 16rpx;
	}

	.giveCoinDetail_content {
		width: 100%;
		box-sizing: border-box;
		padding: 0 32rpx 32rpx;

		.give_list_body {
			width: 100%;

			.give_list_item {
				width: 100%;

				.give_list_item_header {
					width: 100%;
					padding: 24rpx 0;

					.item_header_time {
						font-size: 32rpx;
						color: #1A1A1A;
					}
				}

				.give_list_item_con {
					width: 100%;
					background-color: #fff;
					border-radius: 8rpx;

					._item_con_give_record {
						width: 100%;
						padding: 24rpx;
						box-sizing: border-box;

						.give_record_item {
							display: flex;
							justify-content: space-between;
							line-height: 1;

							.record_item_title {
								font-size: 30rpx;
								color: #1A1A1A;
								// font-weight: 600;
							}

							.record_item_num {
								font-size: 30rpx;
								color: #FF728F;
							}

							.record_item_time {
								font-size: 22rpx;
								color: #666666;
							}

							.record_item_become_due {
								font-size: 22rpx;
								color: #1A1A1A;
							}
						}
					}

					._item_con_give_record {
						border-bottom: 2rpx solid #EEEEEE;
					}

					._item_con_give_record:last-child {
						border-bottom: none;
					}
				}
			}
		}
	}
</style>