diff --git a/components/student_write.vue b/components/student_write.vue
index ddadfea..845b6fa 100644
--- a/components/student_write.vue
+++ b/components/student_write.vue
@@ -1,13 +1,117 @@
 <template>
-	<view>
-		
+	<view class="page_div">
+		<view>
+			<p>中宣部授予肖文儒“时代楷模”称号</p>
+			<p>2022-04-15 08:00</p>
+			<p>为了贯彻落实习近平总书记在中央人才工作会议上的重要讲话精神，大力倡导尊重知识尊重人才理念，中央宣传部以云计算工程的算工程的算工程的算工程的</p>
+		</view>
+
+		<view v-show="write_none">
+			<view>
+				<p>学习笔记</p>
+				<p @click="if_none">删除</p>
+			</view>
+			<view v-show="true">
+				<textarea v-model="useInput" />
+			</view>
+		</view>
+		<view @click="insertShow()">
+			<image src="/static/template.png"></image>
+			<p>添加笔记</p>
+		</view>
 	</view>
 </template>
 
-<script setup>
-	
+<script>
+	export default {
+		data() {
+			return {
+				useInput: "",
+				block_none: true,
+				write_none: false
+			}
+		},
+		methods: {
+			insertShow() {
+				this.write_none = true;
+			},
+			if_none() {
+				this.write_none = false;
+				this.useInput = ""
+			},
+			async request() {
+				const text = await fetch("http://124.93.196.45:10091/Neusoft/times-model/appNotice/app-o/loopMap",)
+			}
+		}
+	}
 </script>
 
 <style>
-	       
+	.page_div {
+		background-color: #fff;
+		border-radius: 15px;
+		padding: 3%;
+		margin: 2%;
+	}
+
+	.page_div>view:first-child {
+		border-bottom: 1px solid darkgray;
+		padding-bottom: 10px;
+	}
+
+	.page_div>view:first-child p:first-child {
+		font-size: 1.1rem;
+	}
+
+	.page_div>view:first-child p:nth-child(2) {
+		font-size: 0.8rem;
+	}
+
+	.page_div>view:first-child p:nth-child(3) {
+		font-size: 0.9rem;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2;
+		overflow: hidden;
+		text-overflow: ellipsis;
+
+	}
+
+	.page_div>view:nth-child(2) {
+		display: flex;
+		flex-direction: column;
+		padding-bottom: 5px;
+		border-bottom: 1px solid darkgray;
+	}
+
+	.page_div>view:nth-child(2)>view:first-child {
+		display: flex;
+		justify-content: space-between;
+	}
+
+	.page_div>view:nth-child(2)>view:first-child p:nth-child(2) {
+		color: #C2050F;
+	}
+
+	.page_div>view:nth-child(2)>view:nth-child(2) {
+		background-color: darkgray;
+		border-radius: 10px;
+		padding: 5px;
+
+	}
+
+	.page_div>view:last-child {
+		margin-top: 10px;
+		height: 5vh;
+		color: rgb(255, 56, 59);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+	}
+
+	.page_div>view:last-child image {
+		width: 3vw;
+		height: 3vh
+	}
 </style>
diff --git a/pages.json b/pages.json
index 23d8288..475e0cd 100644
--- a/pages.json
+++ b/pages.json
@@ -28,6 +28,15 @@
 				"navigationBarTitleText": ""
 			}
 		}
+        ,{
+            "path" : "pages/index/voluteer",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
diff --git a/pages/index/student.vue b/pages/index/student.vue
index f61a7e4..b700ccc 100644
--- a/pages/index/student.vue
+++ b/pages/index/student.vue
@@ -14,27 +14,8 @@
 				</view>
 			</view>
 			<view v-show="current === 1">
-				<view class="page_div">
-					<view>
-						<p>中宣部授予肖文儒“时代楷模”称号</p>
-						<p>2022-04-15 08:00</p>
-						<p>为了贯彻落实习近平总书记在中央人才工作会议上的重要讲话精神，大力倡导尊重知识尊重人才理念，中央宣传部以云计算工程的算工程的算工程的算工程的</p>
-					</view>
-
-					<view v-show="write_none">
-						<view>
-							<p>学习笔记</p>
-							<p @click="if_none">删除</p>
-						</view>
-						<view v-show="block_none">
-							{{useInput}}
-						</view>
-					</view>
-					<view @click="insertShow()">
-						<image src="/static/template.png"></image>
-						<p>添加笔记</p>
-					</view>
-				</view>
+				<studentwrite></studentwrite>
+				<studentwrite></studentwrite>
 			</view>
 		</view>
 
@@ -50,9 +31,11 @@
 
 <script>
 	import part from "../../components/part.vue"
+	import studentwrite from "../../components/student_write.vue"
 	export default {
 		components: {
-			part
+			part,
+			studentwrite
 		},
 		data() {
 			const imagepath = Array.from({
@@ -64,11 +47,10 @@
 			return {
 				current: 0,
 				value: ["学习感言", "学习历史"],
-				part_title: "山西省委常委交流集中学习心得和体会，坚...",
-				part_content: "8月18日，山西省委常委就集体学习《论群众路线》，《厉行节约、反对浪费》两本重要论述摘编，相互交流学习心...",
+				part_title: "山西省委常委交流集中学习心得和体会，坚交流集中学习心得和体会，坚交流集中学习心得和体会，坚交流集中学习心得和体会，坚交流集中学习心得和体会，坚",
+				part_content: "8月18日，山西省委常委就集体学习《论群众路线》，《厉行节约、反对浪费》两本重要论述摘编，相互交流学习心相互交流学习心相互交流学习心相互交流学习心相互交流学习心相互交流学习心相互交流学习心相互交流学习心相互交流学习心相互交流学习心",
 				endbottom,
 				useInput: "",
-				block_none: true,
 				write_none: false
 			}
 		},
@@ -79,22 +61,10 @@
 				}
 			},
 			insertShow() {
-				uni.showModal({
-					title: "写入的",
-					content: "",
-					editable: true,
-					placeholderText: "请输入内容",
-					success: res => {
-						if (res.confirm) {
-							this.useInput = res.content + this.useInput;
-							console.log(this.useInput)
-							this.write_none = true
-						}
-					}
-				})
+				this.write_none =true;
 			},
 			if_none() {
-				this.block_none = !this.block_none;
+				this.write_none =false;
 				this.useInput = ""
 			}
 		}
@@ -135,7 +105,7 @@
 		font-size: 1.1rem;
 	}
 
-	.page_div {
+	/* .page_div {
 		background-color: #fff;
 		border-radius: 15px;
 		padding: 3%;
@@ -168,7 +138,7 @@
 	.page_div>view:nth-child(2) {
 		display: flex;
 		flex-direction: column;
-		padding-bottom:5px ;
+		padding-bottom: 5px;
 		border-bottom: 1px solid darkgray;
 	}
 
@@ -199,9 +169,9 @@
 	}
 
 	.page_div>view:last-child image {
+		width: 3vw;
 		height: 3vh;
-		width: 3vh;
-	}
+	} */
 
 	.student_end {
 		display: flex;
@@ -216,4 +186,4 @@
 	.nav_bottom:nth-child(3) p {
 		color: #C2050F;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/index/voluteer.vue b/pages/index/voluteer.vue
new file mode 100644
index 0000000..4444a5e
--- /dev/null
+++ 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>