<template>
	<view class="">
		<view class="month-list">
			<view class="title">2023年12月公示</view>
			<view class="content">
				<view class="text">捐赠总金额：10000元</view>
				<view class="text">帮扶人数：20人</view>
				<view class="text">本月帮帮团：3005人</view>
			</view>
			<view class="btn-list" style="display: flex;">
				<view class="btn">帮扶公示</view>
				<view class="btn">帮帮团公示</view>
			</view>
		</view>
		<view class="month-list">
			<view class="title">2023年11月公示</view>
			<view class="content">
				<view class="text">捐赠总金额：5000元</view>
				<view class="text">帮扶人数：10人</view>
				<view class="text">本月帮帮团：2156人</view>
			</view>
			<view class="btn-list" style="display: flex;">
				<view class="btn">帮扶公示</view>
				<view class="btn">帮帮团公示</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	page {
		font-size: 36rpx;
	}

	.month-list {
		border: 1px solid #eee;
		width: 95%;
		margin: 20rpx auto;
		background: #fff;
		border-radius: 10px;
	}

	.title {
		height: 80rpx;
		line-height: 80rpx;
		border-bottom: 1px solid #eee;
		padding-left: 10px;
		font-weight: bold;
	}

	.text {
		line-height: 40px;
		height: 80rpx;
		padding-left: 10px;
	}

	.btn {
		flex: 1;
		text-align: center;
		height: 100rpx;
		line-height: 100rpx;
		border: 1px solid #eee;
		text-decoration: underline;
		color: #3c9cff
	}
</style>