all completed,components/side is none commentpart

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;
 	}