diff --git a/README.md b/README.md
index b8301ae..90167b4 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # gdt
 
 #### 介绍
-安防平台小程序
+环市东院区安防小程序
 
 #### 软件架构
 uniapp、uvew2.0、vue2

diff --git a/README.md b/README.md
index b8301ae..90167b4 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # gdt
 
 #### 介绍
-安防平台小程序
+环市东院区安防小程序
 
 #### 软件架构
 uniapp、uvew2.0、vue2
diff --git a/pages.json b/pages.json
index e2b2d71..4071ebc 100644
--- a/pages.json
+++ b/pages.json
@@ -10,14 +10,14 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "安防平台小程序"
+				"navigationBarTitleText": "环市东院区安防小程序"
 			}
 		},
 		{
 			"path" : "pages/mine/mine",
 			"style" :                                                                                    
 			{
-				"navigationBarTitleText": "安防平台小程序",
+				"navigationBarTitleText": "环市东院区安防小程序",
 				"enablePullDownRefresh": false
 			}	
 		},
@@ -106,7 +106,7 @@
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "安防平台小程序",
+		"navigationBarTitleText": "环市东院区安防小程序",
 		"navigationBarBackgroundColor": "#fff",
 		"backgroundColor": "#F8F8F8"
 	},

diff --git a/README.md b/README.md
index b8301ae..90167b4 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # gdt
 
 #### 介绍
-安防平台小程序
+环市东院区安防小程序
 
 #### 软件架构
 uniapp、uvew2.0、vue2
diff --git a/pages.json b/pages.json
index e2b2d71..4071ebc 100644
--- a/pages.json
+++ b/pages.json
@@ -10,14 +10,14 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "安防平台小程序"
+				"navigationBarTitleText": "环市东院区安防小程序"
 			}
 		},
 		{
 			"path" : "pages/mine/mine",
 			"style" :                                                                                    
 			{
-				"navigationBarTitleText": "安防平台小程序",
+				"navigationBarTitleText": "环市东院区安防小程序",
 				"enablePullDownRefresh": false
 			}	
 		},
@@ -106,7 +106,7 @@
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "安防平台小程序",
+		"navigationBarTitleText": "环市东院区安防小程序",
 		"navigationBarBackgroundColor": "#fff",
 		"backgroundColor": "#F8F8F8"
 	},
diff --git a/pages/index/index.vue b/pages/index/index.vue
index d113f84..aea9fad 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -2,15 +2,26 @@
 <template>
   <view class="index">
     <TabBar></TabBar>
+		<view class="top">
+			<image src="../../static/logo.png" style="width: 167rpx;height: 150rpx;"></image>
+			<view class="top-title">
+				<text>欢迎使用</text>
+				<text class="bottom-text">环市东院区安防小程序</text>
+			</view>
+		</view>
     <view class="menu">
     	<button
     	  v-for="item in menu"
     	  :key="item.id"
     	  class="menu-item"
     	  @click="handleClick(item.id)"
-    	  >{{ item.name }}
+    	  >
+				<image :src="item.imgUrl" style="width: 240rpx;height: 230rpx;margin-top:-70rpx;z-index: 1;"></image>
+				<text>{{ item.name }}</text>
+				
 			</button>
     </view>
+		<image src="../../static/index/architecture.png" class="bottom-img"></image>
 		<!-- 获取手机号popup组件 -->
 		<GetPhonePopup :popShow="popShow" @closePop="closePop"/>
   </view>
@@ -37,10 +48,12 @@
         {
           id: "submit",
           name: "访客信息提交",
+					imgUrl: '../../static/index/submit.png'
         },
         {
           id: "check",
           name: "物联网安全监测",
+					imgUrl: '../../static/index/test.png'
         },
       ],
       phone: "",
