<template>
	<view class="begin">
		<view class="title">
			公益活动
		</view>
		<uni-segmented-control styleType="text" activeColor="red" :current="current" :values="value"
			@clickItem="togglecurrent"></uni-segmented-control>
		<view class="content">
			<view v-show="current === 0">
				<view class="voluteer_card">
					<image src="../../static/c1.png"></image>
					<p>携手防疫志愿服务活动</p>
					<view class="voluteer_card_bottom">
						<p>活动时间：2022/04/15 09:00 ~ 2022/04/15 11:30</p>
						<p>发起方：社区志愿服务队</p>
						<p>简介：因最近疫情频繁，各大城市相继出现无症状患者，以及无症状患者无症状患者无症状患者无症状患者</p>
					</view>
					<view>
						<view>
							<image src="../../static/component.png"></image>已报名12138人
						</view>
						<view>去报名</view>
					</view>
				</view>
			</view>
			<view v-show="current === 1">

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: 0,
				value: ["全部活动", "已报名"]
			}
		},
		methods: {
			togglecurrent(e) {
				if (this.current != e.currentIndex) {
					this.current = e.currentIndex
				}
			}
		}
	}
</script>

<style>
	/* 	.voluteer_card {} */

	.begin {
		background-color: rgb(244, 244, 244);
		height: 95vh;
		display: flex;
		flex-direction: column;
	}

	.title {
		font-size: 1.3rem;
		font-weight: bold;
		text-align: center;

	}
</style>
