完成活动详情页面开发

pages.json

@@ -87,6 +87,12 @@
 			}
 		},
 		{
+			"path": "pages/activity/activity_deatil",
+			"style": {
+				"navigationBarTitleText": "活动详情"
+			}
+		},
+		{
 			"path": "pages/supply/index",
 			"style": {
 				"navigationBarTitleText": "供需管理",

pages/activity/index.vue

@@ -17,7 +17,12 @@
       </div>
     </div>
     <div class="actives">
-      <div v-for="(active, idx) in activeList" :key="idx" class="actives-item">
+      <div
+        v-for="(active, idx) in activeList"
+        :key="idx"
+        class="actives-item"
+        @click="goDeatil(active.id)"
+      >
         <div class="active-content">
           <div class="img-box"><img :src="active.url" alt="" /></div>
           <div class="right">
@@ -143,6 +148,12 @@ export default {
       }
       this.$refs.mpvuePicker.show();
     },
+    goDeatil(id = 1) {
+      console.log(123);
+      uni.navigateTo({
+        url: "/pages/activity/activity_deatil?id=" + id,
+      });
+    },
   },
 };
 </script>