@@ -154,28 +167,59 @@
 
 <style lang="scss" scoped>
 .index {
+	position: relative;
 	padding: 0 20rpx;
   padding-top: 40rpx;
-  .menu{
+	background: linear-gradient(#e7c0c1 0%, #fff 100%);
+  height: 100vh;
+	.top {
 		display: flex;
+		padding: 40rpx 32rpx;
+		.top-title {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			margin-left: 38rpx;
+			font-size: 42rpx;
+			margin-top: 10rpx;
+			.bottom-text {
+				font-size: 44rpx;
+				font-weight: 600;
+				margin-top: 6rpx;
+			}
+		}
+	}
+	.menu{
+		display: flex;
+		flex-direction: column;
 		justify-content: space-around;  
-  }
-  .menu-item {
-    display: flex;
-		justify-content: center;
-		align-items: center;
-		flex: 1;
-    height: 320rpx;
-    border-radius: 10rpx;
-    color: #000;
-    background-color: #eee;
-    border: 1px solid gray;
-		margin-right: 20rpx;
-		line-height: 44rpx;
-		&:last-child {
-			margin-right: 0;
+		padding: 32rpx;
+		margin-top: 60rpx;
+		.menu-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 0 60rpx 0 24rpx;
+			font-size: 42rpx;
+			font-weight: 600;
+			height: 240rpx;
+			width: 100%;
+		  background-color: #fff;
+			box-shadow: 3px 6px 5px #d6c6c6;
+			border-radius: 20rpx;
+			overflow: visible;
+			&:last-child {
+				margin-top: 64rpx;
+			}
 		}
   }
+	.bottom-img {
+		position: absolute;
+		bottom: 250rpx;
+		left: 0;
+		width: 100%;
+		height: 220rpx;
+	}
 }
 </style>
 <style lang="scss">

diff --git a/README.md b/README.md
index b8301ae..90167b4 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # gdt
 
 #### 介绍
-安防平台小程序
+环市东院区安防小程序
 
 #### 软件架构
 uniapp、uvew2.0、vue2
diff --git a/pages.json b/pages.json
index e2b2d71..4071ebc 100644
--- a/pages.json
+++ b/pages.json
@@ -10,14 +10,14 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "安防平台小程序"
+				"navigationBarTitleText": "环市东院区安防小程序"
 			}
 		},
 		{
 			"path" : "pages/mine/mine",
 			"style" :                                                                                    
 			{
-				"navigationBarTitleText": "安防平台小程序",
+				"navigationBarTitleText": "环市东院区安防小程序",
 				"enablePullDownRefresh": false
 			}	
 		},
@@ -106,7 +106,7 @@
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "安防平台小程序",
+		"navigationBarTitleText": "环市东院区安防小程序",
 		"navigationBarBackgroundColor": "#fff",
 		"backgroundColor": "#F8F8F8"
 	},
diff --git a/pages/index/index.vue b/pages/index/index.vue
index d113f84..aea9fad 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -2,15 +2,26 @@
 <template>
   <view class="index">
     <TabBar></TabBar>
+		<view class="top">
+			<image src="../../static/logo.png" style="width: 167rpx;height: 150rpx;"></image>
+			<view class="top-title">
+				<text>欢迎使用</text>
+				<text class="bottom-text">环市东院区安防小程序</text>
+			</view>
+		</view>
     <view class="menu">
     	<button
     	  v-for="item in menu"
     	  :key="item.id"
     	  class="menu-item"
     	  @click="handleClick(item.id)"
-    	  >{{ item.name }}
+    	  >
+				<image :src="item.imgUrl" style="width: 240rpx;height: 230rpx;margin-top:-70rpx;z-index: 1;"></image>
+				<text>{{ item.name }}</text>
+				
 			</button>
     </view>
+		<image src="../../static/index/architecture.png" class="bottom-img"></image>
 		<!-- 获取手机号popup组件 -->
 		<GetPhonePopup :popShow="popShow" @closePop="closePop"/>
   </view>
@@ -37,10 +48,12 @@
         {
           id: "submit",
           name: "访客信息提交",
+					imgUrl: '../../static/index/submit.png'
         },
         {
           id: "check",
           name: "物联网安全监测",
+					imgUrl: '../../static/index/test.png'
         },
       ],
       phone: "",
