From add74b0ad0039e57262975009d927dffd208833d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A9=99=E5=AD=90?= <454313500@qq.com>
Date: Thu, 25 Jan 2024 20:32:01 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E6=9E=84=E5=BB=BA=E5=A4=A7=E5=B0=8F?=
 =?UTF-8?q?=E5=86=99=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{signIn/index.vue => activity/Index.vue}  | 166 +++++++++---------
 .../components/ActivityBody.vue}              |  68 +++----
 .../activity/components/ActivityNav.vue       |  44 +++++
 Yi.Bbs.Vue3/src/router/index.js               |  16 +-
 Yi.Bbs.Vue3/src/views/home/Index.vue          |   2 +-
 5 files changed, 172 insertions(+), 124 deletions(-)
 rename Yi.Bbs.Vue3/src/layout/{signIn/index.vue => activity/Index.vue} (90%)
 rename Yi.Bbs.Vue3/src/layout/{signIn/components/signBody.vue => activity/components/ActivityBody.vue} (73%)
 create mode 100644 Yi.Bbs.Vue3/src/layout/activity/components/ActivityNav.vue

diff --git a/Yi.Bbs.Vue3/src/layout/signIn/index.vue b/Yi.Bbs.Vue3/src/layout/activity/Index.vue
similarity index 90%
rename from Yi.Bbs.Vue3/src/layout/signIn/index.vue
rename to Yi.Bbs.Vue3/src/layout/activity/Index.vue
index 217e2782..dc9c7be7 100644
--- a/Yi.Bbs.Vue3/src/layout/signIn/index.vue
+++ b/Yi.Bbs.Vue3/src/layout/activity/Index.vue
@@ -1,83 +1,83 @@
-<template>
-  <div class="common-layout">
-    <el-container class="common-container">
-      <el-header
-        class="common-header"
-        ref="header"
-        :class="[isFixed ? 'fixed' : '']"
-      >
-        <AppHeader />
-      </el-header>
-      <el-main class="common-main">
-        <SignBody />
-      </el-main>
-    </el-container>
-  </div>
-</template>
-<script setup>
-import { ref, onMounted } from "vue";
-import AppHeader from "../AppHeader.vue";
-import SignBody from "./components/signBody.vue";
-
-const header = ref(null);
-const isFixed = ref(false);
-
-onMounted(() => {
-  window.addEventListener("scroll", handleScroll);
-});
-
-const handleScroll = () => {
-  const scrollTop =
-    window.scrollY ||
-    document.documentElement.scrollTop ||
-    document.body.scrollTop;
-  const currentEle = header.value.$el;
-  if (scrollTop > currentEle.offsetTop) {
-    isFixed.value = true;
-  } else {
-    isFixed.value = false;
-  }
-};
-</script>
-
-<style scoped lang="scss">
-.common {
-  &-layout {
-    width: 100%;
-    height: 100%;
-  }
-  &-container {
-    width: 100%;
-    height: 100%;
-  }
-  &-header {
-    width: 100%;
-    background-color: #fff;
-    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
-    height: 60px;
-    display: flex;
-    justify-content: center;
-  }
-  &-main {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    height: calc(100% - 50px);
-  }
-}
-
-.el-main {
-  margin: 0;
-  padding: 0;
-  min-height: 10rem;
-  background-color: #f0f2f5;
-}
-
-.fixed {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 99999;
-}
-</style>
+<template>
+  <div class="common-layout">
+    <el-container class="common-container">
+      <el-header
+        class="common-header"
+        ref="header"
+        :class="[isFixed ? 'fixed' : '']"
+      >
+        <AppHeader />
+      </el-header>
+      <el-main class="common-main">
+        <ActivityBody />
+      </el-main>
+    </el-container>
+  </div>
+</template>
+<script setup>
+import { ref, onMounted } from "vue";
+import AppHeader from "../AppHeader.vue";
+import ActivityBody from "./components/ActivityBody.vue";
+
+const header = ref(null);
+const isFixed = ref(false);
+
+onMounted(() => {
+  window.addEventListener("scroll", handleScroll);
+});
+
+const handleScroll = () => {
+  const scrollTop =
+    window.scrollY ||
+    document.documentElement.scrollTop ||
+    document.body.scrollTop;
+  const currentEle = header.value.$el;
+  if (scrollTop > currentEle.offsetTop) {
+    isFixed.value = true;
+  } else {
+    isFixed.value = false;
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.common {
+  &-layout {
+    width: 100%;
+    height: 100%;
+  }
+  &-container {
+    width: 100%;
+    height: 100%;
+  }
+  &-header {
+    width: 100%;
+    background-color: #fff;
+    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
+    height: 60px;
+    display: flex;
+    justify-content: center;
+  }
+  &-main {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    height: calc(100% - 50px);
+  }
+}
+
+.el-main {
+  margin: 0;
+  padding: 0;
+  min-height: 10rem;
+  background-color: #f0f2f5;
+}
+
+.fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 99999;
+}
+</style>
diff --git a/Yi.Bbs.Vue3/src/layout/signIn/components/signBody.vue b/Yi.Bbs.Vue3/src/layout/activity/components/ActivityBody.vue
similarity index 73%
rename from Yi.Bbs.Vue3/src/layout/signIn/components/signBody.vue
rename to Yi.Bbs.Vue3/src/layout/activity/components/ActivityBody.vue
index ec2c7ce8..5859c97e 100644
--- a/Yi.Bbs.Vue3/src/layout/signIn/components/signBody.vue
+++ b/Yi.Bbs.Vue3/src/layout/activity/components/ActivityBody.vue
@@ -1,32 +1,36 @@
-<template>
-  <div class="sign-box">
-    <div class="menuList">菜单栏</div>
-    <div class="page">
-      <RouterView />
-    </div>
-  </div>
-</template>
-
-<script setup></script>
-
-<style lang="scss" scoped>
-.sign-box {
-  display: flex;
-  justify-content: space-between;
-  width: 1300px;
-  height: 100%;
-  padding: 20px 0 10px;
-  .menuList {
-    width: 25%;
-    height: 100%;
-    background-color: #fff;
-    border-radius: 5px;
-  }
-  .page {
-    width: 70%;
-    height: 100%;
-    background-color: #fff;
-    border-radius: 5px;
-  }
-}
-</style>
+<template>
+  <div class="sign-box">
+    <div class="menuList">
+      <ActivityNav/>
+    </div>
+    <div class="page">
+      <RouterView />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import ActivityNav from './ActivityNav.vue'
+</script>
+
+<style lang="scss" scoped>
+.sign-box {
+  display: flex;
+  justify-content: space-between;
+  width: 1300px;
+  height: 100%;
+  padding: 20px 0 10px;
+  .menuList {
+    width: 20%;
+    height: 100%;
+    background-color: #fff;
+    border-radius: 5px;
+  }
+  .page {
+    width: 75%;
+    height: 100%;
+    background-color: #fff;
+    border-radius: 5px;
+  }
+}
+</style>
diff --git a/Yi.Bbs.Vue3/src/layout/activity/components/ActivityNav.vue b/Yi.Bbs.Vue3/src/layout/activity/components/ActivityNav.vue
new file mode 100644
index 00000000..79be9082
--- /dev/null
+++ b/Yi.Bbs.Vue3/src/layout/activity/components/ActivityNav.vue
@@ -0,0 +1,44 @@
+<template>
+        <el-menu
+        default-active="1"
+        class="el-menu-vertical-demo"
+        @open="handleOpen"
+        @close="handleClose"
+      >
+      <el-menu-item index="1">
+        <el-icon><Present /></el-icon>
+          <span>每日签到</span>
+        </el-menu-item>
+        <el-menu-item index="2">
+            <el-icon><Memo /></el-icon>
+          <span>任务列表</span>
+        </el-menu-item>
+        <el-menu-item index="3">
+            <el-icon><HelpFilled /></el-icon>
+          <span>大转盘</span>
+        </el-menu-item>
+        <el-menu-item index="4">
+            <el-icon><Sunrise /></el-icon>
+          <span>娱乐城</span>
+        </el-menu-item>
+      </el-menu>
+
+</template>
+<script setup>
+const handleOpen = (key, keyPath) => {
+  console.log(key, keyPath)
+}
+const handleClose = (key, keyPath) => {
+  console.log(key, keyPath)
+}
+</script>
+<style lang="scss" scoped>
+.el-menu-item
+{
+    justify-content: center;
+}
+.el-menu{
+    border-right-width: 0px !important;
+
+}
+</style>
\ No newline at end of file
diff --git a/Yi.Bbs.Vue3/src/router/index.js b/Yi.Bbs.Vue3/src/router/index.js
index 97f63a9a..826274ca 100644
--- a/Yi.Bbs.Vue3/src/router/index.js
+++ b/Yi.Bbs.Vue3/src/router/index.js
@@ -2,7 +2,7 @@ import { createRouter, createWebHistory } from "vue-router";
 import Layout from "../layout/Index.vue";
 import NotFound from "../views/error/404.vue";
 import LoginLayout from "../layout/LoginLayout.vue";
-import SignInLayout from "../layout/signIn/index.vue";
+import ActivityLayout from "../layout/activity/Index.vue";
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   scrollBehavior(to, from, savedPosition) {
@@ -100,15 +100,15 @@ const router = createRouter({
       ],
     },
     {
-      path: "/sign",
-      name: "signInLayout",
-      component: SignInLayout,
-      redirect: "/sign/everyday",
+      path: "/activity",
+      name: "activityLayout",
+      component: ActivityLayout,
+      redirect: "/activity/sign",
       children: [
         {
-          name: "everyday",
-          path: "everyday",
-          component: () => import("../views/signIn/index.vue"),
+          name: "sign",
+          path: "sign",
+          component: () => import("../views/signIn/Index.vue"),
           meta: {
             title: "每日签到",
           },
diff --git a/Yi.Bbs.Vue3/src/views/home/Index.vue b/Yi.Bbs.Vue3/src/views/home/Index.vue
index f6848efe..00261daa 100644
--- a/Yi.Bbs.Vue3/src/views/home/Index.vue
+++ b/Yi.Bbs.Vue3/src/views/home/Index.vue
@@ -296,7 +296,7 @@ const statisOptions = computed(() => {
 });
 
 const handleToSign = () => {
-  router.push("/sign");
+  router.push("/activity/sign");
 };
 
 // 推送的实时人数获取