diff --git a/components/bannerlist.vue b/components/bannerlist.vue
index 469c239..da56bf0 100644
--- a/components/bannerlist.vue
+++ b/components/bannerlist.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="bannerlist">
-		<view class="li" v-for="value in valuearray">
+		<view class="li" v-for="(value,index) in valuearray" @click="gowhere(index)">
 			<image :src="value[1]"></image>
 			<text>{{value[0]}}</text>
 		</view>
@@ -9,18 +9,22 @@
 
 <script>
 	export default {
-		
+
 		data() {
 			let valuearray = ["开门", "我的房屋", "我的车位", "物业缴费", "扫码取件", "社区公告", "社区电话", "投诉建议"]
 				.map((value, index) => [value,
-					`../../static/${["open-door.png","house.png","feedback-1.png","property-bill.png","qr-pick.png","note.png","property-tel.png","feedback.png"][index]}`
+					`/static/${["open-door.png","house.png","feedback-1.png","property-bill.png","qr-pick.png","note.png","property-tel.png","feedback.png"][index]}`
 				])
 			return {
 				valuearray
 			}
 		},
 		methods: {
-
+			gowhere(index) {
+				uni.navigateTo({
+					url:"/pages/index/addr"
+				})
+			}
 		},
 		mounted() {
 			console.log(this.valuearray)
diff --git a/components/side.vue b/components/side.vue
index 87b6899..719a734 100644
--- a/components/side.vue
+++ b/components/side.vue
@@ -1,22 +1,49 @@
 <template>
-	<view>
-		
+	<view class="begin">
+		<view class="title">
+			<view>{{this.value[3]}}</view>
+			<view>{{this.value[4]}}</view>
+		</view>
+		<view class="content" v-html="this.value[5]">
+
+		</view>
+		<view class="who">
+		</view>
 	</view>
 </template>
 
+
 <script>
 	export default {
+
 		data() {
 			return {
-				
+				value: null
 			}
 		},
-		methods: {
-			
+		methods: {},
+		onLoad(option) {
+			const id = option.id
+			this.value = JSON.parse(decodeURIComponent(option.data))
+			console.log('id:', id)
+			console.log('完整数据:', this.value)
 		}
 	}
 </script>
 
 <style>
+	.begin {
+		margin: 10px;
+	}
 
-</style>
\ No newline at end of file
+	.title {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 10px;
+	}
+
+	.content {
+		font-size: 0.8rem;
+		text-indent: 2em;
+	}
+</style>
diff --git a/pages.json b/pages.json
index 9620df7..b5084d1 100644
--- a/pages.json
+++ b/pages.json
@@ -30,9 +30,18 @@
 		{
 			"path": "pages/index/addr",
 			"style": {
-				"navigationBarTitleText": ""
+				"navigationBarTitleText": "社区公告"
 			}
 		}
+        ,{
+            "path" : "pages/index/addr_more",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
diff --git a/pages/index/addr.vue b/pages/index/addr.vue
index ddadfea..7c85a96 100644
--- a/pages/index/addr.vue
+++ b/pages/index/addr.vue
@@ -1,13 +1,184 @@
 <template>
-	<view>
+	<view class="page">
+		<uni-segmented-control :current="current" styleType="text" activeColor="dodgerblue" :values="value"
+			@clickItem="toggole()"></uni-segmented-control>
+		<view class="content">
+			<view v-show="current === 0">
+				<view v-for="unit in array">
+					<view class="header">
+						<text>{{unit[0]}}</text>
+						<text>未读</text>
+					</view>
+					<view class="content_text" v-html="unit[1]"></view>
+					<view class="bottom_content">
+						<view>
+							<image src="../../static/组 155.png"></image>
+							<text>{{unit[2]}}</text>
+						</view>
+						<view @click="goto(unit)">查看详情</view>
+					</view>
+				</view>
+			</view>
+			<view v-show="current === 1">
+				选项卡2的内容
+			</view>
+			<view v-show="current === 2">
+				选项卡3的内容
+			</view>
+		</view>
 		
 	</view>
 </template>
 
-<script setup>
-	
+<script>
+	export default {
+		data() {
+			return {
+				current: 0,
+				value: ["全部", "未读", "已读"],
+				array: null,
+			}
+		},
+		methods: {
+			async request(gest, path) {
+				let text
+				if (gest == "get") {
+					text = await fetch(`http://124.93.196.45:10091/Neusoft/community${path}`, {
+						method: "GET",
+						headers: {
+							"Content-Type": "application/json",
+							"Authorization": (await this.request("post", "/api/login")).token
+						},
+					})
+				} else if (gest == "post") {
+					text = await fetch(`http://124.93.196.45:10091/Neusoft/community${path}`, {
+						method: "POST",
+						headers: {
+							"Content-Type": "application/json",
+						},
+						body: JSON.stringify({
+							"password": "0CYdq6Hn",
+							"username": "6dOMIgIU",
+						})
+					})
+				}
+				const data = await text.json()
+				console.log(data)
+				return data
+			},
+			goto(value){
+				const itemStr = encodeURIComponent(JSON.stringify(value))
+				uni.navigateTo({
+					url:`/pages/index/addr_more?id=${value[3]}&data=${itemStr}`
+				})
+				
+			}
+		},
+		async mounted() {
+			this.array = (await this.request("get", "/api/notice/list")).rows.map(x => [
+			x.noticeTitle,
+			 x.noticeContent, 
+			 x.createTime,
+			 x.noticeId
+			])
+			console.log(this.array)
+		}
+	}
 </script>
 
 <style>
-	       
+	* {
+		padding: 0;
+		margin: 0;
+	}
+
+	.page {
+		background-color: #ECF4FD;
+		height: 95.3vh;
+	}
+
+	.content {
+		margin: 10px;
+	}
+
+	.content view view {
+		background-color: white;
+		padding: 5px;
+	}
+
+	.content>view>view {
+		margin: 10px;
+		border-radius: 10px;
+		box-shadow: 10px 10px 20px #f7f7f7;
+	}
+
+	.header {
+		display: flex;
+		justify-content: space-between;
+	}
+	.header text:nth-child(2){
+		color:#55ff7f;
+	}
+	.content_text {
+		height: 13vh;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		padding: 8px 0px !important;
+		border-bottom: 1px solid black;
+		border-top: 1px solid black;
+	}
+
+	.bottom_content {
+		display: flex;
+		justify-content: space-between;
+
+	}
+
+	.bottom_content image {
+		height: 20px;
+		width: 20px;
+	}
+
+	.bottom_content>view:first-child {
+		color: #d0d0d0;
+	}
+
+	.bottom_content>view {
+		display: flex;
+		align-items: center;
+	}
+	.bottom_content>view:nth-child(2){
+	color: blue;
+	}
+	.bottom {
+		display: flex;
+		position: fixed;
+		border: 1px solid black;
+		bottom: 0;
+		width: 100%;
+		height: 5vh;
+	}
+
+	.list-li {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.list-li image {
+		height: 20px;
+		width: 20px;
+	}
+
+	.list-li:nth-child(1) {
+		color: dodgerblue;
+	}
+
+	.list-li:nth-child(3) image {
+		width: 40px;
+		height: 40px;
+		border-radius: 50%;
+		border: 2px solid black;
+	}
 </style>
diff --git a/pages/index/addr_more.vue b/pages/index/addr_more.vue
new file mode 100644
index 0000000..094f60d
--- /dev/null
+++ b/pages/index/addr_more.vue
@@ -0,0 +1,48 @@
+<template>
+	<view class="begin">
+		<view class="title">
+			<view>{{this.item[0]}}</view>
+			<view>{{this.item[2]}}</view>
+		</view>
+		<view class="content" v-html="item[1]">
+
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				item: null
+			}
+		},
+		methods: {
+
+		},
+		onLoad(options) {
+			const id = options.id
+			this.item = JSON.parse(decodeURIComponent(options.data))
+			console.log('id:', id)
+			console.log('完整数据:', this.item)
+			console.log('标题:', this.item[0])
+			console.log('内容:', this.item[1])
+			console.log('时间:', this.item[2])
+		}
+	}
+</script>
+
+<style>
+	.begin {
+		margin: 10px;
+	}
+
+	.title {
+		display: flex;
+		justify-content: space-between;
+	}
+	.content{
+		font-size: 0.8rem;
+	}
+	
+</style>
diff --git a/pages/index/countryside.vue b/pages/index/countryside.vue
index 0a1ec9c..3b7094a 100644
--- a/pages/index/countryside.vue
+++ b/pages/index/countryside.vue
@@ -5,7 +5,7 @@
 			<text>友邻社区</text>
 		</view>
 		<view class="countryside_content">
-			<view v-for="value in valuearray">
+			<view v-for="(value,index) in valuearray" @click="goto(value)">
 				<image :src="value[0]"></image>
 				<view>
 					<view>
@@ -20,7 +20,7 @@
 			</view>
 		</view>
 		<view class="bottom">
-			<view class="list-li" v-for="part in list">
+			<view class="list-li" v-for="(part,index) in list" @click="gowhere(index)">
 				<image :src="part[1]"></image>
 				<text>{{part[0]}}</text>
 			</view>
@@ -65,6 +65,25 @@
 				const data = await text.json()
 				console.log(data)
 				return data
+			},
+			gowhere(index){
+				switch(index){
+					case 0:
+						uni.navigateTo({
+							url:"/pages/index/index"
+						})
+						break
+					case 3:
+						uni.navigateTo({
+							url:"/pages/index/data"
+						})
+				}
+			},
+			goto(value){
+				const data =encodeURIComponent(JSON.stringify(value))
+				uni.navigateTo({
+					url:`/components/side?id=${value[1]}&data=${data}`
+				})
 			}
 		},
 		async mounted() {
@@ -164,7 +183,7 @@
 		width: 20px;
 	}
 
