除了数据分析都完成

pages/index/index.vue

@@ -8,7 +8,7 @@
 			<view class="headers_middle">
 				<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000">
 					<swiper-item v-for="path in banner_content">
-						<view class="swiper-item" >
+						<view class="swiper-item">
 							<image :src="`http://124.93.196.45:10091/Neusoft/times-model${path}`"></image>
 						</view>
 					</swiper-item>
@@ -34,10 +34,10 @@
 		<view>
 			<text class="title">楷模列表</text>
 			<indexpage ref="as" :end="part_nums"></indexpage>
+			<button @click="showmore()">显示更多</button>
 		</view>
-		<button @click="showmore()">显示更多</button>
 		<view class="index_end">
-			<view class="nav_bottom" v-for="path_image in endbottom">
+			<view class="nav_bottom" v-for="(path_image,index) in endbottom" @click="gowhere(index)">
 				<image :src="path_image[0]"></image>
 				<p>{{path_image[1]}}</p>
 			</view>
@@ -101,7 +101,7 @@
 						method: "GET",
 						headers: {
 							"Content-Type": "application/json",
-							"Authorization":(await this.requests("up", "/app/login")).token
+							"Authorization": (await this.requests("up", "/app/login")).token
 						},
 					})
 
@@ -109,6 +109,20 @@
 				const data = await response.json()
 				console.log(data)
 				return data
+			},
+			gowhere(index) {
+				switch (index) {
+					case 1:
+						uni.navigateTo({
+							url: '/pages/index/voluteer'
+						});
+						break;
+					case 2:
+						uni.navigateTo({
+							url: '/pages/index/student'
+						});
+						break;
+				}
 			}
 		},
 		async mounted() {
@@ -118,7 +132,7 @@
 				datavalue.push(this.requests("down", `/appNotice/app-o/loopMapDetail?id=${i}`))
 			}
 			datavalue = (await Promise.all(datavalue)).map(x => x.data.picPath)
-			this.banner_content =datavalue
+			this.banner_content = datavalue
 			console.log(datavalue)
 		},
 	}
@@ -131,7 +145,7 @@
 	}
 
 	.begin {
-		background-color: rgb(246, 246, 246);
+		background-color: rgb(221,221,221);
 	}
 
 	.text1 {
@@ -157,13 +171,16 @@
 		border: 1px red solid;
 		background-color: #fff !important;
 	}
-	.headers_middle swiper{
+
+	.headers_middle swiper {
 		height: 100%;
 	}
-	.headers_middle swiper .swiper-item image{
+
+	.headers_middle swiper .swiper-item image {
 		width: 100%;
 		height: 25vh;
 	}
+
 	.headers_bottom {
 		height: 10vh;
 		display: flex;
@@ -225,9 +242,8 @@
 	}
 
 	.headers+view+view {
-		background-color: rgb(246, 246, 246);
 		margin: 10px 15px;
-		padding-bottom: 10px;
+		padding-bottom: 65px;
 	}
 
 	.title {
@@ -241,6 +257,12 @@
 	.index_end {
 		display: flex;
 		justify-content: space-around;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		width: 100vw;
+		background-color: #fff;
+		height:65px;
 	}
 
 	.nav_bottom {
@@ -248,13 +270,13 @@
 		flex-direction: column;
 		align-items: center;
 	}
-
+	
 	.nav_bottom image {
-		width: 6vw;
-		height: 3vh;
+		width: 40px;
+		height: 40px;
 	}
-
+	
 	.nav_bottom:nth-child(1) p {
 		color: #C2050F;
 	}
-</style>
+</style>