feat: 支持微信通知

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

@@ -15,12 +15,14 @@
           style="color: red;font-weight: bolder;font-size: large;">开始</el-menu-item>
         <el-menu-item index="3" @click="enterWatermelon"
                      >数字藏品</el-menu-item>
-        <el-sub-menu index="4">
-          <template #title>学习</template>
-          <el-menu-item index="3-1">前端</el-menu-item>
-          <el-menu-item index="3-2">后端</el-menu-item>
-          <el-menu-item index="3-3">运维</el-menu-item>
-        </el-sub-menu>
+        <el-menu-item index="4" @click="enterShop"
+        >商城</el-menu-item>
+<!--        <el-sub-menu index="4">-->
+<!--          <template #title>学习</template>-->
+<!--          <el-menu-item index="3-1">前端</el-menu-item>-->
+<!--          <el-menu-item index="3-2">后端</el-menu-item>-->
+<!--          <el-menu-item index="3-3">运维</el-menu-item>-->
+<!--        </el-sub-menu>-->
 
 <!--        <el-sub-menu index="5">-->
 <!--          <template #title>问答</template>-->
@@ -232,7 +234,10 @@ const enterStart = () => {
 }
 
 const enterWatermelon=()=>{
-  alert("即将发布，敬请期待~")
+  alert("真即将发布，敬请期待~")
+}
+const enterShop=()=>{
+  alert("真即将发布，敬请期待~")
 }
 </script>
 

Yi.Bbs.Vue3/src/views/shop/components/ShopCard.vue

@@ -1,5 +1,6 @@
 <script setup>
 import {computed, ref, watch} from "vue";
+import { dayjs } from 'element-plus'
 const data=ref({});
 const realData=ref({});
 const props = defineProps([
@@ -37,18 +38,21 @@ const isConformToRule=computed(()=>{
 </script>
 
 
-<template>
+<template >
+  <div class="shop-card" >
   <el-card  shadow="hover">
     <template #header>{{data.name}}</template>
     <img
         :src="data.imageUrl"
         style="width: 100%"
      alt=""/>
-    简介：{{data.describe}}
+    
     <ul>
+      <li style="font-size: smaller;color: #7c8188;margin-bottom: 5px">简介：{{data.describe}}</li>
       <li :class="{'less-li': realData.money<data.needMoney}">所需钱钱：{{data.needMoney}}</li>
       <li :class="{'less-li': realData.value<data.needValue}">所需价值：{{data.needValue}}</li>
       <li :class="{'less-li': realData.points<data.needPoints}">所需积分：{{data.needPoints}}</li>
+      <li >到期时间：{{dayjs(data.endTime).format("YYYY/MM/DD")}}</li>
       <li>限购数量：{{data.limitNumber}}</li>
       <li>剩余：{{data.stockNumber}}</li>
     </ul>
@@ -59,6 +63,7 @@ const isConformToRule=computed(()=>{
       <el-button v-else :disabled="data.isLimit" type="success" @click="clickBuy">{{data.isLimit===true?"已申请":"申请购买"}} </el-button>
     </div>
   </el-card>
+    </div>
 </template>
 
 <style scoped lang="scss">
@@ -66,9 +71,35 @@ const isConformToRule=computed(()=>{
 {
   display: flex;
   justify-content: flex-end;
-  margin-top: 20px;
+  margin: 10px;
 }
 .less-li{
   color: red;
 }
+img{
+  height: 100px;
+  width: 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+.shop-card :deep(.el-card__body) {
+  padding: 0 2px 0 0!important;
+}
+.shop-card :deep(.el-card__header)
+{
+  display: flex;
+  justify-content: center;
+  padding: 5px;
+  //color: red;
+  font-weight: bolder;
+  
+}
+ul{
+  padding: 10px;
+}
+.shop-card :deep(.el-divider)
+{
+  margin: 0;
+}
 </style>