@@ -154,28 +167,59 @@
 
 <style lang="scss" scoped>
 .index {
+	position: relative;
 	padding: 0 20rpx;
   padding-top: 40rpx;
-  .menu{
+	background: linear-gradient(#e7c0c1 0%, #fff 100%);
+  height: 100vh;
+	.top {
 		display: flex;
+		padding: 40rpx 32rpx;
+		.top-title {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			margin-left: 38rpx;
+			font-size: 42rpx;
+			margin-top: 10rpx;
+			.bottom-text {
+				font-size: 44rpx;
+				font-weight: 600;
+				margin-top: 6rpx;
+			}
+		}
+	}
+	.menu{
+		display: flex;
+		flex-direction: column;
 		justify-content: space-around;  
-  }
-  .menu-item {
-    display: flex;
-		justify-content: center;
-		align-items: center;
-		flex: 1;
-    height: 320rpx;
-    border-radius: 10rpx;
-    color: #000;
-    background-color: #eee;
-    border: 1px solid gray;
-		margin-right: 20rpx;
-		line-height: 44rpx;
-		&:last-child {
-			margin-right: 0;
+		padding: 32rpx;
+		margin-top: 60rpx;
+		.menu-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 0 60rpx 0 24rpx;
+			font-size: 42rpx;
+			font-weight: 600;
+			height: 240rpx;
+			width: 100%;
+		  background-color: #fff;
+			box-shadow: 3px 6px 5px #d6c6c6;
+			border-radius: 20rpx;
+			overflow: visible;
+			&:last-child {
+				margin-top: 64rpx;
+			}
 		}
   }
+	.bottom-img {
+		position: absolute;
+		bottom: 250rpx;
+		left: 0;
+		width: 100%;
+		height: 220rpx;
+	}
 }
 </style>
 <style lang="scss">
diff --git a/static/index/architecture.png b/static/index/architecture.png
new file mode 100644
index 0000000..169e982
--- /dev/null
+++ b/static/index/architecture.png
Binary files differ

diff --git a/README.md b/README.md
index b8301ae..90167b4 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # gdt
 
 #### 介绍
-安防平台小程序
+环市东院区安防小程序
 
 #### 软件架构
 uniapp、uvew2.0、vue2
diff --git a/pages.json b/pages.json
index e2b2d71..4071ebc 100644
--- a/pages.json
+++ b/pages.json
@@ -10,14 +10,14 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "安防平台小程序"
+				"navigationBarTitleText": "环市东院区安防小程序"
 			}
 		},
 		{
 			"path" : "pages/mine/mine",
 			"style" :                                                                                    
 			{
-				"navigationBarTitleText": "安防平台小程序",
+				"navigationBarTitleText": "环市东院区安防小程序",
 				"enablePullDownRefresh": false
 			}	
 		},
@@ -106,7 +106,7 @@
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "安防平台小程序",
+		"navigationBarTitleText": "环市东院区安防小程序",
 		"navigationBarBackgroundColor": "#fff",
 		"backgroundColor": "#F8F8F8"
 	},
diff --git a/pages/index/index.vue b/pages/index/index.vue
index d113f84..aea9fad 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -2,15 +2,26 @@
 <template>
   <view class="index">
     <TabBar></TabBar>
+		<view class="top">
+			<image src="../../static/logo.png" style="width: 167rpx;height: 150rpx;"></image>
+			<view class="top-title">
+				<text>欢迎使用</text>
+				<text class="bottom-text">环市东院区安防小程序</text>
+			</view>
+		</view>
     <view class="menu">
     	<button
     	  v-for="item in menu"
     	  :key="item.id"
     	  class="menu-item"
     	  @click="handleClick(item.id)"
-    	  >{{ item.name }}
+    	  >
+				<image :src="item.imgUrl" style="width: 240rpx;height: 230rpx;margin-top:-70rpx;z-index: 1;"></image>
+				<text>{{ item.name }}</text>
+				
 			</button>
     </view>
+		<image src="../../static/index/architecture.png" class="bottom-img"></image>
 		<!-- 获取手机号popup组件 -->
 		<GetPhonePopup :popShow="popShow" @closePop="closePop"/>
   </view>
@@ -37,10 +48,12 @@
         {
           id: "submit",
           name: "访客信息提交",
+					imgUrl: '../../static/index/submit.png'
         },
         {
           id: "check",
           name: "物联网安全监测",
+					imgUrl: '../../static/index/test.png'
         },
       ],
       phone: "",
