50%进度，做完第一套b部分

2026-04-13 16:28:59 +08:00
parent df3ae29701
commit c53a6b2640
4 changed files with 199 additions and 49 deletions
--- a/pages/index/voluteer.vue
+++ b/pages/index/voluteer.vue
@@ -0,0 +1,67 @@
+<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>