-	.list-li:nth-child(1) {
+	.list-li:nth-child(2) {
 		color: dodgerblue;
 	}
 
diff --git a/pages/index/data.vue b/pages/index/data.vue
new file mode 100644
index 0000000..ec8bec7
--- /dev/null
+++ b/pages/index/data.vue
@@ -0,0 +1,24 @@
+<template>
+	<view>
+		<view id="chart" style="width: 100%; height: 400px;"></view>
+		<view id="pie" style="width: 100%; height: 400px;"></view>
+		<view id="line" style="width: 100%; height: 400px;"></view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 5adb527..5ee21a9 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="begin">
 		<view class="title" v-if="notices">
-			{{notices[0][2]}}
+			{{notices[0][4]}}
 		</view>
 		<swiper class="first" :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000">
 			<swiper-item v-for="path in imagePath">
@@ -10,8 +10,9 @@
 				</view>
 			</swiper-item>
 		</swiper>
-		<swiper class="notice" :indicator-dots="false" :autoplay="false" :interval="3000" :duration="1000">
-			<swiper-item v-for="notice in notices">
+		<swiper class="notice" vertical="true" :indicator-dots="false" :autoplay="true" :interval="3000"
+			:duration="1000">
+			<swiper-item v-for="(notice,index) in notices" @click="goto(notice)">
 				<view class="swiper-item">
 					{{notice[0]}}
 					<image src="../../static/联合 10.png"></image>
@@ -46,11 +47,11 @@
 					<view>{{active_content[2][1]}}</view>
 					<view>{{active_content[2][3]}}评论 {{active_content[2][4]}}</view>
 				</view>
-				<image :src="active_content[2][0]" mode=""></image>
+				<image :src="active_content[2][0]"></image>
 			</view>
 		</view>
 		<view class="bottom">
-			<view class="list-li" v-for="part in list">
+			<view class="list-li" v-for="(part,index) in list" @click="gowhere(index)">
 				<image :src="part[1]"></image>
 				<text>{{part[0]}}</text>
 			</view>
@@ -102,13 +103,36 @@
 				const data = await text.json()
 				console.log(data)
 				return data
+			},
+			gowhere(index) {
+				switch (index) {
+					case 1:
+						uni.navigateTo({
+							url: "/pages/index/countryside"
+						})
+						break
+					case 3:
+						uni.navigateTo({
+							url: "/pages/index/data"
+						})
+				}
+			},
+			goto(value) {
+				const itemStr = encodeURIComponent(JSON.stringify(value))
+				uni.navigateTo({
+					url: `/pages/index/addr_more?id=${value[3]}&data=${itemStr}`
+				})
+
 			}
 		},
 		async mounted() {
 			this.imagePath = (await this.request("get", "/api/adv/list")).data.map(x =>
 				`http://124.93.196.45:10091/Neusoft/community${x.image}`)
-			this.notices = (await this.request("get", "/api/notice/list")).rows.map(x => [x.noticeTitle, x
-				.noticeContent,
+			this.notices = (await this.request("get", "/api/notice/list")).rows.map(x => [
+				x.noticeTitle,
+				x.noticeContent,
+				x.createTime,
+				x.noticeId,
 				x.unit
 			])
 			this.active_content = (await this.request("get", "/api/cms/article/list")).rows.map(x => [
@@ -312,4 +336,4 @@
 		border-radius: 50%;
 		border: 2px solid black;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/static/组 155.png b/static/组 155.png
new file mode 100644
index 0000000..9ff27c0
Binary files /dev/null and b/static/组 155.png differ