@@ -154,28 +167,59 @@
 
 <style lang="scss" scoped>
 .index {
+	position: relative;
 	padding: 0 20rpx;
   padding-top: 40rpx;
-  .menu{
+	background: linear-gradient(#e7c0c1 0%, #fff 100%);
+  height: 100vh;
+	.top {
 		display: flex;
+		padding: 40rpx 32rpx;
+		.top-title {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			margin-left: 38rpx;
+			font-size: 42rpx;
+			margin-top: 10rpx;
+			.bottom-text {
+				font-size: 44rpx;
+				font-weight: 600;
+				margin-top: 6rpx;
+			}
+		}
+	}
+	.menu{
+		display: flex;
+		flex-direction: column;
 		justify-content: space-around;  
-  }
-  .menu-item {
-    display: flex;
-		justify-content: center;
-		align-items: center;
-		flex: 1;
-    height: 320rpx;
-    border-radius: 10rpx;
-    color: #000;
-    background-color: #eee;
-    border: 1px solid gray;
-		margin-right: 20rpx;
-		line-height: 44rpx;
-		&:last-child {
-			margin-right: 0;
+		padding: 32rpx;
+		margin-top: 60rpx;
+		.menu-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 0 60rpx 0 24rpx;
+			font-size: 42rpx;
+			font-weight: 600;
+			height: 240rpx;
+			width: 100%;
+		  background-color: #fff;
+			box-shadow: 3px 6px 5px #d6c6c6;
+			border-radius: 20rpx;
+			overflow: visible;
+			&:last-child {
+				margin-top: 64rpx;
+			}
 		}
   }
+	.bottom-img {
+		position: absolute;
+		bottom: 250rpx;
+		left: 0;
+		width: 100%;
+		height: 220rpx;
+	}
 }
 </style>
 <style lang="scss">
diff --git a/static/index/architecture.png b/static/index/architecture.png
new file mode 100644
index 0000000..169e982
--- /dev/null
+++ b/static/index/architecture.png
Binary files differ
diff --git a/static/index/submit.png b/static/index/submit.png
new file mode 100644
index 0000000..0591fe2
--- /dev/null
+++ b/static/index/submit.png
Binary files differ

diff --git a/README.md b/README.md
index b8301ae..90167b4 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # gdt
 
 #### 介绍
-安防平台小程序
+环市东院区安防小程序
 
 #### 软件架构
 uniapp、uvew2.0、vue2
diff --git a/pages.json b/pages.json
index e2b2d71..4071ebc 100644
--- a/pages.json
+++ b/pages.json
@@ -10,14 +10,14 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "安防平台小程序"
+				"navigationBarTitleText": "环市东院区安防小程序"
 			}
 		},
 		{
 			"path" : "pages/mine/mine",
 			"style" :                                                                                    
 			{
-				"navigationBarTitleText": "安防平台小程序",
+				"navigationBarTitleText": "环市东院区安防小程序",
 				"enablePullDownRefresh": false
 			}	
 		},
@@ -106,7 +106,7 @@
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "安防平台小程序",
+		"navigationBarTitleText": "环市东院区安防小程序",
 		"navigationBarBackgroundColor": "#fff",
 		"backgroundColor": "#F8F8F8"
 	},
diff --git a/pages/index/index.vue b/pages/index/index.vue
index d113f84..aea9fad 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -2,15 +2,26 @@
 <template>
   <view class="index">
     <TabBar></TabBar>
+		<view class="top">
+			<image src="../../static/logo.png" style="width: 167rpx;height: 150rpx;"></image>
+			<view class="top-title">
+				<text>欢迎使用</text>
+				<text class="bottom-text">环市东院区安防小程序</text>
+			</view>
+		</view>
     <view class="menu">
     	<button
     	  v-for="item in menu"
     	  :key="item.id"
     	  class="menu-item"
     	  @click="handleClick(item.id)"
-    	  >{{ item.name }}
+    	  >
+				<image :src="item.imgUrl" style="width: 240rpx;height: 230rpx;margin-top:-70rpx;z-index: 1;"></image>
+				<text>{{ item.name }}</text>
+				
 			</button>
     </view>
+		<image src="../../static/index/architecture.png" class="bottom-img"></image>
 		<!-- 获取手机号popup组件 -->
 		<GetPhonePopup :popShow="popShow" @closePop="closePop"/>
   </view>
