From 9f9e96dc0c6acfb39045df13d1550e42bad8484e Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 23 Jan 2025 15:43:48 +0800
Subject: [PATCH] =?UTF-8?q?feat(home):=20=E8=8E=B7=E5=8F=96=E6=8B=8D?=
 =?UTF-8?q?=E5=8D=96=E8=AF=A6=E6=83=85=E5=B9=B6=E4=BC=98=E5=8C=96=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 home 页面中调用 getAuctionDetail 方法获取拍卖详情
- 更新 Cescribe组件以显示拍卖详情信息和图片
- 在 ItemList 组件中添加 v-memo 指令以优化性能
- 调整 liveRoom 组件中的视频播放器样式
---
 app/pages/home/components/Cescribe/index.vue | 10 +++++++---
 app/pages/home/components/ItemList/index.vue |  2 +-
 app/pages/home/index.vue                     |  3 ++-
 app/pages/liveRoom/index.client.vue          |  4 ++--
 app/stores/goods/index.js                    |  1 +
 5 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/pages/home/components/Cescribe/index.vue b/app/pages/home/components/Cescribe/index.vue
index 20594f0..70f73ac 100644
--- a/app/pages/home/components/Cescribe/index.vue
+++ b/app/pages/home/components/Cescribe/index.vue
@@ -1,12 +1,16 @@
 <script setup>
-
+import {goodStore} from "~/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+const {
+  auctionDetail
+} = goodStore()
 </script>
 
 <template>
   <div class="px-16px pt-14px">
-    <div class="text-#575757 text-14px">
-      这里是后台富文本配置的说明，啊即可打开三等奖撒度老师的湿答答是快乐的阿四大皆空
+    <div class="text-#575757 text-14px" v-html="auctionDetail.info">
     </div>
+    <xImage :src="auctionDetail.image" class="w-343px"></xImage>
   </div>
 </template>
 
diff --git a/app/pages/home/components/ItemList/index.vue b/app/pages/home/components/ItemList/index.vue
index f1a22d1..5da2c15 100644
--- a/app/pages/home/components/ItemList/index.vue
+++ b/app/pages/home/components/ItemList/index.vue
@@ -65,7 +65,7 @@ const openShow = async (item) => {
           finished-text="没有更多了"
           @load="loadMore"
       >
-        <div class="w-full flex gap-[16px]">
+        <div class="w-full flex gap-[16px]" v-memo="[itemList]">
           <masonry-wall :items="itemList" :ssr-columns="2" :maxColumns="2" :minColumns="2"  :gap="5">
             <template #default="{ item, index }">
             <div
diff --git a/app/pages/home/index.vue b/app/pages/home/index.vue
index 38ee57d..bb96874 100644
--- a/app/pages/home/index.vue
+++ b/app/pages/home/index.vue
@@ -3,10 +3,11 @@ import liveRoom from '@/pages/liveRoom/index.client.vue';
 import {goodStore} from "@/stores/goods/index.js";
 import ItemList from './components/ItemList/index.vue'
 import Cescribe from './components/Cescribe/index.vue'
-const {fullLive, liveRef} = goodStore();
+const {fullLive, liveRef,getAuctionDetail} = goodStore();
 const changeLive = () => {
   fullLive.value = true;
 };
+getAuctionDetail()
 </script>
 <template>
   <div class="flex-grow-1">
diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index 55391a7..9ebe87d 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -86,7 +86,7 @@ watch(()=>{
 
 <template>
   <div class="relative h-full">
-<!--    <div class="w-full h-full">
+    <div class="w-full h-full">
       <video
           class="h-full w-full"
           autoplay
@@ -98,7 +98,7 @@ watch(()=>{
         <source src="@/static/video/example.mp4" type="video/mp4" />
         您的浏览器不支持 HTML5 视频。
       </video>
-    </div>-->
+    </div>
 <!--    <div :id="playerId" class="w-screen"
          :style="fullLive?'height: calc(100vh - var(&#45;&#45;van-nav-bar-height))':'height:100%'"></div>-->
 
diff --git a/app/stores/goods/index.js b/app/stores/goods/index.js
index e993ee7..2ae4a0e 100644
--- a/app/stores/goods/index.js
+++ b/app/stores/goods/index.js
@@ -34,6 +34,7 @@ export const goodStore = createGlobalState(() => {
             const res = await defaultDetail({})
             if (res.status === 0) {
                 auctionDetail.value = res.data
+                console.log('auctionDetail.value',auctionDetail.value)
             }
         } catch (err) {
             console.error('获取拍卖详情错误:', err)