style: 新增shop

Yi.Bbs.Vue3/src/layout/AppHeader.vue

@@ -12,8 +12,8 @@
         <el-menu-item index="1" @click="enterIndex">主页</el-menu-item>
 
         <el-menu-item index="2" @click="enterStart"
-          style="color: red;font-weight: bolder;font-size: large;">开始</el-menu-item>
+         >开始</el-menu-item>
-        <el-menu-item index="3" @click="enterWatermelon"
+        <el-menu-item index="3" @click="enterWatermelon"  style="color: red;font-weight: bolder;font-size: large;"
                      >数字藏品</el-menu-item>
         <el-menu-item index="4" @click="enterShop"
         >商城</el-menu-item>
@@ -234,10 +234,10 @@ const enterStart = () => {
 }
 
 const enterWatermelon=()=>{
-  alert("真即将发布，敬请期待~")
+  router.push("/dc");
 }
 const enterShop=()=>{
-  alert("真即将发布，敬请期待~")
+  router.push("/shop");
 }
 </script>
 

Yi.Bbs.Vue3/src/layout/activity/components/ActivityNav.vue

@@ -35,11 +35,15 @@
       </el-icon>
       <span>排行榜</span>
     </el-menu-item>
-    <el-menu-item index="7" :route="{ path: '/money' }">
+    <el-menu-item index="7" :route="{ path: '/shop' }">
       <el-icon>
         <ShoppingCart />
       </el-icon>
-      <span>商城（即将上线）</span>
+      <span>商城</span>
+    </el-menu-item>
+    <el-menu-item index="8" :route="{ path: '/dc' }">
+      <el-icon><Trophy /></el-icon>
+      <span>数字藏品</span>
     </el-menu-item>
   </el-menu>
 

Yi.Bbs.Vue3/src/router/index.js

@@ -128,6 +128,14 @@ const router = createRouter({
             title: "商城",
           },
         },
+        {
+          name:"dc",
+          path:"/dc",
+          component: () => import("../views/dc/Index.vue"),
+          meta: {
+            title: "数字藏品",
+          },
+        },
       ],
     },
     {

Yi.Bbs.Vue3/src/views/dc/Index.vue

@@ -0,0 +1,12 @@
+<template>
+  <div style="display: flex;flex-direction: column;align-items: center;">
+   
+    <el-divider/>
+    <p>数字藏品活动，在意社区官方小程序中，欢迎体验：</p>
+    <p style="margin: 10px;font-size: large">微信小程序：</p>
+    <img style="width: 200px; height: 200px" src="@/assets/wechat/mini.jpg" alt=""/>
+    <el-divider/>
+  </div>
+</template>
+<script setup lang="ts">
+</script>

Yi.Bbs.Vue3/src/views/home/Index.vue

@@ -22,7 +22,7 @@ margin: 10px auto;">
             公正、‌法治、‌爱国、‌敬业、‌诚信、友善
           </p>
           <p v-else @click="onClickToWeChat">
-            点击关注-最新上线<span>《意.Net官方微信公众号》 </span>，分享有<span>深度</span>的.Net知识，希望能帮助大家</p>
+            点击关注-最新上线<span>《意.Net官方微信小程序》 </span>，火爆活动：<span>数字藏品</span>已开放</p>
 
 
         </div>
@@ -107,10 +107,10 @@ margin: 10px auto;">
           <el-col v-if="!isIcp" :span="24">
             <InfoCard header="活动">
               <template #content>
-                <div class="top">你好，很高兴今天又遇到你呀~</div>
+                <div class="top">今天，来一发数字藏品试试？~</div>
                 <el-row class="active">
 
-                  <el-col v-for="item in activeList" :span="6" @click="handleToRouter(item.path)">
+                  <el-col style="padding: 5px 0px;" v-for="item in activeList" :span="6" @click="handleToRouter(item.path)">
 
                     <el-icon color="#70aafb" size="30px">
                       <component :is="item.icon"></component>
@@ -219,10 +219,15 @@ margin: 10px auto;">
 
     <el-dialog
         v-model="wechatDialogVisible"
-        title="意社区官方微信公众号"
+        title="意社区官方"
         width="800"
     >
-      <div style="display: flex;justify-content: center;">
+  
+      <div style="display: flex;flex-direction: column;align-items: center;">
+        <p style="margin: 10px;font-size: large">微信小程序：</p>
+      <img style="width: 200px; height: 200px" src="@/assets/wechat/mini.jpg" alt=""/>
+    <el-divider/>
+        <p style="margin: 10px;font-size: large"> 微信公众号：</p>
         <img style="width: 585px; height: 186px" src="@/assets/wechat/share.png" alt=""/>
       </div>
 
@@ -301,6 +306,12 @@ const activeList = [
   {name: "排行榜", path: "/money", icon: "Money"},
   {name: "开始", path: "/start", icon: "Position"},
   {name: "聊天室", path: "/chat", icon: "ChatRound"},
+
+
+  {name: "商城", path: "/shop", icon: "ShoppingCart"},
+  {name: "数字藏品", path: "/dc", icon: "Trophy"},
+  // {name: "小程序", path: "/", icon: "Position"},
+  // {name: "公众号", path: "/", icon: "ChatRound"},
 ];
 const isIcp = import.meta.env.VITE_APP_ICP === "true";
 
@@ -617,7 +628,7 @@ const onClickToWeChat = () => {
 
   .active {
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-start;
     align-items: center;
     color: #8a919f;