@@ -37,10 +48,12 @@
         {
           id: "submit",
           name: "访客信息提交",
+					imgUrl: '../../static/index/submit.png'
         },
         {
           id: "check",
           name: "物联网安全监测",
+					imgUrl: '../../static/index/test.png'
         },
       ],
       phone: "",
@@ -154,28 +167,59 @@
 
 <style lang="scss" scoped>
 .index {
+	position: relative;
 	padding: 0 20rpx;
   padding-top: 40rpx;
-  .menu{
+	background: linear-gradient(#e7c0c1 0%, #fff 100%);
+  height: 100vh;
+	.top {
 		display: flex;
+		padding: 40rpx 32rpx;
+		.top-title {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			margin-left: 38rpx;
+			font-size: 42rpx;
+			margin-top: 10rpx;
+			.bottom-text {
+				font-size: 44rpx;
+				font-weight: 600;
+				margin-top: 6rpx;
+			}
+		}
+	}
+	.menu{
+		display: flex;
+		flex-direction: column;
 		justify-content: space-around;  
-  }
-  .menu-item {
-    display: flex;
-		justify-content: center;
-		align-items: center;
-		flex: 1;
-    height: 320rpx;
-    border-radius: 10rpx;
-    color: #000;
-    background-color: #eee;
-    border: 1px solid gray;
-		margin-right: 20rpx;
-		line-height: 44rpx;
-		&:last-child {
-			margin-right: 0;
+		padding: 32rpx;
+		margin-top: 60rpx;
+		.menu-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 0 60rpx 0 24rpx;
+			font-size: 42rpx;
+			font-weight: 600;
+			height: 240rpx;
+			width: 100%;
+		  background-color: #fff;
+			box-shadow: 3px 6px 5px #d6c6c6;
+			border-radius: 20rpx;
+			overflow: visible;
+			&:last-child {
+				margin-top: 64rpx;
+			}
 		}
   }
+	.bottom-img {
+		position: absolute;
+		bottom: 250rpx;
+		left: 0;
+		width: 100%;
+		height: 220rpx;
+	}
 }
 </style>
 <style lang="scss">
diff --git a/static/index/architecture.png b/static/index/architecture.png
new file mode 100644
index 0000000..169e982
--- /dev/null
+++ b/static/index/architecture.png
Binary files differ
diff --git a/static/index/submit.png b/static/index/submit.png
new file mode 100644
index 0000000..0591fe2
--- /dev/null
+++ b/static/index/submit.png
Binary files differ
diff --git a/static/index/test.png b/static/index/test.png
new file mode 100644
index 0000000..dadb44c
--- /dev/null
+++ b/static/index/test.png
Binary files differ

diff --git a/README.md b/README.md
index b8301ae..90167b4 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # gdt
 
 #### 介绍
-安防平台小程序
+环市东院区安防小程序
 
 #### 软件架构
 uniapp、uvew2.0、vue2
diff --git a/pages.json b/pages.json
index e2b2d71..4071ebc 100644
--- a/pages.json
+++ b/pages.json
@@ -10,14 +10,14 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "安防平台小程序"
+				"navigationBarTitleText": "环市东院区安防小程序"
 			}
 		},
 		{
 			"path" : "pages/mine/mine",
 			"style" :                                                                                    
 			{
-				"navigationBarTitleText": "安防平台小程序",
+				"navigationBarTitleText": "环市东院区安防小程序",
 				"enablePullDownRefresh": false
 			}	
 		},
@@ -106,7 +106,7 @@
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "安防平台小程序",
+		"navigationBarTitleText": "环市东院区安防小程序",
 		"navigationBarBackgroundColor": "#fff",
 		"backgroundColor": "#F8F8F8"
 	},
diff --git a/pages/index/index.vue b/pages/index/index.vue
index d113f84..aea9fad 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -2,15 +2,26 @@
 <template>
   <view class="index">
     <TabBar></TabBar>
+		<view class="top">
+			<image src="../../static/logo.png" style="width: 167rpx;height: 150rpx;"></image>
+			<view class="top-title">
+				<text>欢迎使用</text>
+				<text class="bottom-text">环市东院区安防小程序</text>
+			</view>
+		</view>
     <view class="menu">
     	<button
     	  v-for="item in menu"
     	  :key="item.id"
     	  class="menu-item"
     	  @click="handleClick(item.id)"
