Add activity module with milk tea event

open-isle-cli/src/components/MenuComponent.vue

@@ -32,6 +32,15 @@
           <i class="menu-item-icon fas fa-info-circle"></i>
           <span class="menu-item-text">关于</span>
         </router-link>
+        <router-link
+          class="menu-item"
+          exact-active-class="selected"
+          to="/activities"
+          @click="handleItemClick"
+        >
+          <i class="menu-item-icon fas fa-gift"></i>
+          <span class="menu-item-text">活动</span>
+        </router-link>
         <router-link
           v-if="shouldShowStats"
           class="menu-item"

open-isle-cli/src/router/index.js

@@ -3,6 +3,7 @@ import HomePageView from '../views/HomePageView.vue'
 import MessagePageView from '../views/MessagePageView.vue'
 import AboutPageView from '../views/AboutPageView.vue'
 import SiteStatsPageView from '../views/SiteStatsPageView.vue'
+import ActivityListPageView from '../views/ActivityListPageView.vue'
 import PostPageView from '../views/PostPageView.vue'
 import LoginPageView from '../views/LoginPageView.vue'
 import SignupPageView from '../views/SignupPageView.vue'
@@ -38,6 +39,11 @@ const routes = [
     name: 'site-stats',
     component: SiteStatsPageView
   },
+  {
+    path: '/activities',
+    name: 'activities',
+    component: ActivityListPageView
+  },
   {
     path: '/new-post',
     name: 'new-post',

open-isle-cli/src/views/ActivityListPageView.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="activity-list-page">
+    <h1>活动列表</h1>
+    <ul>
+      <li v-for="a in activities" :key="a.id">{{ a.title }}</li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import { API_BASE_URL } from '../main'
+
+export default {
+  name: 'ActivityListPageView',
+  data() {
+    return { activities: [] }
+  },
+  async mounted() {
+    const res = await fetch(`${API_BASE_URL}/api/activities`)
+    if (res.ok) {
+      this.activities = await res.json()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.activity-list-page {
+  padding: 10px;
+}
+</style>