-    	  >{{ item.name }}
+    	  >
+				<image :src="item.imgUrl" style="width: 240rpx;height: 230rpx;margin-top:-70rpx;z-index: 1;"></image>
+				<text>{{ item.name }}</text>
+				
 			</button>
     </view>
+		<image src="../../static/index/architecture.png" class="bottom-img"></image>
 		<!-- 获取手机号popup组件 -->
 		<GetPhonePopup :popShow="popShow" @closePop="closePop"/>
   </view>
@@ -37,10 +48,12 @@
         {
           id: "submit",
           name: "访客信息提交",
+					imgUrl: '../../static/index/submit.png'
         },
         {
           id: "check",
           name: "物联网安全监测",
+					imgUrl: '../../static/index/test.png'
         },
       ],
       phone: "",
@@ -154,28 +167,59 @@
 
 <style lang="scss" scoped>
 .index {
+	position: relative;
 	padding: 0 20rpx;
   padding-top: 40rpx;
-  .menu{
+	background: linear-gradient(#e7c0c1 0%, #fff 100%);
+  height: 100vh;
+	.top {
 		display: flex;
+		padding: 40rpx 32rpx;
+		.top-title {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			margin-left: 38rpx;
+			font-size: 42rpx;
+			margin-top: 10rpx;
+			.bottom-text {
+				font-size: 44rpx;
+				font-weight: 600;
+				margin-top: 6rpx;
+			}
+		}
+	}
+	.menu{
+		display: flex;
+		flex-direction: column;
 		justify-content: space-around;  
-  }
-  .menu-item {
-    display: flex;
-		justify-content: center;
-		align-items: center;
-		flex: 1;
-    height: 320rpx;
-    border-radius: 10rpx;
-    color: #000;
-    background-color: #eee;
-    border: 1px solid gray;
-		margin-right: 20rpx;
-		line-height: 44rpx;
-		&:last-child {
-			margin-right: 0;
+		padding: 32rpx;
+		margin-top: 60rpx;
+		.menu-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 0 60rpx 0 24rpx;
+			font-size: 42rpx;
+			font-weight: 600;
+			height: 240rpx;
+			width: 100%;
+		  background-color: #fff;
+			box-shadow: 3px 6px 5px #d6c6c6;
+			border-radius: 20rpx;
+			overflow: visible;
+			&:last-child {
+				margin-top: 64rpx;
+			}
 		}
   }
+	.bottom-img {
+		position: absolute;
+		bottom: 250rpx;
+		left: 0;
+		width: 100%;
+		height: 220rpx;
+	}
 }
 </style>
 <style lang="scss">
diff --git a/static/index/architecture.png b/static/index/architecture.png
new file mode 100644
index 0000000..169e982
--- /dev/null
+++ b/static/index/architecture.png
Binary files differ
diff --git a/static/index/submit.png b/static/index/submit.png
new file mode 100644
index 0000000..0591fe2
--- /dev/null
+++ b/static/index/submit.png
Binary files differ
diff --git a/static/index/test.png b/static/index/test.png
new file mode 100644
index 0000000..dadb44c
--- /dev/null
+++ b/static/index/test.png
Binary files differ
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..b17e24f
--- /dev/null
+++ b/static/logo.png
Binary files differ

diff --git a/README.md b/README.md
index b8301ae..90167b4 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # gdt
 
 #### 介绍
-安防平台小程序
+环市东院区安防小程序
 
 #### 软件架构
 uniapp、uvew2.0、vue2
diff --git a/pages.json b/pages.json
index e2b2d71..4071ebc 100644
--- a/pages.json
+++ b/pages.json
@@ -10,14 +10,14 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "安防平台小程序"
+				"navigationBarTitleText": "环市东院区安防小程序"
 			}
 		},
 		{
 			"path" : "pages/mine/mine",
 			"style" :                                                                                    
 			{
-				"navigationBarTitleText": "安防平台小程序",
+				"navigationBarTitleText": "环市东院区安防小程序",
 				"enablePullDownRefresh": false
 			}	
 		},
@@ -106,7 +106,7 @@
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "安防平台小程序",
+		"navigationBarTitleText": "环市东院区安防小程序",
 		"navigationBarBackgroundColor": "#fff",
 		"backgroundColor": "#F8F8F8"
 	},
diff --git a/pages/index/index.vue b/pages/index/index.vue
index d113f84..aea9fad 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -2,15 +2,26 @@
 <template>
   <view class="index">
     <TabBar></TabBar>
+		<view class="top">
+			<image src="../../static/logo.png" style="width: 167rpx;height: 150rpx;"></image>
+			<view class="top-title">
+				<text>欢迎使用</text>
+				<text class="bottom-text">环市东院区安防小程序</text>
+			</view>
+		</view>
     <view class="menu">
     	<button
     	  v-for="item in menu"
     	  :key="item.id"
     	  class="menu-item"
     	  @click="handleClick(item.id)"
-    	  >{{ item.name }}
+    	  >
+				<image :src="item.imgUrl" style="width: 240rpx;height: 230rpx;margin-top:-70rpx;z-index: 1;"></image>
+				<text>{{ item.name }}</text>
+				
 			</button>
     </view>
+		<image src="../../static/index/architecture.png" class="bottom-img"></image>
 		<!-- 获取手机号popup组件 -->
 		<GetPhonePopup :popShow="popShow" @closePop="closePop"/>
   </view>
@@ -37,10 +48,12 @@
         {
           id: "submit",
           name: "访客信息提交",
+					imgUrl: '../../static/index/submit.png'
         },
         {
           id: "check",
           name: "物联网安全监测",
+					imgUrl: '../../static/index/test.png'
         },
       ],
       phone: "",
@@ -154,28 +167,59 @@
 
 <style lang="scss" scoped>
 .index {
+	position: relative;
 	padding: 0 20rpx;
   padding-top: 40rpx;
-  .menu{
+	background: linear-gradient(#e7c0c1 0%, #fff 100%);
+  height: 100vh;
+	.top {
 		display: flex;
+		padding: 40rpx 32rpx;
+		.top-title {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			margin-left: 38rpx;
+			font-size: 42rpx;
+			margin-top: 10rpx;
+			.bottom-text {
+				font-size: 44rpx;
+				font-weight: 600;
+				margin-top: 6rpx;
+			}
+		}
+	}
+	.menu{
+		display: flex;
+		flex-direction: column;
 		justify-content: space-around;  
-  }
-  .menu-item {
-    display: flex;
-		justify-content: center;
-		align-items: center;
-		flex: 1;
-    height: 320rpx;
-    border-radius: 10rpx;
-    color: #000;
-    background-color: #eee;
-    border: 1px solid gray;
-		margin-right: 20rpx;
-		line-height: 44rpx;
-		&:last-child {
-			margin-right: 0;
+		padding: 32rpx;
+		margin-top: 60rpx;
+		.menu-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 0 60rpx 0 24rpx;
+			font-size: 42rpx;
+			font-weight: 600;
+			height: 240rpx;
+			width: 100%;
+		  background-color: #fff;
+			box-shadow: 3px 6px 5px #d6c6c6;
+			border-radius: 20rpx;
+			overflow: visible;
+			&:last-child {
+				margin-top: 64rpx;
+			}
 		}
   }
+	.bottom-img {
+		position: absolute;
+		bottom: 250rpx;
+		left: 0;
+		width: 100%;
+		height: 220rpx;
+	}
 }
 </style>
 <style lang="scss">
diff --git a/static/index/architecture.png b/static/index/architecture.png
new file mode 100644
index 0000000..169e982
--- /dev/null
+++ b/static/index/architecture.png
Binary files differ
diff --git a/static/index/submit.png b/static/index/submit.png
new file mode 100644
index 0000000..0591fe2
--- /dev/null
+++ b/static/index/submit.png
Binary files differ
diff --git a/static/index/test.png b/static/index/test.png
new file mode 100644
index 0000000..dadb44c
--- /dev/null
+++ b/static/index/test.png
Binary files differ
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..b17e24f
--- /dev/null
+++ b/static/logo.png
Binary files differ
diff --git a/static/share.jpg b/static/share.jpg
index 20481b3..fb50e4e 100644
--- a/static/share.jpg
+++ b/static/share.jpg
Binary files differ