From 9c725735aff82fc8f00d3b6c8412640a86e98d0e Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 3 Mar 2025 16:40:00 +0800
Subject: [PATCH 01/27] =?UTF-8?q?refactor:=20=E9=87=8D=E6=9E=84=E7=9B=B4?=
 =?UTF-8?q?=E6=92=AD=E9=A1=B5=E9=9D=A2=E5=B9=B6=E7=A7=BB=E9=99=A4=E6=9C=AA?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=9A=84=20Stripe=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 删除了未使用的 StripeCheckout.vue 组件
- 优化了直播页面的代码结构
- 修复了拍卖价格显示的潜在错误
- 更新了网站图标
---
 app/components/StripeCheckout.vue   | 276 ----------------------------
 app/pages/liveRoom/index.client.vue |   3 +-
 public/favicon.ico                  | Bin 4286 -> 10926 bytes
 3 files changed, 2 insertions(+), 277 deletions(-)
 delete mode 100644 app/components/StripeCheckout.vue

diff --git a/app/components/StripeCheckout.vue b/app/components/StripeCheckout.vue
deleted file mode 100644
index 84d853b..0000000
--- a/app/components/StripeCheckout.vue
+++ /dev/null
@@ -1,276 +0,0 @@
-<template>
-  <div class="stripe-container">
-    <form id="payment-form" @submit.prevent="handleSubmit">
-      <div id="payment-element">
-        <!--Stripe.js injects the Payment Element-->
-      </div>
-      <button id="submit">
-        <div class="spinner hidden" id="spinner"></div>
-        <span id="button-text">Pay now</span>
-      </button>
-      <div id="payment-message" class="hidden"></div>
-    </form>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue'
-
-// The items the customer wants to buy
-const items = [{ id: "xl-tshirt", amount: 1000 }]
-
-const stripe = ref(null)
-const elements = ref(null)
-const isLoading = ref(false)
-
-onMounted(async () => {
-  try {
-    // 初始化 Stripe
-    stripe.value = window.Stripe("pk_test_51QfbSAAB1Vm8VfJq3AWsR4k2mZjnlF7XFrmlbc6XVXrtwXquAUfwzZmOFDbxMIAwqJBgqao8KLt2wmPc4vNOCTeo00WB78KtfV")
-    await initialize()
-  } catch (error) {
-    showMessage("Failed to initialize payment system")
-  }
-})
-
-// Fetches a payment intent and captures the client secret
-const initialize = async () => {
-  try {
-    const response = await fetch("/create-payment-intent", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ items }),
-    })
-    const { clientSecret } = await response.json()
-
-    const appearance = {
-      theme: 'stripe',
-    }
-
-    // 创建 elements 实例
-    elements.value = stripe.value.elements({ 
-      appearance, 
-      clientSecret,
-    })
-
-    // 创建并挂载 Payment Element
-    const paymentElement = elements.value.create("payment", {
-      layout: "accordion",
-    })
-
-    // 确保挂载到正确的 DOM 元素
-    const mountElement = document.getElementById("payment-element")
-    if (mountElement) {
-      paymentElement.mount(mountElement)
-    } else {
-      throw new Error("Payment element mount point not found")
-    }
-  } catch (error) {
-    showMessage("Failed to load payment form")
-  }
-}
-
-const handleSubmit = async () => {
-  if (!stripe.value || !elements.value) {
-    showMessage("Payment system not initialized")
-    return
-  }
-
-  setLoading(true)
-
-  try {
-    const { error } = await stripe.value.confirmPayment({
-      elements: elements.value,
-      confirmParams: {
-        return_url: window.location.origin + "/complete.html",
-      },
-    })
-
-    if (error) {
-      if (error.type === "card_error" || error.type === "validation_error") {
-        showMessage(error.message)
-      } else {
-        showMessage("An unexpected error occurred.")
-      }
-    }
-  } catch (e) {
-    showMessage("Payment processing failed")
-  } finally {
-    setLoading(false)
-  }
-}
-
-const showMessage = (messageText) => {
-  const messageContainer = document.querySelector("#payment-message")
-
-  messageContainer.classList.remove("hidden")
-  messageContainer.textContent = messageText
-
-  setTimeout(() => {
-    messageContainer.classList.add("hidden")
-    messageContainer.textContent = ""
-  }, 4000)
-}
-
-// Show a spinner on payment submission
-const setLoading = (isLoading) => {
-  if (isLoading) {
-    // Disable the button and show a spinner
-    document.querySelector("#submit").disabled = true
-    document.querySelector("#spinner").classList.remove("hidden")
-    document.querySelector("#button-text").classList.add("hidden")
-  } else {
-    document.querySelector("#submit").disabled = false
-    document.querySelector("#spinner").classList.add("hidden")
-    document.querySelector("#button-text").classList.remove("hidden")
-  }
-}
-</script>
-
-<style scoped>
-.stripe-container {
-  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
-  font-size: 16px;
-  -webkit-font-smoothing: antialiased;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-content: center;
-  height: 100vh;
-  width: 100vw;
-}
-
-form {
-  width: 30vw;
-  min-width: 500px;
-  align-self: center;
-  box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
-    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
-  border-radius: 7px;
-  padding: 40px;
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.hidden {
-  display: none;
-}
-
-#payment-message {
-  color: rgb(105, 115, 134);
-  font-size: 16px;
-  line-height: 20px;
-  padding-top: 12px;
-  text-align: center;
-}
-
-#payment-element {
-  margin-bottom: 24px;
-}
-
-button {
-  background: #0055DE;
-  font-family: Arial, sans-serif;
-  color: #ffffff;
-  border-radius: 4px;
-  border: 0;
-  padding: 12px 16px;
-  font-size: 16px;
-  font-weight: 600;
-  cursor: pointer;
-  display: block;
-  transition: all 0.2s ease;
-  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
-  width: 100%;
-}
-
-button:hover {
-  filter: contrast(115%);
-}
-
-button:disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
-.spinner,
-.spinner:before,
-.spinner:after {
-  border-radius: 50%;
-}
-
-.spinner {
-  color: #ffffff;
-  font-size: 22px;
-  text-indent: -99999px;
-  margin: 0px auto;
-  position: relative;
-  width: 20px;
-  height: 20px;
-  box-shadow: inset 0 0 0 2px;
-  -webkit-transform: translateZ(0);
-  -ms-transform: translateZ(0);
-  transform: translateZ(0);
-}
-
-.spinner:before,
-.spinner:after {
-  position: absolute;
-  content: "";
-}
-
-.spinner:before {
-  width: 10.4px;
-  height: 20.4px;
-  background: #0055DE;
-  border-radius: 20.4px 0 0 20.4px;
-  top: -0.2px;
-  left: -0.2px;
-  -webkit-transform-origin: 10.4px 10.2px;
-  transform-origin: 10.4px 10.2px;
-  -webkit-animation: loading 2s infinite ease 1.5s;
-  animation: loading 2s infinite ease 1.5s;
-}
-
-.spinner:after {
-  width: 10.4px;
-  height: 10.2px;
-  background: #0055DE;
-  border-radius: 0 10.2px 10.2px 0;
-  top: -0.1px;
-  left: 10.2px;
-  -webkit-transform-origin: 0px 10.2px;
-  transform-origin: 0px 10.2px;
-  -webkit-animation: loading 2s infinite ease;
-  animation: loading 2s infinite ease;
-}
-
-@-webkit-keyframes loading {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes loading {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@media only screen and (max-width: 600px) {
-  form {
-    width: 80vw;
-    min-width: initial;
-  }
-}
-</style> 
\ No newline at end of file
diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index 161761b..bd4be60 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -146,7 +146,8 @@ const tipOpen = () => {
             <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
             <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
           </div>
-          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
             <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
               <div>{{
                   `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
diff --git a/public/favicon.ico b/public/favicon.ico
index 18993ad91cfd43e03b074dd0b5cc3f37ab38e49c..5b8675a59852c5713344a17f1aab60ce04c9be8c 100644
GIT binary patch
literal 10926
zcmV;fDpA#mP)<h;3K|Lk000e1NJLTq00651006591^@s68R%>o00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZ}07*naRCr$PT?cqn#TGtylh7fQBy^=FbPyF$Q9%@*
z4H6U)1eD&T_uhMNQltoqijn{#D58iBtbl+?C?XvaN{|+k-TVH3Fc=_ZlWgBR-}k<^
zlHIv8Xa0NU^rML}tfD}{a!pETK6<c^NU$z?ab2X4NyJ~*G=I^>U(+PNuIv7o44<`p
z_<R|k<M267*X5FE_^j)37XF*ac}=vFW|3&o6Qa&Xe|plYMR@s_KsRF~r$A6hqiPmS
zt6~xjpwvR}w_yGcgvw(tN&)y+Fn6>jdKCX3fR3^xn)hBfv~j<^p6QPBdOcVRR1B-)
ztLt@fcy%>hdlDQl&}9x%mly!~8*uLJW=rCBfcF5_hJW(T;dNkjX>g{8K`#fdSAdlO
z^|9!!u-WF2Axox*3HSNCeoWW3HHju!eeuumeeSdF%&pX8!CJ6v<B~o;rq?x1Zy}mi
zHFM-~qhIOzA5i?>GbhUX7Y?sK?nW!OdZ``-R{#56DBzdN_f<_yEkxI!02lSB{aJIW
zutGpD)V?Kf6Rst!jXSpKqBXyBhwpgCVV0_!BOrVJ&M*h{1w2c*1K}OAMqQ5JIaANY
zUtA$ax8HEcGwt{gw+3s0GEMz`eG|KACcT%4R@jboa`UP6vtYP06BDw%eeuZJICtHQ
zTY@#Hbfdz0cAs7_;&cHgr6JxJR!{%}LY!#&0xjM$``lj}&RX#km->pEfwiu0U~qwc
z;H1OBNprarCEaQ<`c=H>W6nignjx}1(Os7AHed}1X;jaondSkcmE486uD?$GK%!{v
zFGPm_==y8L$-DX@14}($M6zd_4aNRdS6{0;u1{GHM3zhZ&7m<zKRe^fdvIm2ngT;Y
zdw_Uj7#QNpMD&EU{VUH7i;0X_fc+pm!S#kqf;F&QqX)#-XDJp})AdN^*((B@{Y?_h
z?PCsY_}$fZ>T+NWs1VxGq-(PvpyYHlVtLJabh!c6+CDZa{5@CNv&(?BaN!2I_58V3
z!}}8IN(A!iwdne4?b5Z*XU~3d)fMRA5?~D|*QBQAWBCZOX<1hwim`_OC;<KIux>WJ
z8hdEnZ_cKRv%#tb1c&w3Ofm@z@pCpYjOV9J0m!ilx<v-YMu*RICXJj3)(8CpE8IsV
zs<kr-U_9G;3V_Qli;0Tp;4Eu_Q@~oV+;jPSd~$4ptF(^wq%ywg3KRffH=E7zuU$B_
znK@<-9S#R8JW<8qiP~y-q8xh8wtm=tvn8RSqZ1t+3f5bSl)eERwYaURXUykV3c!hQ
zLf7=r*vN=q9ra{~fi<W?Xaj62+z3E%)X_TPIr=rE)w~=N6~4t0Pjd)Z1B1i5!N?E)
zz98-17@kA{a9ET-kPZOsa(nN~?qCh5(72OHOmEwJBgXtrrhvuL?OgPF#ueCY*cGe+
z<(s^K*i*`=C|+U=Po@AktVP!>kYU$vwAViE2G)QIVNaQK*@EjohrJeW%<EzlP%#DO
z=VPNbd~J`F*#)dHPdx-?`W4)#dF`=iV@}tl0PL{;n9b%#?NR#3=3w;?d8u@E&F5!m
z{e@hYq{hnZNdW-%l*wXx;_Sh7%&xWBuqjvrDmE!<vgqI8>Mvun6&e${B?TA&6MxmO
z*5wmxFW71Wwgjsd7!tM(%2YjDEzX$7%_*Sk+s;KrJd0h}q?nw|zzU=PC|vy`-JHC}
z@@-B5ee}7=2w)@Y!zN%wbU({QlB*gfs;r-hN6kQ!7P1bWJs%bRRaQ5aWw7Qc8y1wy
zPv2`)M9Jz=c<%2Z1Dw&~%{8)GSR<=oHRM#!#h7h(W&`;(OJFtRRNJ1Xr_Y9LgTXP;
z;gd4E&rE~WkW({Da<Bf~O|wO-b3S?<?C=>MnFDL3rr83`347t8VuJ`{7!<IY0#LXj
zV|;w8%Yn5wt^U!!U(6I(jq5+7WH!EkCj~NR&dM-Y*$>Ls$8rey{n?EpFes2I3g~)#
zqS;jL!l891GV=QjgEc55ECTM-#u<5t@m+%g_fSBW_2;6(GgQzdLtrfw92)9l(vX^B
z41)q$rvT*F=Q5HKV?9`JDOHC&t2Iy732w}gc?x7y*|Hj}hEkRJLot4t76q(VwyXjx
z8%_B6C7w1a`x&saIR$jNeluP#cIjxurS#^u3akcKO^=Mm-?K&m>$q#WU{&pV{1T2r
zR?VNa1sT6KD3CG*&|vOj%#BOM((BcgE?ANCKL}O+CK`k`C}2+tSaiL2Y*fUow4RYR
zSkbvJFh_wS_)<}OF7)oX>(!|tqX)K;LIs@DN?_0a!!mHpVmWi}g7oY9s{H(Wq<p#K
zH+io9BT}t$8JWHK6Db;0NV>LdEN`#aASchnN~bqok~3#7$l49t<%!zWr2dmNWzy_5
zk~dFI8TeLnS-tj4*^7DKY~D}`VqY^Cu9Zq5rKErNW-?^_J96RTWf|H34f%CXw0s!x
zwY=D%wmkn#ZLDLF<jI{=7EJ9eQ|7FZUBCS)Jv+WECX-3#ELkU|?<;~iUX!uY-<8vN
z{)D0JWY@2M%DPS8%3}{#QS(fk{XTp+nwo#rM_;ICbZGU0nq%4fo8|rzg{6F%67t3N
zpT%r;PCEhSZN<c2Dw`H}O%tpEA)&oYn&$ADocZ$Rk|`rQN!SZdIPx92{jBRZ;uX*c
z#JZ2ykkIGr$e^){rGS4P8QQ0ntXa2Be)=s^-h8d06e|)S6K1_9RVtR2e%+eM;IT_2
zF7Aqq8u+H{kNitktod9TKmWM2Xi{I=zBNViVs8tk^pYv_K2V?{SaapbE@P&zk}4HS
z%aGnJWYCx;>P4A3uA6-Q-R}y#O+bssAE_#%r>+z<P?pIfI?94&>t*-8L(;3$D-s`{
zAWPrdB*6e3UmVWQIY#t*Lw5eMUq1a}r@ZpglTsPam@@YRDH2pbdUbw9=D!mm(T7in
zudk0JBsjSx7Mk$EQIKjulr+HF)F-e);&DfF)g;7JD1V=XuN<SekTb@~)3NeG^Fb1K
z`I?L$+E(`LKLX%wk(U}i3a<2`wCXZJa^%P+E9VW8G1J~v9Pce~yz-@sOV6S6B)Dt|
zSqN^}s_O(fg}D~b>?hy;xL1~A4syF!UV2J;4V#aC$hs`S-{ve{C*SS*Ljj0m9=K+y
z`-{rpo-JhL<P~!Abc{?I-Vxy4EnB|&2`_RTsb0CP;+o|0gL}1*c}v6PK-AyTv(w9R
z2`|h$?|r7Ye2bUsOTUo|C0EWIGHSpZvhu^v6?bjh;yDQlEFj}&tab*8?|CL<*XWo?
zKlC|U%aTO*j8wrISRwRHH14%~{i3v}G@!?8@>Yi?;^*h<6k>j~e!C19wMfdADke*3
z_meg~rpVvN&&rIkT@+`1_rovbX<YX$UwKA>fgPn5PV1$()%NfANRRem;_shZrq26N
zN)`{20l2Ow%zRJ&K5<4S4(lL4LA(gZb^T(4N9Ca!Au?_Lhmt#24jJCJwJch>5x_et
zeIbUNi@l_->!%*8E{&giTt-b<AvwW~hxKhGA0S)gCvfPtuRkvVh5VJMP#!M|xh-F!
zxXV|;tzVaYfBvOzgogEM$*ZAtrN^K-k{>t43(wY8&vKOkz_vkqqZJthYuI)m`6*{^
zqDW9d9DZ+k^r1>h=5qA7a`n18)UDfp!PVMGU7d=P6)psEpruR(FpeHSBf}sXL>)RV
zYd+Z~l((O)`;bh+-%KVAz-uM%ef*^YH(xx9MOWfQ&FbZ)IYa}3*NiMBzL;Np{j==&
zVXwU2^cg8tvWNm(rI7p8@A&!hKi8D}8-4h=nv)=J^uNcX@9>3^J2$!Jo9YGH`Rf5C
zlk#>NFnW=Mlr1TfMs$##L*~mV$k!8wwU<8t-eustU`XgBlp-T@G`ZFD@V<W&6B%CD
zYOu0UMK<v{41hQuA<0(B!{&jGhWwW|kK<dl@{0cQn_s2(umwWk^1wgdutQzf?OQ&t
z)-)GaZ$*HD%GQ`^s{p903drC5utz@s>SuWwa^l0_npD`zmnp84Ap$S<LY(yJ(p1jH
zT*P&~SsFh5u##&#_nRsH`EtqB(OqOQINtX^?UQb8L#6cnMWpYDg;FWFl+2&fQ`+^M
z3gDfWX`?%<D}DKz&GK}e2bA3WdYAEng3a>b(h)Lw?i%&7b$+vvx*>*)Un(Vw1<ABA
zU1TUe?~gp{6i}x2P<A}j%u@c`p@_qGe<wvSx{?#1P{DjMZ&FWr`iTdeLR4}y9x6ow
za<PXWsGzuEU_gFw)RxLJaOkg-xbmCG#Y_Jv&^%VFinM;Uff5aPU5^{mPI1C-ckWf!
zb!A!sM!l^-K4x%R={<D5oIZD6DNT_FkICY9Ka~b`AC``-Uyydarr}nB6!*?3Ja@Hx
z{rzs~4?yP2ms`f-<)C;mX?O=22nCQL3g;k~U%F}&)=^nnHhmWBe@CufyCJj2cY{@8
zE7tLcG<op}CExxT{kK!-n$|;8OMgibtY||S=}K7u)X3kN-Cvn-oH2I)aY$Np9;dGG
zA-!IgAAa618@K$RWWU-FQ3j4)EG3Es$k@T{pscI{cu%S8`sU39rFqw>T~%rQ9ePhk
zi`1Jkcj8-0!~gV)AEh0@OH0DA3GYZiL4TPJjz^9EK=d(XYC3k}th%lreYmo`7WT9<
zQ4x4!0dlV4D_9HKG=EM4A+OGdb%6g*?mc(uIsoyQQoN2FJ&l*`YkB6WhvXT^*i@*l
zT)VFJbE|c$YYi-E52CSZq{~?Y%ZJv`d^DG8g-BBk4~GZqj6vJuiVwCZKs{2kqKtzr
zvqi^oLK7FwP!XHImrpkCkk_GTHGsUztDMTtin#-o$?La02W29-A5BTK7JV!=s|70&
zfZX-`h08K~LU&~srPx68Qq@XjlsrsJ2t^=%K6vDW41#6g*okxU{wH55;8Ecsx236%
zCbjn=Gw*`D+NSycBo9QCS#N(VHL8?_h!To*ED;O#F}z<ZC8BHq&|P`xX8nPfgAu!v
zukjwv3a&Z}T(zgGZG`sB_ZJOSN`o^*X#%rp+tJFdNk!%=IMY;c%?GNLSDdUj%uod0
zf~mdav#mSjlTUZZtBva^C&I*8?<?ErG{~WIVUnWLfph!~<!seQTcy^66{TsTCuJNs
z9=RO>O3u6Umjg;{poL%##ElwN$}6V=W!}UDGpqqE<*RRhm(QV?QMRv%wNN%LR-}-c
zpU<TNNXLc+O59Xf8>+$Fb>qfOm%RRyV-6gDHrg2VN)xQe1UL%?G04@xN@a_jmE6Ty
z;=p=vP=X;FOlg!uDO>)!CrX)@u3e9pC6E&z1Yllk^0eZHly`ZRZ{D^`f$B|gyrQsh
z&_qS^5{>sW;K{mh@gFEguPP8neD)n=<Hx1WBUNPh#N|>L76^(Sl#LG`J*6xIH(|V=
z55<n6LAQ3H^48$FN~7nqzJol<7o}O~)ABzkZM0@kz9#n`2gk#YcmdpF=x0%Os7R_{
zWqP$qG`kdnwFQAn6bn?EaP0?SH+I4x=cFlU6F4Wed~$gLuQ<3qweaZ+K9UnK-uHrY
z;MmD?uxoy$%vjIWuLVthf%0~Z=+_#itBo)n9Z^8bk<Cw;xoXv{pv+eU*L83{+F{8t
zH*EP{UViaOC`3;}=A9-%0N&DB{na}5fXnmxr`$<7v_{o($}H8U$7JOcpd(_-wx6Kf
zZB@Uo0}mLLMasPHFf5|iLpPZ1No&1B3~*HuAUR<Pk~tH5pu@X!dTEeDcI-19T7EXg
z$&$Q5loRO<ngl!S169jQZ+N2U$)XE${LuFD158l7+6g?`M?3YKAqDg2gZHYh@=y_Y
zqYw{4rHpcD)k<ZR^PyGOiOR~bYQbP-k@z4SbASevjcIMjo-LbtfocE!eeXfVg$ds2
z;Mn(<EG&bd=uvDqj+dwQLzR^S!IkW)X<7yD5(Vx8YuIj>NvgZ@TSu2659j%39&ySt
zDesMg#!rtDy+8CQ^?@Chrlj!{4OV?ByKvR^ga@f$fxJqyuL<yu#os#jouQO0zH9_N
zJxX-DKJ(OrN)gKrE<1fpS7p2X8SdLY5HAS!`O6}tLb>~-J3M0J0c6@&8L&b{iCn&E
zqq@p@FcS(@j_lc#BVs8m2m~(`IeM|EAUZ2ZC9?;0w^iUaSpDyNp+L5r*<#(H5@0#_
z-`6f1sjgLL40?f@wI3@dPQ}QSQJs`4bMd<y6~}zFF<hCDAql+2Gx`ERYh?#w0tmGH
z`SRe(e_zVnUrad;MowC;#0J_)cl{cvBDVMvGGJvQY`HmeW>?&svhePG2bBwz*E@kn
zQRtOMPbscR8JhEL+PVu)j9-*u7gDaIdQmC{->)1NbkS0bai_rwgz;B>1Ct68-v+C@
zWv<eW`Buj!P7?<hYRAyNl8~brAvS2-5;+X#038^#!_vG&1&CVu@QKTm22M)>;|6}&
z9i<c{A4EDaV5JI7Rc|zFsIGr1YV`Tj>%@qw*7$eI>Xb<t#y6;Eb0v2wX9WPd@6V%(
zLzBxhI;`t}Sr9MsDpTKr<?B^gB4z8SgU8+G`cM8snJs$Q`RIrU{@ZP^x`Vu$d=u2B
z35@D64LQS<Mef=Qo+olmx<hm3%%-kyMqPD;mQQ7iSN^cxEtLk&>zW~t)c{O73Q80Y
zREij5QfWKwg-9vJ#nQt>rL0lI$CTxPHdJy~MtuDOw`!->FDV-?#R1MmFIvBmZ>wMz
zex}8M(N^U0v_4QNi#;FbP7L*qwI(-VB?GJL%d5$E;RmkNuH_5rfSeJPMI~j!<{y+{
zzW_KH6`3WFSNFq(NiF|6I3%N)=)GzdT2Do9F%Ww=tN|Zy_(myQbcL1$xOrVyz_m@y
zp7F4Z8yMNYwH*2Tw3>rK-yK`OD6P9qM3`T872LCM`3BjBxP>0z&;;+ODJzxle=5Wh
z#={b{G*?lsrK{InM{>DUfz_Sl)#OBHAj!weM=LLlGX}5rj(w-AE1STpTCt1*FJ)?a
zta=WaC+9E5DKpfc@cA!+U6x)a#;Cs5VJyS|6C54GmHm^!F$^iJj=j(WRtgya^nkVO
zJVAvNE}qd(Wh~IPOU}!{@9r>jUAulm#ndvAi?OZ@SfLewF92m(4vGx!I+Dw+3asuX
zuO=rv16;^ysJu91?A~`+UjH|4fTkvzmTrX<zN7+HXb-&)X(NlK_mS=cXTxoJQURF(
zB=q?|3Gfnl{2q<{6m4i}V6+#xDZ>$yBKs-J@-ssO#|&yKe;ha>A8-6d1-(3upp{v0
z93<RKRPJEfc*(szVI;||3asv&6i7EFITvF<ond>WdvwOakCY#t(N+`zD9e)L5uo(f
zZ$e55*GJ8qiV`EqD2LLaK=9Hwn&f(=*uYEzItn;9%}^h~K1;c`OPfZL9j2*yOTrZg
zZr!YbnvWo-XOEnB-KXCwa~fT)OndQ!krah>3#=7FS0D)Y4R_sGRYWZ<oYqIhi#lV_
zgw?L+6qWkIv=O>b7r-`Jy-GR79T@;~5hkapqdF^hD&<IWQ@TNE8)d>C?V-%&q62_h
z{`b4~$!A~gQowui(Q49X_yQyc7FALIG*_KP9Bdyr9xlO#N)g~$*lOQ^LPc9H<!Qzf
zxSOdewX;KP*h*v%Aag~5)%jTgSpix0?0!m1?$foYiXV0KAUNJb_A2E>W;ZZaVAi5f
z<gdR^sUR0BJM>=BhDw=rEM!!sl#rv+KFe@G+CnJ<^S^0Br6x~n0AnJ^g=tNoXuvqx
z2NBFo_bnBw$s?dp!J)vI+M%#KFi3pHg0*gGrb->Gx3UKmSP^V}#@)NEP^nl1?#d`A
zXAGu6cN;kCc0N=taJJe1h66G&Z}_BT>RPAu;yZB7B%eR8{p9hmQ<0U*py<rR!_q22
z?#=iDa$e6Fw}M)<{G~$kXUn0v{my7>Wh6fh@6M22RSFDh3s4*=99U3A>{FhMMjR?b
z^zy)LWlcP6!+H-%r@k}6d2`FM*#l(6<mDNPhh?4^ZLaR-T21f8x_Lt{prMj=ZC_vg
z$MnAJ4u8)E7w0l$6x4t6L3MpPdJrHzhs;%h)b#n&t3)p6k1PNEMZ;9gD?<vI%YQQ=
z;dVUiz#h$|FM?9ep1Y{x9w@7>OD7(dc3pDM<ngey6p+Jv;$Seg<_am-wj?eKMJ%5?
zK$(l2F%F_&L<dA=F&$+RxGR(SRwKZ=0XXLW5GqKymbbtJL}D$6iE1aJpqS^+u@LT2
zR%xN~Mc^?GfbuHsr;LeZCIaoROt&rrd6kxjnF~J#C%vdrTXy`oNA|*;<%t8a<IOc!
zN)EIIk;z?o?NVWJhG#1w(G0KC1_d^1@65fTLd6h0`s-PRg()QzSsp=#z_{tFVHNOK
zjsk}D5#)>;I0G)r_ygul(M{W9@Enz+rChHcd@j5HI0#c#W0m?cX4*;>Dwvp<D15$W
z4t=zS%z(EMA<)T_HpsXEDqEE+lyb_pm}Sa%)jwd$>fRwtu0lg+<kVvbY-x(9tkH0d
z@<n1=%38Qye?;I*D`@%mAybt;f12X@Lo^rwZy3E#Omkrt0l~{Gf|rq*+NJ+2<-TP#
zmkCH;@e~I@st2aaBDAv%{Q%ceGpC%YogT`#fj6Onk3lfAvt(DAst7h-*ED6(Hp*+A
z83hb*VH^QHPtC&Ws=5R;xlKfrKZChhW~dunuLLji{8^-8#<;H16#%78cgEPRDyU@z
zV`>qw;z<sGRLxhq{vpA-1z>GxC)_w~TG}yJEf}KGMVv9{!D1mcMrAQ~jOBs4!QD#W
z&7Rm@DP9azq1E6pQn%;56Arl+wE|E_t4sfx%1*j$&H&V}ijZwP=z4ugN)!!{ap1fq
ziUul?f|i1#$Id7R0AB=89<a824h74-9Rg_`5P?d-61dJ7taj3@{TRrRi3k=S1-t7f
z%DB&fmHSEr-A)LkZFD4n#{w5K#&%N~w7l|bp`ga=2$135m^a0^0T$7qcZ)JPvjP~F
z==AD;4j?Ye3Q@t@35S4lazyOBNs0qZCt*YsKRbF**<rdigP{51usjfDQl^<qM!+`B
zQ`GcXmx=+?vr$QqWrC<UG1h=t1oU$KhV&F>*3$L*Uqu*yssBVx<r#CA1i-A(U*APB
zz@@6MWNkzD{`$e{!7^`hPo$DKv>vir2pt9VM)CTOI&@40oBV~Vp8%sRn3_Io1>`|d
zwE<A5-UT;hicDujY_U)ZMFT2jbiFbj*4NKRWyfv+a9N2ZNA~Qh(1t5kRk8IsVvkYe
ztZwgWO^Yz(r~?6#?yyNZBcp)al{x;*K255QLf~<X9MBs6{@;`hm8F3w*D@ZKfh`jd
zNk*Ul>9glm74Q=$V^rcG>sQfb+oIEW74+ggLq7}CRp<>*@54%aCoAePe!v-nUM0r7
zGN6Se)+uAMcyR59D@j*e`HZNFM+!D80@4P{8dyy2u7y%XOt&tK;F!hJ`>HB}2cnOv
zI<Mr;EWqY112;_^IBS^eRpzq83D5{XYkYU5IXimrnpRc;l&Mq&)ZkKO8VY4m%A{1l
zDBDsVrD==x2I4MXQDKjiYuA7Fy~<>Ls7A0dfiWN^KK`Z$I{;ERAv7oU3eK9ebry=C
zdB|CVu>lOm=8HpRiD@tNxG{a@7I>po;k0Yl;#F-c25Ylyds1E&Yh`T$*JZ$r*9`?$
z50_b!A1dqX&w-7TsUpshUs?US`=Hq>*km#a6K~t`JAzhFiU?I&7!$yZSY{D05St~2
z4k2QzH$I;@6{}La8HAlXS5A}_`blwD?;4O<J>43R{6LvtNNt({AxwvH^q`}F{RNn@
z`UnE7Svhb#idnE!I_m+@JoUp*`&GIMGgg`Q!m59?4vauS3}zs(u(0R)|5HB^Weo@n
zajz8YtOAT3P8hC7FgSWpc4geaD{V)qloO_}FzJuV63euQp-2VgRo1|o3HRzmq`A<s
zK<=tC5TIargPAJjbAg@Jlbr%7ZJO6VL-MG|IKxrEH8FdY#n>3I!a4#h)6QA}%=u>t
z^$(FD+vvH+RB#Jjwk!h2I<1po{_;kyN}4GTmZ!!Bq{TH^<>XzsVc7-78H0xW4(JuI
z9f^Z9U9ko$`va6KT?{GKZB$vJyW?SzH0N>A{~4kEt=Iq$jJmRh2#n&NiG~pVd2?Iy
zb(?>O8Lq5L#R}H5CUip$fz7JW1slR8$*ZjUO0O5QUKz0B%>!Wl&?DnntvOT{#bDuG
z7Bh2(vc))6HnU)9AGQQyl@)rqSVe`!ELI}G`ga6avm7Q}whZ3(>cMzcPs<dr_CP7S
zK7q_qCKv`5a(s7sDoX4E(;kJ>u3Wh;gV0rl0n|wa+*pu!6r!yXk=NzDN>%dHM5chJ
z<zQJ0R(_8P7K@>=(up$$6AWqmXZ4lG(L;dgES>ty5Dm$WY%xUcN^!v$RIv0m9+lmi
znL{mFxS)KpVvH&n;f%qc>83Dcv2YtZtXzuwM<oHWKLFcgvU;^K1o>s!qaIT?AS(yj
z9Nkq|_um<D16((QS6E>ssYnHr4Owv582?c~)eYc(!ZC0OBAnx`<Sud=lv!znr!wOV
zH!Qg;o2sqf{GF;dz?c96mL@J^kOKc!WZ_3|a}1;e0Os`1K=TRu<{dqfqOw>L^YWEz
zDo=~;+r8BRa5w#vI%RuA6+v5oi;e;oIb#D}XAGvMumA>?Dr4M9fjg@R28Rto$M1>W
zP9)YDVE1Wfa97fv1%^Xg4M!PE&(2iMD9-Mv&+5*VuQR&w^uEvdQP!SvbiDzJ0<3Y>
zzSmSQ4F5~}RPLyJov%dGg4uH?#<)Wdtn|Q^)xXn}wFoIBjM{f3VCkXi2pcN{u#NE_
z1^BV|RR91AOi4sRRPYk(i3xrME*@DM=eFHi>~)}Yy|PK~sDW=dEN*};Fj-!Rv95*%
z;4XPpmpw62;WhZLZrcaTUSQ?CEOxdKZrHkyD;n8-{B`WK>e0#ygvPiVtpBxgciRqw
z_C8davKCC~Wp_sb%LK9LFtZ0dtpKns&M3tWgNEFCCuv#bk3Cgey!?z^WmmS&WPr7I
z)c~*##>wT?JH!C~hqtA;q(?GV=UcaOjH<J0kHKaY1ga6Nk{WgOUFaoHJL#`?wQvue
z1$SdldmM~A&Pi(kTW$_TJ0Dwjf#LQ40UE0fo3PAKs!|1qJ{n*hl_FRJDumWGiT1TS
z0?S@&W?A$(6MCpB)wUcoRk7?Po3R-qWeOmYw_a>y#P$@ysziYbp$Cx~T+SfiEebHO
z<+ZSSs+x-}2fP2VWxL`3Plc+w961*ien(T@ds>=6Zk>el8EDIcare1$<;<Z9`__HD
zx=o_8So4Z8tS3*$x;ts?wthJDCd0luDER~K1#9`x8k&#xyWLjdrW02RxnC6~E>SEn
zOFLk|3iJQN(SFDnsZ)Thgklax>`oJ`N)+(2!WY(nhT;Hw1N83lN~W8_vE&ac1hU2z
ztFss*WeR|+-u7Ch4^|@zD@7`@3(R~JCazYgOs2$vQ)kYr#%<fbzk^{In7xYv7G3Wh
z8x=9@Zo;J4hA*gGXj$Dy4uYFFzD=JC9~~V9Y-Yh?zM1K<wR-JVRW0xz1Xvp*HLj}b
z*Uj;TuN>MOV-;AHDB!`3F|q;_#tpD^CaY9uWL&s-8A{b?*%$d&Mt<gX-%ZL2NNMA#
za!xdJ>x?j$g<eN3D>ls1lPl*B5?TqY8FT=!JkZ-KHdym@ul^2Gu45u2R%8gQB29e)
zLlTZb5^zqAvI`#>rK2h6w$kF2`spfL460@;pw`_cdP!H6%pV-M>gkwB-;yG0Q|#%P
zrc4?T657k8X)`nbc+dSMn_0|9R93mt#nap*Ggk+UUZiTT8Y68Aq^4LU{VHt*s#M(^
zfjRP@f=8=>LFhXvpc)!?LqlU!0ZdKVqN!@*=Rc^nKt^6w+6Yoy^~S|Aa&&vDHobJU
zeQ&LWWzEY;uDWzqKb7a7(jZr5rNC|8*aN^C0w()TQc_@AKT8*^`Adc7_sbzi4DNa_
z87aH6nhX1{lGENj=>KPBK&Gu2BXtTuuD^slt5VFf$`V-lV<TQ5brLd+@Pj2I<f+H1
z-|;1;s=UyAuqwxHjC4eR6yg9<`bD~&l|Kro*rce*q92ASE2lyDdnxc(ttu*Ki*^4w
z=>KOKb~Xz(MmiMG<+>gpUnb`0XX#c;whF8UcTJn%Ea=AG0BmUNi|p9#-|taf15ceX
zqN>t=S?>(6&axPwz*?zk9x*2zfSd+9m@)3A0OJMTncZJy#xkmkrYfTdaC+Cjemus<
zubdoMd(#?3S<P8FnNhhVb&~q}_$X6WSy%`dtit>%W28-i<e971&?-Y<y(JEWZUJ{~
zXwBr__8rz&Wv>D%SH?(JR$Y%wfY6N4DZ^k52x$~z64M?}@1&g(A{yV#AO+BeHPLJ;
zcj3^w3{~~WFj%=P!%>jI!!f>o7X_?Ws*?XOQ(%=!O|u1>6Al^5mVv^IQh+^Jp;T3~
zR;kK5Se3HX<YAMh?=&h8X7sqc_xlJyL$rkXk=UpWzhs6And7YgKFJUVGDC82{!Qkt
z|0IfK39Og|9STFYLfNYC%|~GDJ$(v*tA35tYT^U|R+$@F1*-&=Zd6#$?z0;c70KKZ
zj9+;^1@yDm60~Yp4u@x{r)QSIN<tS3347Wkvel4ZJs)-%-Jz0GHNAfFGC&!f!&YLz
z?dKZuYi5tY(|?yWIn^fCfD}kf`E@7c*IJ%Veq(>uQNR{*s=dG}w+a#``~>^!9R;<l
z+nVt$kD>qytKGQj`|#xxYcJSpUpA3hlP{)l`6gv7Cd;=*R;;a#$o=Ml;s4Z4G1rNU
z+Gx`v2{s2SNn5boOO<_me0~IA^SU3YjTL8w0s!hiX0u-V!lCsxFFb1(uyV5qc&TR+
zpU;q8U|l7MtWe1Kt!q#~mm3yM{udh={*65rWH+!Xz*cDdlBSy?43m~Uj?T5_R3<8m
z)+qMix=r?4nO(ukMF#~p?uvFN^X;_(V_w&wfJH2wV<Xouvgc~-4pzlsgB!Pp{JPkv
zN@&lcbk5vt{{ydkJGfGp+j|8L0V_8V7~HrSz`D{1+P3$RI&gjjQKOJr%b2M3A3Nfy
z4g>2g88)=8rb{?Lo8J+eGoE2T3V@%+iN)L~=HP}M_It{mGdmQld~|_|VO9JrvJF;(
zAV+P|c#e%Jpi4}m*;3aY=Bcz+>Ts|srHhrdePxT$!pO!Ta=>&DQ4gCerUqvZt~=s@
z$KCM=r+}3!$W!jQz+67r!C|$kj^4EKyv$JmK>g*0Zhr2c=#5UP-r+Q`DsrKuW>EG5
zvmg?5${hKOUpbHhOU~W6_*PmaDeb)$=YsX$-60;fv5%(1MyD0F_lAx6Ge`kl&cQ3y
z4qmBGGx$rJf88a(s>Fh_VL>_l^i_~!8`yl8#)O%pfUa-5W{z*3Qs<P+O_;S`xeQqU
z-G&B_R~OMt(~X#dtQ~BYehnW#qWcG+5yd>rlj)qPEUh7hAG;b@)e;MqYh20K*YpuS
zR<`wqjrr210PLrKTJ*#w=c6}9x*Dxq60H9c$rKPA*3M+oCqkAj<Z6WTy!GhkEh0mZ
zE437R!$;Q}t_)U1t-KY&3gyuCF#v35BYMmB0J>FpLSGcGX~X}C3_oxCC)jRAmj`Ro
zRs+j5dH|Jrmtw&+ZMS_dpGnt$(9M?aF^4v|MHh6p0jnVz*z(1?edRB4B?T(I9l9G>
z)qV<;Y3lFmm(T-ZK`%p|P49@4{~aK;XmiYozO&QojFORA9raze1Zxs;3KwpW+fpD`
z8yHsx7!?guhYaLW)<K<Wx^(rOvuD4!>L_s8`Z;b5*8hm{pkF|6i8oA|X)x@wWo%6(
zx1A5^&=$=yB{uTJGLc{1z8RN?fHetDO?`rb6I$q+HUuI<1-AuR78edq8i|*75}Nj|
zPOWKg79Zi1pL-Zs|D$2SvW-jn_?lYdUs`$vaCQ9;>~(cwqQ2(B;q}Lzf+jmZ)MLS#
zoNj^TLu+V0(oz?#1vXsN&NOw{^lZ+niM}R5)0SWSGkl-J9_*wCc?DRL(N;sILS<iF
zuZw>}ijDRpuFF6t(LUpk)%93i6XxW9lPLQ3i;?RIP?z!DXM95$`-QiG^&aXl&BkTH
zdoMV7)qCymda&Mo@<Abus#!EsWz?Gu!QX-*I;j5#q4L-ZC18zLFn2Wnhig5`B6_q*
z*Y}-^+OXGN&veIm4X|2yYK4MdEH0W~h>rrWUK{``1VH=4^5Bn)*dIz<ex!Z)V>*1+
z^5HYvVaMTf9JKRG5I5p9U5`VANF0cM9&x)T%>buv)}k}o56a3Vd)(Ll4-!#z|Ggtc
Q$p8QV07*qoM6N<$g7Mwq)&Kwi

literal 4286
zcmeHLOKuuL5PjK%MHWVi6lD<!mRb4$mdFuu1m7S&L72}0%nh7nb{xS*IY7K-1~WG>
zOGiR<sv2rs-P1h`ut*jRDypfj@9U}_3E&NVhC}c-e)fS606r6u2w#X;ZXeov|87fL
z!TI})z`sQxSz?%$m}Cpw?WF=YNnu;Mk#t%h*=w(2a7>EbCw`xmFozJ^aNatJY>w+g
ze6a2@u~m#^BZm@8wco9#Crlli0uLb^3E$t2-WIc^#(?t)*@`UpuofJ(Uyh@F>b3Ph
z$D^m8Xq~pTkGJ4Q`Q2)te3mgkWYZ^Ijq|hkiP^9`De={bQQ%heZC$QU2UpP(-tbl8
zPWD2abEew;oat@w`uP3J^YpsgT%~jT(Dk%oU}sa$7|n6hBjDj`+I;RX(>)%<Y^V1u
zxpEJLVzZ2NFGX+1TXChn89VxczG?Ja<o=SJ8n{y5$ezyw`8sz3-<3{&C8oX)|94kh
z+0M_EV^O^m@tH21JEPN_ux%Gy1GUw?U~8Zr)3xvGXUSPO+3I<5aAh6uT<iYgm~_ug
ziEA0#JM$)SV%(oc@>lm_7N{+B7Mu%H?422lE%MBJH!!YTN2oT7xr>>N-8OF$C&qU^
z>vLsa{$0X%q1fjOe3P1mCv#lN{xQ4_*HCSAZjTb1`}mlc+9rl8$B3OP%VT@mch_~G
z7Y+4b{r>9e=M+7vSI;BgB?ryZDY4m>&w<W+!o=%S{hjU42>cHSn81VH1N~`0gvwH{
z8dv#hG|OK`>1;j7tM#B)Z7zDN?{6=dUal}$e<J#b(FPcAa6L9y8G}E@q!eIA^eYgE
GM1KL3x?{8e


From a6660e6d77714fa4e4f9ee743cf489d2e568860b Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 3 Mar 2025 19:36:32 +0800
Subject: [PATCH 02/27] =?UTF-8?q?fix(liveRoom):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=BD=93=E5=89=8D=E4=BB=B7=E6=A0=BC=E4=B8=BA=200=20=E6=97=B6?=
 =?UTF-8?q?=E7=9A=84=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在显示当前价格为
---
 app/pages/liveRoom/index.client.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index bd4be60..8075ac0 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -147,7 +147,7 @@ const tipOpen = () => {
             <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
           </div>
           
-          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
             <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
               <div>{{
                   `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`

From ae040fb280f86b168be30219ca1226689c39545d Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 3 Mar 2025 19:36:38 +0800
Subject: [PATCH 03/27] =?UTF-8?q?fix(liveRoom):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=BD=93=E5=89=8D=E4=BB=B7=E6=A0=BC=E4=B8=BA=200=20=E6=97=B6?=
 =?UTF-8?q?=E7=9A=84=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在显示当前价格为 0 的条件下，增加了对 nowPrice 是否存在的判断
- 优化了代码逻辑，提高了组件的健壮性
---
 app/pages/signature/protocol/index.vue | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/app/pages/signature/protocol/index.vue b/app/pages/signature/protocol/index.vue
index b95a797..4cec5bf 100644
--- a/app/pages/signature/protocol/index.vue
+++ b/app/pages/signature/protocol/index.vue
@@ -1,6 +1,7 @@
 <script setup>
 import pdfView from './pdfView'
 import { contractView } from "~/api/goods/index.js"
+import { signOnline } from "~/api/goods/index.js"
 import { authStore } from "~/stores/auth/index.js"
 import {useI18n} from "vue-i18n";
 
@@ -45,10 +46,24 @@ const handleCollapseChange = (name) => {
   }
 }
 
-const goSignature = () => {
-  router.push({
-    path: '/signature/panel'
+const goSignature = async () => {
+  const res = await signOnline({
+    auctionArtworkUuid:payment.value.auctionArtworkUuid
   })
+  if (res.status===0){
+    if(res.data.signType==='fdd'){
+      window.location.href = res.data.fddVerifyUrl
+    }else{
+      router.push({
+        path: '/signature/panel'
+      })
+    }
+  
+  }
+  console.log('goSignature')
+  // router.push({
+  //   path: '/signature/panel'
+  // })
 }
 </script>
 

From 904ed6837788507de6984e813dd51c9e75047901 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 3 Mar 2025 21:14:18 +0800
Subject: [PATCH 04/27] =?UTF-8?q?feat:=20=E7=A7=BB=E9=99=A4=E4=B8=AA?=
 =?UTF-8?q?=E4=BA=BA=E8=B5=84=E6=96=99=E9=A1=B5=E9=9D=A2=E4=B8=AD=E7=9A=84?=
 =?UTF-8?q?=E6=80=A7=E5=88=AB=E9=80=89=E6=8B=A9=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/pages/collectCode/signature/personal-Info/index.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/pages/collectCode/signature/personal-Info/index.vue b/app/pages/collectCode/signature/personal-Info/index.vue
index 3983ce7..ce98949 100644
--- a/app/pages/collectCode/signature/personal-Info/index.vue
+++ b/app/pages/collectCode/signature/personal-Info/index.vue
@@ -140,7 +140,6 @@ initData()
         <van-field  :label="$t('realAuth.bankCard')" v-model="formData.bankNo" class="mb-10px" :placeholder="$t('realAuth.bankCardPlaceholder')"/>
         <x-van-select  v-model="formData.cardType" :label="$t('realAuth.idTye')" :columns="columns1"/>
         <van-field  :label="$t('realAuth.idCard')" v-model="formData.cardId" class="mb-10px" :placeholder="$t('realAuth.idCardPlaceholder')"/>
-        <x-van-select  v-model="formData.gender" :label="$t('realAuth.gender')" :columns="columns"/>
       </template>
     
     </div>

From da4a2c509c7d9ecde64c3bf79f49f5c0de134329 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 3 Mar 2025 21:25:28 +0800
Subject: [PATCH 05/27] =?UTF-8?q?feat(realAuth):=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E5=AE=9E=E5=90=8D=E8=AE=A4=E8=AF=81=E4=B8=AD=E7=9A=84=E8=BA=AB?=
 =?UTF-8?q?=E4=BB=BD=E8=AF=81=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 从认证方式列表中删除了身份证选项
- 保留了护照和其他证件选项
---
 app/pages/realAuth/index.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/pages/realAuth/index.vue b/app/pages/realAuth/index.vue
index 6e945f0..a9bb161 100644
--- a/app/pages/realAuth/index.vue
+++ b/app/pages/realAuth/index.vue
@@ -18,7 +18,6 @@ const {userInfo,selectedZone}= authStore()
 const active=ref(locale.value==='zh-CN'?0:1)
 const { t } = useI18n()
 const columns1 = ref([
-  {text: t('realAuth.idCard'), value: '1'},
   {text: t('realAuth.passport'), value: '2'},
   {text: t('realAuth.other'), value: '3'},
 ])

From 4d358d130bf59e1dac072d1a398a72798c64d6ca Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Wed, 5 Mar 2025 19:59:48 +0800
Subject: [PATCH 06/27] =?UTF-8?q?feat(components):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=B5=AE=E5=8A=A8=E6=B0=94=E6=B3=A1=E7=BB=84=E4=BB=B6=E5=B9=B6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=9B=B4=E6=92=AD=E7=9B=B8=E5=85=B3=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在首页引入 FloatingBubble 组件
- 移除 liveRoom 页面的 SideButton 组件中的拖动功能
- 在 liveRoom 页面中使用 floating2 组件包裹 SideButton
- 优化 signature 页面布局
- 在 nuxt.config.js 中启用 vscode 配置
---
 app/components/floating2/index.vue            |  93 ++++++++++++
 app/pages/home/index.vue                      |   1 +
 .../liveRoom/components/SideButton/index.vue  | 142 +-----------------
 app/pages/liveRoom/index.client.vue           |  14 +-
 app/pages/signature/protocol/index.vue        |   1 +
 nuxt.config.js                                |   6 +-
 6 files changed, 114 insertions(+), 143 deletions(-)
 create mode 100644 app/components/floating2/index.vue

diff --git a/app/components/floating2/index.vue b/app/components/floating2/index.vue
new file mode 100644
index 0000000..c62c63d
--- /dev/null
+++ b/app/components/floating2/index.vue
@@ -0,0 +1,93 @@
+<template>
+  <div 
+    ref="bubbleRef"
+    class="floating-bubble"
+    :style="bubbleStyle"
+    @touchstart="onTouchStart"
+    @touchmove="onTouchMove"
+    @touchend="onTouchEnd"
+  >
+    <slot></slot>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { useThrottleFn } from '@vueuse/core'
+
+const props = defineProps({
+  offset: {
+    type: Number,
+    default: 0
+  }
+})
+
+const bubbleRef = ref(null)
+const position = ref({
+  right: props.offset,
+  bottom: 100
+})
+
+let startTouch = { x: 0, y: 0 }
+let startPos = { right: 0, bottom: 0 }
+let isDragging = false
+
+const bubbleStyle = computed(() => ({
+  position: 'fixed',
+  right: `${position.value.right}px`,
+  bottom: `${position.value.bottom}px`,
+  zIndex: 99999,
+  transition: isDragging ? 'none' : 'all 0.3s'
+}))
+
+const onTouchStart = (event) => {
+  isDragging = true
+  const touch = event.touches[0]
+  startTouch = { x: touch.clientX, y: touch.clientY }
+  startPos = { ...position.value }
+}
+
+const onTouchMove = useThrottleFn((event) => {
+  if (!isDragging) return
+  event.preventDefault()
+  
+  const touch = event.touches[0]
+  const { clientWidth, clientHeight } = document.documentElement
+  const rect = bubbleRef.value.getBoundingClientRect()
+  
+  // 计算新位置
+  const deltaX = startTouch.x - touch.clientX
+  const deltaY = startTouch.y - touch.clientY
+  const newRight = startPos.right + deltaX
+  const newBottom = startPos.bottom + deltaY
+  
+  // 边界检测
+  position.value = {
+    right: Math.min(Math.max(newRight, props.offset), 
+           clientWidth - rect.width - props.offset),
+    bottom: Math.min(Math.max(newBottom, props.offset), 
+            clientHeight - rect.height - props.offset)
+  }
+}, 16)
+
+const onTouchEnd = () => {
+  if (!isDragging) return
+  isDragging = false
+  
+  const { clientWidth } = document.documentElement
+  const rect = bubbleRef.value.getBoundingClientRect()
+  const left = clientWidth - position.value.right - rect.width
+  
+  // 吸附
+  position.value.right = left < clientWidth / 2
+    ? clientWidth - rect.width - props.offset
+    : props.offset
+}
+</script>
+
+<style scoped>
+.floating-bubble {
+  touch-action: none;
+  user-select: none;
+}
+</style>
diff --git a/app/pages/home/index.vue b/app/pages/home/index.vue
index 3933b60..65d9998 100644
--- a/app/pages/home/index.vue
+++ b/app/pages/home/index.vue
@@ -3,6 +3,7 @@ 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'
+import FloatingBubble from '~/components/floating2/index.vue'
 
 import {liveStore} from "~/stores/live/index.js";
 const {auctionDetail,getArtworkList} = goodStore();
diff --git a/app/pages/liveRoom/components/SideButton/index.vue b/app/pages/liveRoom/components/SideButton/index.vue
index 06c1c34..8e49d12 100644
--- a/app/pages/liveRoom/components/SideButton/index.vue
+++ b/app/pages/liveRoom/components/SideButton/index.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted, onBeforeUnmount } from "vue"
+import { ref, computed } from "vue"
 import lockClosed from "@/static/images/lockdfd@2x.png"
 import lockOpen from "@/static/images/lock4@2x.png"
 import { liveStore } from "@/stores/live/index.js"
@@ -15,104 +15,6 @@ const { pageRef } = goodStore()
 const { userInfo ,payment} = authStore()
 const showTang = ref(false)
 const router = useRouter()
-// 拖动相关状态
-const isDragging = ref(false)
-const startX = ref(0)
-const startY = ref(0)
-const currentTop = ref(196)
-const currentLeft = ref(window.innerWidth - 60)
-const sidebarRef = ref(null)
-
-// 限制拖动范围
-const minTop = 0
-const maxTop = window.innerHeight - 180
-const minLeft = 0
-const maxLeft = window.innerWidth - 60
-
-// 吸附相关
-const snapThreshold = 30
-const snapPosition = () => {
-  const centerX = currentLeft.value + 30
-  if (centerX < window.innerWidth / 2) {
-    currentLeft.value = 0
-  } else {
-    currentLeft.value = window.innerWidth - 60
-  }
-}
-
-// 开始拖动
-const handleMouseDown = (e) => {
-  isDragging.value = true
-  startX.value = e.clientX - currentLeft.value
-  startY.value = e.clientY - currentTop.value
-  document.addEventListener('mousemove', handleMouseMove)
-  document.addEventListener('mouseup', handleMouseUp)
-}
-
-// 拖动中
-const handleMouseMove = (e) => {
-  if (!isDragging.value) return
-
-  let newTop = e.clientY - startY.value
-  let newLeft = e.clientX - startX.value
-
-  // 限制范围
-  newTop = Math.max(minTop, Math.min(newTop, maxTop))
-  newLeft = Math.max(minLeft, Math.min(newLeft, maxLeft))
-
-  currentTop.value = newTop
-  currentLeft.value = newLeft
-
-  // 更新位置
-  if (sidebarRef.value) {
-    sidebarRef.value.style.top = `${newTop}px`
-    sidebarRef.value.style.left = `${newLeft}px`
-  }
-}
-
-// 结束拖动
-const handleMouseUp = () => {
-  isDragging.value = false
-  snapPosition()
-  if (sidebarRef.value) {
-    sidebarRef.value.style.left = `${currentLeft.value}px`
-  }
-  document.removeEventListener('mousemove', handleMouseMove)
-  document.removeEventListener('mouseup', handleMouseUp)
-}
-
-// 触摸事件处理
-const handleTouchStart = (e) => {
-  isDragging.value = true
-  startX.value = e.touches[0].clientX - currentLeft.value
-  startY.value = e.touches[0].clientY - currentTop.value
-}
-
-const handleTouchMove = (e) => {
-  if (!isDragging.value) return
-
-  let newTop = e.touches[0].clientY - startY.value
-  let newLeft = e.touches[0].clientX - startX.value
-
-  newTop = Math.max(minTop, Math.min(newTop, maxTop))
-  newLeft = Math.max(minLeft, Math.min(newLeft, maxLeft))
-
-  currentTop.value = newTop
-  currentLeft.value = newLeft
-
-  if (sidebarRef.value) {
-    sidebarRef.value.style.top = `${newTop}px`
-    sidebarRef.value.style.left = `${newLeft}px`
-  }
-}
-
-const handleTouchEnd = () => {
-  isDragging.value = false
-  snapPosition()
-  if (sidebarRef.value) {
-    sidebarRef.value.style.left = `${currentLeft.value}px`
-  }
-}
 
 const captureVideoFrame = () => {
   try {
@@ -134,17 +36,6 @@ const captureVideoFrame = () => {
 }
 
 const handleCapture = () => {
-/*  const imageUrl = captureVideoFrame()
-  if (imageUrl) {
-    lastSnapshot.value=imageUrl
-
-/!*    showMinWindow(lastSnapshot.value,{
-      onClick:()=>{
-        router.replace('/')
-        fullLive.value=true
-        }
-    })*!/
-  }*/
   showMinWindow1({
     onClick:()=>{
       router.replace('/')
@@ -154,27 +45,13 @@ const handleCapture = () => {
   })
 }
 
-// 组件挂载时添加事件监听
-onMounted(() => {
-  if (sidebarRef.value) {
-    sidebarRef.value.style.top = `${currentTop.value}px`
-    sidebarRef.value.style.left = `${currentLeft.value}px`
-  }
-})
-
-// 组件卸载时清理事件监听
-onBeforeUnmount(() => {
-  document.removeEventListener('mousemove', handleMouseMove)
-  document.removeEventListener('mouseup', handleMouseUp)
-})
-
 const openOne = () => {
   showTang.value = true
 }
 
 const paySide = computed(() => {
   //当前是否已成交
- return auctionData.value.needPayBuys?.length>0
+  return auctionData.value.needPayBuys?.length>0
 })
 
 const goPay = () => {
@@ -188,14 +65,7 @@ const goPay = () => {
 </script>
 
 <template>
-  <div
-      ref="sidebarRef"
-      class="bg-white w-60px rounded-4px overflow-hidden absolute z-999 cursor-move"
-      @mousedown="handleMouseDown"
-      @touchstart="handleTouchStart"
-      @touchmove="handleTouchMove"
-      @touchend="handleTouchEnd"
-  >
+  <div class="bg-white w-60px rounded-4px overflow-hidden">
     <!-- 拍品信息 -->
     <van-button
         class="w-60px !h-60px"
@@ -250,10 +120,4 @@ const goPay = () => {
 </template>
 
 <style scoped>
-.cursor-move {
-  cursor: move;
-  user-select: none;
-  touch-action: none;
-  transition: left 0.3s ease;
-}
 </style>
\ No newline at end of file
diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index 8075ac0..d52e74b 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -13,6 +13,7 @@ import {message} from "~/components/x-message/useMessage.js"
 import {showConfirmDialog} from 'vant';
 import {artworkBuy} from "@/api/goods/index.js"
 import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
 const { t } = useI18n()
 const { auctionDetail,getAuctionDetail} = goodStore();
 const player = ref(null)
@@ -97,11 +98,16 @@ const initializePlayer = async () => {
 onMounted(async () => {
   await getAuctionDetail()
   pullLink.value = await getLiveLink()
+  console.log('auctionDetail.value.isLiving',auctionDetail.value.isLiving)
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
   if (auctionDetail.value.isLiving===1){
     initializePlayer()
   }
 })
-
 onBeforeUnmount(() => {
   player.value?.dispose()
   player.value = null
@@ -133,9 +139,13 @@ const tipOpen = () => {
     <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
       <van-loading   type="spinner" >直播加载中...</van-loading>
     </div>
+  
     <transition name="fade">
       <div v-if="fullLive">
-        <sideButton class="absolute top-196px right-0 z-999"></sideButton>
+       
+        <floating2 top="200px">
+      <sideButton></sideButton>
+        </floating2>
         <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
              style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
           <div class="text-16px text-#FFB25F font-600 flex">
diff --git a/app/pages/signature/protocol/index.vue b/app/pages/signature/protocol/index.vue
index 4cec5bf..92a38e9 100644
--- a/app/pages/signature/protocol/index.vue
+++ b/app/pages/signature/protocol/index.vue
@@ -68,6 +68,7 @@ const goSignature = async () => {
 </script>
 
 <template>
+
   <div class="bg-#EBEBEB h-screen-nav flex flex-col">
     <div class="h-50px text-14px text-#191919 bg-#fff flex items-center px-21px mb-6px shrink-0">
       {{ $t('signature.tips.prePayment') }}
diff --git a/nuxt.config.js b/nuxt.config.js
index 15b784d..08d8876 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -133,7 +133,9 @@ export default defineNuxtConfig({
     vscode: {
       // 配置为 cursor 编辑器
       editor: 'cursor'
-    }
+    },
+
+    enabled: true
   },
 
   typescript: {
@@ -155,4 +157,4 @@ export default defineNuxtConfig({
     host: '0.0.0.0',
     port: 3000,
   },
-})
\ No newline at end of file
+})

From e0853e1416bb5435cd8fde1a0fa7e63a1b87cf17 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 6 Mar 2025 11:09:12 +0800
Subject: [PATCH 07/27] =?UTF-8?q?feat(components):=20=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?=E6=B5=AE=E5=8A=A8=E9=9D=A2=E6=9D=BF=E7=BB=84=E4=BB=B6=E5=B9=B6?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=96=B0=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 重写了 floating2 组件,增加了更多
---
 app/components/floating2/index.vue  | 291 +++++++++++++++++++++-------
 app/pages/home/index.vue            |   4 +-
 app/pages/liveRoom/index.client.vue |  35 +++-
 package.json                        |   1 +
 pnpm-lock.yaml                      |  45 +++++
 5 files changed, 294 insertions(+), 82 deletions(-)

diff --git a/app/components/floating2/index.vue b/app/components/floating2/index.vue
index c62c63d..c57c7e2 100644
--- a/app/components/floating2/index.vue
+++ b/app/components/floating2/index.vue
@@ -1,93 +1,238 @@
 <template>
-  <div 
-    ref="bubbleRef"
-    class="floating-bubble"
-    :style="bubbleStyle"
-    @touchstart="onTouchStart"
-    @touchmove="onTouchMove"
-    @touchend="onTouchEnd"
-  >
+  <div ref="floatPanel" :style="panelStyle" class="float-panel" 
+       @mousedown="handleMouseDown" 
+       @touchstart="handleTouchStart">
     <slot></slot>
   </div>
 </template>
 
 <script setup>
-import { ref, computed } from 'vue'
-import { useThrottleFn } from '@vueuse/core'
+import { ref, computed, onMounted, onUnmounted } from 'vue';
 
 const props = defineProps({
-  offset: {
-    type: Number,
-    default: 0
+  position: {
+    type: Object,
+    default: () => ({})
+  },
+  fixedX: Boolean,
+  fixedY: Boolean,
+  snapEdge: {
+    type: Boolean,
+    default: false
   }
-})
+});
 
-const bubbleRef = ref(null)
-const position = ref({
-  right: props.offset,
-  bottom: 100
-})
+const floatPanel = ref(null);
+const panelPos = ref({ x: 0, y: 0 });
+const panelSize = ref({ width: 0, height: 0 });
+const windowSize = ref({ width: 0, height: 0 });
+const dragOffset = ref({ x: 0, y: 0 });
+const wasDragged = ref(false);
 
-let startTouch = { x: 0, y: 0 }
-let startPos = { right: 0, bottom: 0 }
-let isDragging = false
-
-const bubbleStyle = computed(() => ({
-  position: 'fixed',
-  right: `${position.value.right}px`,
-  bottom: `${position.value.bottom}px`,
-  zIndex: 99999,
-  transition: isDragging ? 'none' : 'all 0.3s'
-}))
-
-const onTouchStart = (event) => {
-  isDragging = true
-  const touch = event.touches[0]
-  startTouch = { x: touch.clientX, y: touch.clientY }
-  startPos = { ...position.value }
-}
-
-const onTouchMove = useThrottleFn((event) => {
-  if (!isDragging) return
-  event.preventDefault()
-  
-  const touch = event.touches[0]
-  const { clientWidth, clientHeight } = document.documentElement
-  const rect = bubbleRef.value.getBoundingClientRect()
-  
-  // 计算新位置
-  const deltaX = startTouch.x - touch.clientX
-  const deltaY = startTouch.y - touch.clientY
-  const newRight = startPos.right + deltaX
-  const newBottom = startPos.bottom + deltaY
-  
-  // 边界检测
-  position.value = {
-    right: Math.min(Math.max(newRight, props.offset), 
-           clientWidth - rect.width - props.offset),
-    bottom: Math.min(Math.max(newBottom, props.offset), 
-            clientHeight - rect.height - props.offset)
+// 更新面板和窗口尺寸信息
+const updateSizes = () => {
+  if (floatPanel.value) {
+    panelSize.value = {
+      width: floatPanel.value.offsetWidth,
+      height: floatPanel.value.offsetHeight
+    };
   }
-}, 16)
+  windowSize.value = {
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+};
 
-const onTouchEnd = () => {
-  if (!isDragging) return
-  isDragging = false
+// 初始位置计算
+const initPosition = () => {
+  updateSizes();
+  const { left, right, top, bottom } = props.position;
   
-  const { clientWidth } = document.documentElement
-  const rect = bubbleRef.value.getBoundingClientRect()
-  const left = clientWidth - position.value.right - rect.width
+  if (right !== undefined) {
+    panelPos.value.x = windowSize.value.width - parseInt(right || 0) - panelSize.value.width;
+  } else if (left !== undefined) {
+    panelPos.value.x = parseInt(left || 0);
+  }
   
-  // 吸附
-  position.value.right = left < clientWidth / 2
-    ? clientWidth - rect.width - props.offset
-    : props.offset
-}
+  if (bottom !== undefined) {
+    panelPos.value.y = windowSize.value.height - parseInt(bottom || 0) - panelSize.value.height;
+  } else if (top !== undefined) {
+    panelPos.value.y = parseInt(top || 0);
+  }
+};
+
+// 面板样式
+const panelStyle = computed(() => {
+  return {
+    left: `${panelPos.value.x}px`,
+    top: `${panelPos.value.y}px`
+  };
+});
+
+// 处理鼠标按下事件
+const handleMouseDown = (event) => {
+  // 只有点击浮动面板本身时才启动拖拽
+  if (event.target === floatPanel.value || floatPanel.value.contains(event.target)) {
+    // 判断是否是面板自身，如果是才阻止默认行为
+    if (event.target === floatPanel.value) {
+      event.preventDefault();
+    }
+    
+    wasDragged.value = false;
+    
+    const startX = event.clientX;
+    const startY = event.clientY;
+    
+    // 计算点击位置与面板左上角的偏移
+    dragOffset.value = {
+      x: startX - panelPos.value.x,
+      y: startY - panelPos.value.y
+    };
+    
+    const handleMouseMove = (e) => {
+      wasDragged.value = true;
+      
+      const newX = e.clientX - dragOffset.value.x;
+      const newY = e.clientY - dragOffset.value.y;
+      
+      // 应用约束
+      if (!props.fixedX) {
+        panelPos.value.x = Math.max(0, Math.min(newX, windowSize.value.width - panelSize.value.width));
+      }
+      
+      if (!props.fixedY) {
+        panelPos.value.y = Math.max(0, Math.min(newY, windowSize.value.height - panelSize.value.height));
+      }
+    };
+    
+    const handleMouseUp = (e) => {
+      document.removeEventListener('mousemove', handleMouseMove);
+      document.removeEventListener('mouseup', handleMouseUp);
+      
+      if (wasDragged.value && props.snapEdge) {
+        snapToEdge();
+      }
+    };
+    
+    document.addEventListener('mousemove', handleMouseMove);
+    document.addEventListener('mouseup', handleMouseUp);
+  }
+};
+
+// 处理触摸开始事件
+const handleTouchStart = (event) => {
+  // 只有触摸浮动面板本身时才启动拖拽
+  if (event.target === floatPanel.value || floatPanel.value.contains(event.target)) {
+    // 判断是否是面板自身，如果是才阻止默认行为
+    if (event.target === floatPanel.value) {
+      event.preventDefault();
+    }
+    
+    wasDragged.value = false;
+    
+    const touch = event.touches[0];
+    const startX = touch.clientX;
+    const startY = touch.clientY;
+    
+    // 计算点击位置与面板左上角的偏移
+    dragOffset.value = {
+      x: startX - panelPos.value.x,
+      y: startY - panelPos.value.y
+    };
+    
+    const handleTouchMove = (e) => {
+      e.preventDefault();
+      wasDragged.value = true;
+      
+      const touch = e.touches[0];
+      const newX = touch.clientX - dragOffset.value.x;
+      const newY = touch.clientY - dragOffset.value.y;
+      
+      // 应用约束
+      if (!props.fixedX) {
+        panelPos.value.x = Math.max(0, Math.min(newX, windowSize.value.width - panelSize.value.width));
+      }
+      
+      if (!props.fixedY) {
+        panelPos.value.y = Math.max(0, Math.min(newY, windowSize.value.height - panelSize.value.height));
+      }
+    };
+    
+    const handleTouchEnd = (e) => {
+      document.removeEventListener('touchmove', handleTouchMove);
+      document.removeEventListener('touchend', handleTouchEnd);
+      
+      if (wasDragged.value && props.snapEdge) {
+        snapToEdge();
+      }
+    };
+    
+    document.addEventListener('touchmove', handleTouchMove, { passive: false });
+    document.addEventListener('touchend', handleTouchEnd);
+  }
+};
+
+// 执行吸附
+const snapToEdge = () => {
+  const centerX = windowSize.value.width / 2;
+  const panelCenterX = panelPos.value.x + panelSize.value.width / 2;
+  
+  if (panelCenterX < centerX) {
+    panelPos.value.x = 0; // 吸附到左边
+    console.log('吸附到左边边缘');
+  } else {
+    panelPos.value.x = windowSize.value.width - panelSize.value.width; // 吸附到右边
+    console.log('吸附到右边边缘');
+  }
+};
+
+// 窗口大小变化处理
+const handleResize = () => {
+  const oldWidth = windowSize.value.width;
+  const oldHeight = windowSize.value.height;
+  
+  updateSizes();
+  
+  // 保持相对右边和底部的距离
+  if (props.position.right !== undefined) {
+    const rightDistance = oldWidth - (panelPos.value.x + panelSize.value.width);
+    panelPos.value.x = windowSize.value.width - rightDistance - panelSize.value.width;
+  }
+  
+  if (props.position.bottom !== undefined) {
+    const bottomDistance = oldHeight - (panelPos.value.y + panelSize.value.height);
+    panelPos.value.y = windowSize.value.height - bottomDistance - panelSize.value.height;
+  }
+  
+  // 确保不超出边界
+  panelPos.value.x = Math.max(0, Math.min(panelPos.value.x, windowSize.value.width - panelSize.value.width));
+  panelPos.value.y = Math.max(0, Math.min(panelPos.value.y, windowSize.value.height - panelSize.value.height));
+};
+
+onMounted(() => {
+  console.log('组件挂载, snapEdge =', props.snapEdge);
+  updateSizes();
+  initPosition();
+  window.addEventListener('resize', handleResize);
+});
+
+onUnmounted(() => {
+  window.removeEventListener('resize', handleResize);
+});
+
+// 暴露方法
+defineExpose({
+  snapToEdge
+});
 </script>
 
 <style scoped>
-.floating-bubble {
-  touch-action: none;
+.float-panel {
+  position: fixed;
+  z-index: 1000;
+  cursor: move;
   user-select: none;
+  touch-action: none;
+  transition: left 0.2s ease-out;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/app/pages/home/index.vue b/app/pages/home/index.vue
index 65d9998..5d884cd 100644
--- a/app/pages/home/index.vue
+++ b/app/pages/home/index.vue
@@ -6,7 +6,7 @@ import Cescribe from './components/Cescribe/index.vue'
 import FloatingBubble from '~/components/floating2/index.vue'
 
 import {liveStore} from "~/stores/live/index.js";
-const {auctionDetail,getArtworkList} = goodStore();
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
 const {fullLive} = liveStore()
 const changeLive = () => {
   if (!fullLive.value){
@@ -16,7 +16,7 @@ const changeLive = () => {
     }
   }
 }
-
+await getAuctionDetail()
 
 </script>
 <template>
diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index d52e74b..dceb9aa 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {ref, onMounted, onBeforeUnmount, watch} from 'vue'
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
 import AliyunPlayer from 'aliyun-aliplayer'
 import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
 import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
@@ -14,6 +14,9 @@ import {showConfirmDialog} from 'vant';
 import {artworkBuy} from "@/api/goods/index.js"
 import {useI18n} from 'vue-i18n'
 import floating2 from '@/components/floating2/index.vue'
+import { UseDraggable } from '@vueuse/components'
+
+
 const { t } = useI18n()
 const { auctionDetail,getAuctionDetail} = goodStore();
 const player = ref(null)
@@ -127,7 +130,7 @@ const goBuy = async () => {
     message.success(t('live_room.success_mess'))
   }
 }
-
+const sideButtonRef = useTemplateRef('sideButtonRef')
 const tipOpen = () => {
   message.warning(t('live_room.warn_mess'))
 }
@@ -139,13 +142,16 @@ const tipOpen = () => {
     <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
       <van-loading   type="spinner" >直播加载中...</van-loading>
     </div>
-  
+    <client-only>
+  </client-only>
     <transition name="fade">
       <div v-if="fullLive">
-       
-        <floating2 top="200px">
-      <sideButton></sideButton>
-        </floating2>
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
         <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
              style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
           <div class="text-16px text-#FFB25F font-600 flex">
@@ -190,6 +196,21 @@ const tipOpen = () => {
 
 
 <style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
 /* 定义过渡动画 */
 .fade-enter-active {
   transition: opacity 1s ease;
diff --git a/package.json b/package.json
index 7d53dc9..b0a46f5 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@fingerprintjs/fingerprintjs": "^4.5.1",
     "@nuxtjs/i18n": "^9.1.1",
     "@vue-office/pdf": "^2.0.10",
+    "@vueuse/components": "^12.8.2",
     "@vueuse/core": "^12.4.0",
     "aliyun-aliplayer": "^2.28.5",
     "axios": "^1.7.9",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 634949f..ea90507 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,6 +20,9 @@ importers:
       '@vue-office/pdf':
         specifier: ^2.0.10
         version: 2.0.10(vue-demi@0.14.10(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
+      '@vueuse/components':
+        specifier: ^12.8.2
+        version: 12.8.2(typescript@5.7.3)
       '@vueuse/core':
         specifier: ^12.4.0
         version: 12.6.1(typescript@5.7.3)
@@ -1378,6 +1381,9 @@ packages:
   '@types/web-bluetooth@0.0.20':
     resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
 
+  '@types/web-bluetooth@0.0.21':
+    resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
+
   '@types/yauzl@2.10.3':
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
 
@@ -1617,15 +1623,27 @@ packages:
   '@vue/shared@3.5.13':
     resolution: {integrity: sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==}
 
+  '@vueuse/components@12.8.2':
+    resolution: {integrity: sha512-Nj27u1KsDWzoTthlChzVndJ9g0sW5APCXO3EJkSxlG11nN/ANTUlPPeoJOFvtbdDRnvsMJalboJyE0rRyg7yNg==}
+
   '@vueuse/core@12.6.1':
     resolution: {integrity: sha512-FpgM1tXGAHsAC5n4Tflyg0vSoJUmdevfKaAhKFdxiK9BTIdHOHOiWmo+xivwdzjYFIvI8cEeJWYuqs646jOM2w==}
 
+  '@vueuse/core@12.8.2':
+    resolution: {integrity: sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==}
+
   '@vueuse/metadata@12.6.1':
     resolution: {integrity: sha512-2094HNXGdsU3aqRbad0vmlRgGncMC4u2f6nFdW1mUn7b7ym4hORrDZfyeq8G5BfGvX4y0zZynWfCdtB2WwpyVw==}
 
+  '@vueuse/metadata@12.8.2':
+    resolution: {integrity: sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==}
+
   '@vueuse/shared@12.6.1':
     resolution: {integrity: sha512-ukTb2na19KT1/YVjj4CYBDOgiV/xmsSJRL6TcKeiz2db+P5bT3I0OJxy38eRR3WSN8CmSnt7MdVJ16vX6VZFxg==}
 
+  '@vueuse/shared@12.8.2':
+    resolution: {integrity: sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==}
+
   '@webassemblyjs/ast@1.14.1':
     resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
 
@@ -6016,6 +6034,8 @@ snapshots:
 
   '@types/web-bluetooth@0.0.20': {}
 
+  '@types/web-bluetooth@0.0.21': {}
+
   '@types/yauzl@2.10.3':
     dependencies:
       '@types/node': 22.13.4
@@ -6449,6 +6469,14 @@ snapshots:
 
   '@vue/shared@3.5.13': {}
 
+  '@vueuse/components@12.8.2(typescript@5.7.3)':
+    dependencies:
+      '@vueuse/core': 12.8.2(typescript@5.7.3)
+      '@vueuse/shared': 12.8.2(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.7.3)
+    transitivePeerDependencies:
+      - typescript
+
   '@vueuse/core@12.6.1(typescript@5.7.3)':
     dependencies:
       '@types/web-bluetooth': 0.0.20
@@ -6458,14 +6486,31 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
+  '@vueuse/core@12.8.2(typescript@5.7.3)':
+    dependencies:
+      '@types/web-bluetooth': 0.0.21
+      '@vueuse/metadata': 12.8.2
+      '@vueuse/shared': 12.8.2(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.7.3)
+    transitivePeerDependencies:
+      - typescript
+
   '@vueuse/metadata@12.6.1': {}
 
+  '@vueuse/metadata@12.8.2': {}
+
   '@vueuse/shared@12.6.1(typescript@5.7.3)':
     dependencies:
       vue: 3.5.13(typescript@5.7.3)
     transitivePeerDependencies:
       - typescript
 
+  '@vueuse/shared@12.8.2(typescript@5.7.3)':
+    dependencies:
+      vue: 3.5.13(typescript@5.7.3)
+    transitivePeerDependencies:
+      - typescript
+
   '@webassemblyjs/ast@1.14.1':
     dependencies:
       '@webassemblyjs/helper-numbers': 1.13.2

From 4e771fde211b6e0608142662e021c3ce78a0ec20 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 6 Mar 2025 15:49:31 +0800
Subject: [PATCH 08/27] =?UTF-8?q?feat(app):=20=E6=96=B0=E5=A2=9E=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E8=AF=A6=E6=83=85=E7=BB=84=E4=BB=B6=E5=92=8C=E7=80=91?=
 =?UTF-8?q?=E5=B8=83=E6=B5=81=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加了 itemDetail 组件，用于展示商品详细信息
- 在 home 页面中集成了瀑布流列表组件
- 实现了商品列表的加载更多和下拉刷新功能
- 添加了商品详情弹窗组件
---
 .../itemDetail/index_20250226145158.vue       |  83 +++++
 .../itemDetail/index_20250306154608.vue       |  87 +++++
 .../itemDetail/index_20250306154630.vue       |  87 +++++
 .../itemDetail/index_20250306154639.vue       |  87 +++++
 .../itemDetail/index_20250306154645.vue       |  87 +++++
 .../itemDetail/index_20250306154648.vue       |  87 +++++
 .../itemDetail/index_20250306154708.vue       |  87 +++++
 .../itemDetail/index_20250306154817.vue       |  87 +++++
 .../ItemList/index_20250303111807.vue         | 128 +++++++
 .../ItemList/index_20250306114740.vue         | 128 +++++++
 .../ItemList/index_20250306114815.vue         | 128 +++++++
 .../ItemList/index_20250306114817.vue         | 128 +++++++
 .../ItemList/index_20250306115647.vue         | 128 +++++++
 .../ItemList/index_20250306115652.vue         | 128 +++++++
 .../ItemList/index_20250306141705.vue         | 128 +++++++
 .../ItemList/index_20250306141747.vue         | 128 +++++++
 .../ItemList/index_20250306141844.vue         | 108 ++++++
 .../ItemList/index_20250306142633.vue         | 139 ++++++++
 .../ItemList/index_20250306142647.vue         | 139 ++++++++
 .../ItemList/index_20250306142801.vue         | 139 ++++++++
 .../ItemList/index_20250306142804.vue         | 139 ++++++++
 .../ItemList/index_20250306143140.vue         | 146 ++++++++
 .../ItemList/index_20250306143143.vue         | 146 ++++++++
 .../ItemList/index_20250306143321.vue         | 144 ++++++++
 .../ItemList/index_20250306143328.vue         | 144 ++++++++
 .../ItemList/index_20250306143357.vue         | 144 ++++++++
 .../ItemList/index_20250306143628.vue         | 144 ++++++++
 .../ItemList/index_20250306143705.vue         | 144 ++++++++
 .../ItemList/index_20250306143826.vue         | 144 ++++++++
 .../ItemList/index_20250306143843.vue         | 144 ++++++++
 .../ItemList/index_20250306143933.vue         | 144 ++++++++
 .../ItemList/index_20250306144009.vue         | 144 ++++++++
 .../ItemList/index_20250306144013.vue         | 144 ++++++++
 .../ItemList/index_20250306144044.vue         | 144 ++++++++
 .../ItemList/index_20250306144045.vue         | 144 ++++++++
 .../ItemList/index_20250306144047.vue         | 144 ++++++++
 .../ItemList/index_20250306144142.vue         | 144 ++++++++
 .../ItemList/index_20250306144159.vue         | 144 ++++++++
 .../ItemList/index_20250306144205.vue         | 142 ++++++++
 .../ItemList/index_20250306144214.vue         | 142 ++++++++
 .../ItemList/index_20250306144237.vue         | 142 ++++++++
 .../ItemList/index_20250306144307.vue         | 142 ++++++++
 .../ItemList/index_20250306144717.vue         | 142 ++++++++
 .../ItemList/index_20250306144728.vue         | 142 ++++++++
 .../ItemList/index_20250306144732.vue         | 142 ++++++++
 .../ItemList/index_20250306144816.vue         | 142 ++++++++
 .../ItemList/index_20250306144834.vue         | 142 ++++++++
 .../ItemList/index_20250306144838.vue         | 142 ++++++++
 .../ItemList/index_20250306145158.vue         | 142 ++++++++
 .../ItemList/index_20250306145738.vue         | 189 ++++++++++
 .../ItemList/index_20250306145812.vue         | 189 ++++++++++
 .../ItemList/index_20250306150719.vue         | 209 +++++++++++
 .../ItemList/index_20250306150743.vue         | 209 +++++++++++
 .../ItemList/index_20250306150745.vue         | 209 +++++++++++
 .../app/pages/home/index_20250306094955.vue   |  96 +++++
 .../app/pages/home/index_20250306114651.vue   |  99 ++++++
 .../app/pages/home/index_20250306114655.vue   |  99 ++++++
 .../app/pages/home/index_20250306114938.vue   |  99 ++++++
 .../app/pages/home/index_20250306115027.vue   |  99 ++++++
 .../app/pages/home/index_20250306115109.vue   | 102 ++++++
 .../app/pages/home/index_20250306115149.vue   | 102 ++++++
 .../app/pages/home/index_20250306115151.vue   | 102 ++++++
 .../app/pages/home/index_20250306115253.vue   | 102 ++++++
 .../app/pages/home/index_20250306115256.vue   | 102 ++++++
 .../app/pages/home/index_20250306115330.vue   | 103 ++++++
 .../app/pages/home/index_20250306115336.vue   | 104 ++++++
 .../app/pages/home/index_20250306115423.vue   | 107 ++++++
 .../app/pages/home/index_20250306115449.vue   | 109 ++++++
 .../app/pages/home/index_20250306115451.vue   | 109 ++++++
 .../app/pages/home/index_20250306115547.vue   | 109 ++++++
 .../app/pages/home/index_20250306115555.vue   | 109 ++++++
 .../app/pages/home/index_20250306115559.vue   | 109 ++++++
 .../app/pages/home/index_20250306115611.vue   | 109 ++++++
 .../app/pages/home/index_20250306115635.vue   | 109 ++++++
 .../app/pages/home/index_20250306115641.vue   | 109 ++++++
 .../app/pages/home/index_20250306115705.vue   | 109 ++++++
 .../app/pages/home/index_20250306115706.vue   | 109 ++++++
 .../app/pages/home/index_20250306115740.vue   | 109 ++++++
 .../app/pages/home/index_20250306115742.vue   | 109 ++++++
 .../app/pages/home/index_20250306115809.vue   | 109 ++++++
 .../app/pages/home/index_20250306145820.vue   | 109 ++++++
 .../SideButton/tangPopup_20250304114512.vue   | 154 ++++++++
 .../SideButton/tangPopup_20250306131850.vue   | 157 +++++++++
 .../SideButton/tangPopup_20250306131852.vue   | 157 +++++++++
 .../SideButton/tangPopup_20250306131940.vue   | 154 ++++++++
 .../SideButton/tangPopup_20250306132936.vue   | 195 +++++++++++
 .../SideButton/tangPopup_20250306133213.vue   | 236 +++++++++++++
 .../SideButton/tangPopup_20250306133617.vue   | 331 ++++++++++++++++++
 .../SideButton/tangPopup_20250306133625.vue   | 331 ++++++++++++++++++
 .../SideButton/tangPopup_20250306133628.vue   | 331 ++++++++++++++++++
 .../SideButton/tangPopup_20250306133712.vue   | 154 ++++++++
 .../SideButton/tangPopup_20250306133716.vue   | 154 ++++++++
 .../SideButton/tangPopup_20250306133943.vue   | 155 ++++++++
 .../SideButton/tangPopup_20250306140953.vue   | 158 +++++++++
 .../SideButton/tangPopup_20250306140956.vue   | 158 +++++++++
 .../SideButton/tangPopup_20250306141031.vue   | 159 +++++++++
 .../SideButton/tangPopup_20250306141033.vue   | 159 +++++++++
 .../SideButton/tangPopup_20250306141324.vue   | 165 +++++++++
 .../SideButton/tangPopup_20250306141326.vue   | 165 +++++++++
 .../SideButton/tangPopup_20250306141342.vue   | 166 +++++++++
 .../SideButton/tangPopup_20250306141836.vue   | 166 +++++++++
 .../SideButton/tangPopup_20250306141916.vue   | 166 +++++++++
 .../SideButton/tangPopup_20250306141952.vue   | 166 +++++++++
 .../liveRoom/index.client_20250306114123.vue  | 249 +++++++++++++
 .../liveRoom/index.client_20250306152016.vue  | 247 +++++++++++++
 .../liveRoom/index.client_20250306152035.vue  | 247 +++++++++++++
 .../liveRoom/index.client_20250306152725.vue  | 247 +++++++++++++
 .../liveRoom/index.client_20250306153357.vue  | 248 +++++++++++++
 .../liveRoom/index.client_20250306153359.vue  | 248 +++++++++++++
 .../liveRoom/index.client_20250306153403.vue  | 248 +++++++++++++
 .../liveRoom/index.client_20250306153405.vue  | 248 +++++++++++++
 .../liveRoom/index.client_20250306153730.vue  | 247 +++++++++++++
 .../liveRoom/index.client_20250306153732.vue  | 247 +++++++++++++
 .../liveRoom/index.client_20250306153754.vue  | 247 +++++++++++++
 .../liveRoom/index.client_20250306153824.vue  | 247 +++++++++++++
 .../liveRoom/index.client_20250306153827.vue  | 247 +++++++++++++
 .../liveRoom/index.client_20250306153829.vue  | 247 +++++++++++++
 .../liveRoom/index.client_20250306153831.vue  | 247 +++++++++++++
 .../liveRoom/index.client_20250306154125.vue  | 247 +++++++++++++
 .../app/stores/goods/index_20250303111807.js  | 109 ++++++
 .../app/stores/goods/index_20250306132938.js  | 109 ++++++
 .../app/stores/goods/index_20250306133215.js  | 109 ++++++
 app/components/itemDetail/index.vue           |   4 +
 app/pages/[...all].vue                        |   9 -
 app/pages/externallinks/index.vue             |  22 --
 app/pages/home/components/ItemList/index.vue  | 143 ++++++--
 app/pages/home/index.vue                      |  19 +-
 .../liveRoom/components/Broadcast/index.vue   |   8 +-
 .../components/SideButton/tangPopup.vue       |  16 +-
 app/pages/liveRoom/index.client.vue           |  10 +-
 i18n/locales/zh-CN.json                       |   3 +-
 131 files changed, 18820 insertions(+), 77 deletions(-)
 create mode 100644 .history/app/components/itemDetail/index_20250226145158.vue
 create mode 100644 .history/app/components/itemDetail/index_20250306154608.vue
 create mode 100644 .history/app/components/itemDetail/index_20250306154630.vue
 create mode 100644 .history/app/components/itemDetail/index_20250306154639.vue
 create mode 100644 .history/app/components/itemDetail/index_20250306154645.vue
 create mode 100644 .history/app/components/itemDetail/index_20250306154648.vue
 create mode 100644 .history/app/components/itemDetail/index_20250306154708.vue
 create mode 100644 .history/app/components/itemDetail/index_20250306154817.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250303111807.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306114740.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306114815.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306114817.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306115647.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306115652.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306141705.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306141747.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306141844.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306142633.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306142647.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306142801.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306142804.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306143140.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306143143.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306143321.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306143328.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306143357.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306143628.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306143705.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306143826.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306143843.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306143933.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144009.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144013.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144044.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144045.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144047.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144142.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144159.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144205.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144214.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144237.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144307.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144717.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144728.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144732.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144816.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144834.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306144838.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306145158.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306145738.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306145812.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306150719.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306150743.vue
 create mode 100644 .history/app/pages/home/components/ItemList/index_20250306150745.vue
 create mode 100644 .history/app/pages/home/index_20250306094955.vue
 create mode 100644 .history/app/pages/home/index_20250306114651.vue
 create mode 100644 .history/app/pages/home/index_20250306114655.vue
 create mode 100644 .history/app/pages/home/index_20250306114938.vue
 create mode 100644 .history/app/pages/home/index_20250306115027.vue
 create mode 100644 .history/app/pages/home/index_20250306115109.vue
 create mode 100644 .history/app/pages/home/index_20250306115149.vue
 create mode 100644 .history/app/pages/home/index_20250306115151.vue
 create mode 100644 .history/app/pages/home/index_20250306115253.vue
 create mode 100644 .history/app/pages/home/index_20250306115256.vue
 create mode 100644 .history/app/pages/home/index_20250306115330.vue
 create mode 100644 .history/app/pages/home/index_20250306115336.vue
 create mode 100644 .history/app/pages/home/index_20250306115423.vue
 create mode 100644 .history/app/pages/home/index_20250306115449.vue
 create mode 100644 .history/app/pages/home/index_20250306115451.vue
 create mode 100644 .history/app/pages/home/index_20250306115547.vue
 create mode 100644 .history/app/pages/home/index_20250306115555.vue
 create mode 100644 .history/app/pages/home/index_20250306115559.vue
 create mode 100644 .history/app/pages/home/index_20250306115611.vue
 create mode 100644 .history/app/pages/home/index_20250306115635.vue
 create mode 100644 .history/app/pages/home/index_20250306115641.vue
 create mode 100644 .history/app/pages/home/index_20250306115705.vue
 create mode 100644 .history/app/pages/home/index_20250306115706.vue
 create mode 100644 .history/app/pages/home/index_20250306115740.vue
 create mode 100644 .history/app/pages/home/index_20250306115742.vue
 create mode 100644 .history/app/pages/home/index_20250306115809.vue
 create mode 100644 .history/app/pages/home/index_20250306145820.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250304114512.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131850.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131852.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131940.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306132936.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133213.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133617.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133625.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133628.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133712.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133716.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133943.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306140953.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306140956.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141031.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141033.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141324.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141326.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141342.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141836.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141916.vue
 create mode 100644 .history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141952.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306114123.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306152016.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306152035.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306152725.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153357.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153359.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153403.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153405.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153730.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153732.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153754.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153824.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153827.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153829.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306153831.vue
 create mode 100644 .history/app/pages/liveRoom/index.client_20250306154125.vue
 create mode 100644 .history/app/stores/goods/index_20250303111807.js
 create mode 100644 .history/app/stores/goods/index_20250306132938.js
 create mode 100644 .history/app/stores/goods/index_20250306133215.js
 delete mode 100644 app/pages/[...all].vue
 delete mode 100644 app/pages/externallinks/index.vue

diff --git a/.history/app/components/itemDetail/index_20250226145158.vue b/.history/app/components/itemDetail/index_20250226145158.vue
new file mode 100644
index 0000000..eb55921
--- /dev/null
+++ b/.history/app/components/itemDetail/index_20250226145158.vue
@@ -0,0 +1,83 @@
+<script setup>
+import { showImagePreview } from 'vant';
+
+import xImage from '@/components/x-image/index.vue'
+const props = defineProps({
+  detailInfo: {
+    type: Object,
+    default: null
+  }
+})
+const filteredPriceRules = computed(() => {
+  if (!props.detailInfo?.priceRules) return []
+
+  // 找到第一个price为空的索引
+  const emptyIndex = props.detailInfo.priceRules.findIndex(item => !item.price)
+
+  if (emptyIndex === -1) {
+    // 如果没有空价格，返回全部
+    return props.detailInfo.priceRules
+  } else {
+    // 如果有空价格，只返回到空价格之前的数据
+    return props.detailInfo.priceRules.slice(0, emptyIndex)
+  }
+})
+</script>
+
+<template>
+<div>
+  <div class="flex justify-center">
+    <xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
+  </div>
+  <div class="px-[16px] bg-[#fff] pt-[11px] mb-6px">
+    <div class="text-[#000] text-[16px] mb-[12px]">{{detailInfo?.artworkTitle}}</div>
+    <div class="text-#575757 text-[14px] pb-8px">
+      <div class="flex mb-[4px]">
+        <div class="w-[70px]">{{$t('detail.text1')}}：</div>
+        <div>{{detailInfo?.artwork?.artistName??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text2')}}：</div>
+        <div>{{detailInfo?.artwork?.ruler??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text3')}}*{{$t('detail.text4')}}：</div>
+        <div>{{detailInfo?.artwork?.length}}*{{detailInfo?.artwork?.width}}cm</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text5')}}：</div>
+        <div>{{detailInfo?.artwork?.abstract??'-'}}</div>
+      </div>
+    </div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px">
+    <div class="text-[#575757] text-[14px]">{{$t('detail.text6')}}：</div>
+    <div class="text-#575757 text-14px font-bold">{{detailInfo?.startPriceCurrency}} {{detailInfo?.startPrice}}</div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px" v-if="detailInfo?.soldPrice">
+    <div class="text-[#B58047] text-[14px]">成交价：</div>
+    <div class="text-#B58047 text-14px font-bold">{{detailInfo?.soldPriceCurrency}} {{detailInfo?.soldPrice}}</div>
+  </div>
+  <div class="px-[16px] bg-#fff pt-12px pb-18px">
+    <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
+    <div v-if="detailInfo?.priceRuleType!=='diy'">
+      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
+    </div>
+    <div v-else class="mt-20px">
+      <div class="flex text-#575757 text-12px">
+        <div class="grow-1 text-center">序号</div>
+        <div class="grow-1 text-center">叫价金额</div>
+      </div>
+      <div v-for="(item,index) of filteredPriceRules" :key="item.index" class="flex text-#575757 text-12px mt-10px">
+        <div class="grow-1 text-center">{{item.index}}</div>
+        <div class="grow-1 text-center">{{item.price}}</div>
+      </div>
+    </div>
+
+  </div>
+</div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/.history/app/components/itemDetail/index_20250306154608.vue b/.history/app/components/itemDetail/index_20250306154608.vue
new file mode 100644
index 0000000..7544234
--- /dev/null
+++ b/.history/app/components/itemDetail/index_20250306154608.vue
@@ -0,0 +1,87 @@
+<script setup>
+import { showImagePreview } from 'vant';
+
+import xImage from '@/components/x-image/index.vue'
+const props = defineProps({
+  detailInfo: {
+    type: Object,
+    default: null
+  }
+})
+const filteredPriceRules = computed(() => {
+  if (!props.detailInfo?.priceRules) return []
+
+  // 找到第一个price为空的索引
+  const emptyIndex = props.detailInfo.priceRules.findIndex(item => !item.price)
+
+  if (emptyIndex === -1) {
+    // 如果没有空价格，返回全部
+    return props.detailInfo.priceRules
+  } else {
+    // 如果有空价格，只返回到空价格之前的数据
+    return props.detailInfo.priceRules.slice(0, emptyIndex)
+  }
+})
+</script>
+
+<template>
+<div>
+  <div class="flex justify-center">
+    <xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
+  </div>
+  <div class="px-[16px] bg-[#fff] pt-[11px] mb-6px">
+    <div class="text-[#000] text-[16px] mb-[12px]">{{detailInfo?.artworkTitle}}</div>
+    <div class="text-#575757 text-[14px] pb-8px">
+      <div class="flex mb-[4px]">
+        <div class="w-[70px]">{{$t('detail.text1')}}：</div>
+        <div>{{detailInfo?.artwork?.artistName??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text2')}}：</div>
+        <div>{{detailInfo?.artwork?.ruler??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text3')}}*{{$t('detail.text4')}}：</div>
+        <div>{{detailInfo?.artwork?.length}}*{{detailInfo?.artwork?.width}}cm</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text5')}}：</div>
+        <div>{{detailInfo?.artwork?.abstract??'-'}}</div>
+      </div>
+    </div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px">
+    <div class="text-[#575757] text-[14px]">{{$t('detail.text6')}}：</div>
+    <div class="text-#575757 text-14px font-bold">{{detailInfo?.startPriceCurrency}} {{detailInfo?.startPrice}}</div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px" v-if="detailInfo?.soldPrice">
+    <div class="text-[#B58047] text-[14px]">成交价：</div>
+    <div class="text-#B58047 text-14px font-bold">{{detailInfo?.soldPriceCurrency}} {{detailInfo?.soldPrice}}</div>
+  </div>
+  <div class="px-[16px] bg-#fff pt-12px pb-18px">
+    <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
+    <div v-if="detailInfo?.priceRuleType!=='diy'">
+      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
+    </div>
+    <div v-else class="mt-20px">
+      <div class="flex text-#575757 text-12px">
+        <div class="grow-1 text-center">序号</div>
+        <div class="grow-1 text-center">叫价金额</div>
+      </div>
+      <div v-for="(item,index) of filteredPriceRules" :key="item.index" class="flex text-#575757 text-12px mt-10px">
+        <div class="grow-1 text-center">{{item.index}}</div>
+        <div class="grow-1 text-center">{{item.price}}</div>
+      </div>
+    </div>
+
+  </div>
+  <div class="flex">
+    <div>固定跳价</div>
+    <div>{{ detailInfo?.priceRuleAdd }}</div>
+  </div>
+</div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/.history/app/components/itemDetail/index_20250306154630.vue b/.history/app/components/itemDetail/index_20250306154630.vue
new file mode 100644
index 0000000..041c953
--- /dev/null
+++ b/.history/app/components/itemDetail/index_20250306154630.vue
@@ -0,0 +1,87 @@
+<script setup>
+import { showImagePreview } from 'vant';
+
+import xImage from '@/components/x-image/index.vue'
+const props = defineProps({
+  detailInfo: {
+    type: Object,
+    default: null
+  }
+})
+const filteredPriceRules = computed(() => {
+  if (!props.detailInfo?.priceRules) return []
+
+  // 找到第一个price为空的索引
+  const emptyIndex = props.detailInfo.priceRules.findIndex(item => !item.price)
+
+  if (emptyIndex === -1) {
+    // 如果没有空价格，返回全部
+    return props.detailInfo.priceRules
+  } else {
+    // 如果有空价格，只返回到空价格之前的数据
+    return props.detailInfo.priceRules.slice(0, emptyIndex)
+  }
+})
+</script>
+
+<template>
+<div>
+  <div class="flex justify-center">
+    <xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
+  </div>
+  <div class="px-[16px] bg-[#fff] pt-[11px] mb-6px">
+    <div class="text-[#000] text-[16px] mb-[12px]">{{detailInfo?.artworkTitle}}</div>
+    <div class="text-#575757 text-[14px] pb-8px">
+      <div class="flex mb-[4px]">
+        <div class="w-[70px]">{{$t('detail.text1')}}：</div>
+        <div>{{detailInfo?.artwork?.artistName??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text2')}}：</div>
+        <div>{{detailInfo?.artwork?.ruler??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text3')}}*{{$t('detail.text4')}}：</div>
+        <div>{{detailInfo?.artwork?.length}}*{{detailInfo?.artwork?.width}}cm</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text5')}}：</div>
+        <div>{{detailInfo?.artwork?.abstract??'-'}}</div>
+      </div>
+    </div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px">
+    <div class="text-[#575757] text-[14px]">{{$t('detail.text6')}}：</div>
+    <div class="text-#575757 text-14px font-bold">{{detailInfo?.startPriceCurrency}} {{detailInfo?.startPrice}}</div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px" v-if="detailInfo?.soldPrice">
+    <div class="text-[#B58047] text-[14px]">成交价：</div>
+    <div class="text-#B58047 text-14px font-bold">{{detailInfo?.soldPriceCurrency}} {{detailInfo?.soldPrice}}</div>
+  </div>
+  <div class="px-[16px] bg-#fff pt-12px pb-18px">
+    <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
+    <div v-if="detailInfo?.priceRuleType!=='diy'">
+      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
+    </div>
+    <div v-else class="mt-20px">
+      <div class="flex text-#575757 text-12px">
+        <div class="grow-1 text-center">序号</div>
+        <div class="grow-1 text-center">叫价金额</div>
+      </div>
+      <div v-for="(item,index) of filteredPriceRules" :key="item.index" class="flex text-#575757 text-12px mt-10px">
+        <div class="grow-1 text-center">{{item.index}}</div>
+        <div class="grow-1 text-center">{{item.price}}</div>
+      </div>
+    </div>
+
+  </div>
+  <div class="flex text-[#575757] text-[14px]">
+    <div>固定跳价</div>
+    <div>{{ detailInfo?.priceRuleAdd }}</div>
+  </div>
+</div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/.history/app/components/itemDetail/index_20250306154639.vue b/.history/app/components/itemDetail/index_20250306154639.vue
new file mode 100644
index 0000000..9f57065
--- /dev/null
+++ b/.history/app/components/itemDetail/index_20250306154639.vue
@@ -0,0 +1,87 @@
+<script setup>
+import { showImagePreview } from 'vant';
+
+import xImage from '@/components/x-image/index.vue'
+const props = defineProps({
+  detailInfo: {
+    type: Object,
+    default: null
+  }
+})
+const filteredPriceRules = computed(() => {
+  if (!props.detailInfo?.priceRules) return []
+
+  // 找到第一个price为空的索引
+  const emptyIndex = props.detailInfo.priceRules.findIndex(item => !item.price)
+
+  if (emptyIndex === -1) {
+    // 如果没有空价格，返回全部
+    return props.detailInfo.priceRules
+  } else {
+    // 如果有空价格，只返回到空价格之前的数据
+    return props.detailInfo.priceRules.slice(0, emptyIndex)
+  }
+})
+</script>
+
+<template>
+<div>
+  <div class="flex justify-center">
+    <xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
+  </div>
+  <div class="px-[16px] bg-[#fff] pt-[11px] mb-6px">
+    <div class="text-[#000] text-[16px] mb-[12px]">{{detailInfo?.artworkTitle}}</div>
+    <div class="text-#575757 text-[14px] pb-8px">
+      <div class="flex mb-[4px]">
+        <div class="w-[70px]">{{$t('detail.text1')}}：</div>
+        <div>{{detailInfo?.artwork?.artistName??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text2')}}：</div>
+        <div>{{detailInfo?.artwork?.ruler??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text3')}}*{{$t('detail.text4')}}：</div>
+        <div>{{detailInfo?.artwork?.length}}*{{detailInfo?.artwork?.width}}cm</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text5')}}：</div>
+        <div>{{detailInfo?.artwork?.abstract??'-'}}</div>
+      </div>
+    </div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px">
+    <div class="text-[#575757] text-[14px]">{{$t('detail.text6')}}：</div>
+    <div class="text-#575757 text-14px font-bold">{{detailInfo?.startPriceCurrency}} {{detailInfo?.startPrice}}</div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px" v-if="detailInfo?.soldPrice">
+    <div class="text-[#B58047] text-[14px]">成交价：</div>
+    <div class="text-#B58047 text-14px font-bold">{{detailInfo?.soldPriceCurrency}} {{detailInfo?.soldPrice}}</div>
+  </div>
+  <div class="px-[16px] bg-#fff pt-12px pb-18px">
+    <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
+    <div v-if="detailInfo?.priceRuleType!=='diy'">
+      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
+    </div>
+    <div v-else class="mt-20px">
+      <div class="flex text-#575757 text-12px">
+        <div class="grow-1 text-center">序号</div>
+        <div class="grow-1 text-center">叫价金额</div>
+      </div>
+      <div v-for="(item,index) of filteredPriceRules" :key="item.index" class="flex text-#575757 text-12px mt-10px">
+        <div class="grow-1 text-center">{{item.index}}</div>
+        <div class="grow-1 text-center">{{item.price}}</div>
+      </div>
+    </div>
+
+  </div>
+  <div class="flex text-[#575757] text-[14px]">
+    <div>固定跳价:</div>
+    <div>{{ detailInfo?.priceRuleAdd }}</div>
+  </div>
+</div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/.history/app/components/itemDetail/index_20250306154645.vue b/.history/app/components/itemDetail/index_20250306154645.vue
new file mode 100644
index 0000000..5c315cb
--- /dev/null
+++ b/.history/app/components/itemDetail/index_20250306154645.vue
@@ -0,0 +1,87 @@
+<script setup>
+import { showImagePreview } from 'vant';
+
+import xImage from '@/components/x-image/index.vue'
+const props = defineProps({
+  detailInfo: {
+    type: Object,
+    default: null
+  }
+})
+const filteredPriceRules = computed(() => {
+  if (!props.detailInfo?.priceRules) return []
+
+  // 找到第一个price为空的索引
+  const emptyIndex = props.detailInfo.priceRules.findIndex(item => !item.price)
+
+  if (emptyIndex === -1) {
+    // 如果没有空价格，返回全部
+    return props.detailInfo.priceRules
+  } else {
+    // 如果有空价格，只返回到空价格之前的数据
+    return props.detailInfo.priceRules.slice(0, emptyIndex)
+  }
+})
+</script>
+
+<template>
+<div>
+  <div class="flex justify-center">
+    <xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
+  </div>
+  <div class="px-[16px] bg-[#fff] pt-[11px] mb-6px">
+    <div class="text-[#000] text-[16px] mb-[12px]">{{detailInfo?.artworkTitle}}</div>
+    <div class="text-#575757 text-[14px] pb-8px">
+      <div class="flex mb-[4px]">
+        <div class="w-[70px]">{{$t('detail.text1')}}：</div>
+        <div>{{detailInfo?.artwork?.artistName??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text2')}}：</div>
+        <div>{{detailInfo?.artwork?.ruler??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text3')}}*{{$t('detail.text4')}}：</div>
+        <div>{{detailInfo?.artwork?.length}}*{{detailInfo?.artwork?.width}}cm</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text5')}}：</div>
+        <div>{{detailInfo?.artwork?.abstract??'-'}}</div>
+      </div>
+    </div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px">
+    <div class="text-[#575757] text-[14px]">{{$t('detail.text6')}}：</div>
+    <div class="text-#575757 text-14px font-bold">{{detailInfo?.startPriceCurrency}} {{detailInfo?.startPrice}}</div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px" v-if="detailInfo?.soldPrice">
+    <div class="text-[#B58047] text-[14px]">成交价：</div>
+    <div class="text-#B58047 text-14px font-bold">{{detailInfo?.soldPriceCurrency}} {{detailInfo?.soldPrice}}</div>
+  </div>
+  <div class="px-[16px] bg-#fff pt-12px pb-18px">
+    <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
+    <div v-if="detailInfo?.priceRuleType!=='diy'">
+      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
+    </div>
+    <div v-else class="mt-20px">
+      <div class="flex text-#575757 text-12px">
+        <div class="grow-1 text-center">序号</div>
+        <div class="grow-1 text-center">叫价金额</div>
+      </div>
+      <div v-for="(item,index) of filteredPriceRules" :key="item.index" class="flex text-#575757 text-12px mt-10px">
+        <div class="grow-1 text-center">{{item.index}}</div>
+        <div class="grow-1 text-center">{{item.price}}</div>
+      </div>
+    </div>
+
+  </div>
+  <div class="flex text-[#575757] text-[14px] justify-center">
+    <div>固定跳价:</div>
+    <div>{{ detailInfo?.priceRuleAdd }}</div>
+  </div>
+</div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/.history/app/components/itemDetail/index_20250306154648.vue b/.history/app/components/itemDetail/index_20250306154648.vue
new file mode 100644
index 0000000..5c315cb
--- /dev/null
+++ b/.history/app/components/itemDetail/index_20250306154648.vue
@@ -0,0 +1,87 @@
+<script setup>
+import { showImagePreview } from 'vant';
+
+import xImage from '@/components/x-image/index.vue'
+const props = defineProps({
+  detailInfo: {
+    type: Object,
+    default: null
+  }
+})
+const filteredPriceRules = computed(() => {
+  if (!props.detailInfo?.priceRules) return []
+
+  // 找到第一个price为空的索引
+  const emptyIndex = props.detailInfo.priceRules.findIndex(item => !item.price)
+
+  if (emptyIndex === -1) {
+    // 如果没有空价格，返回全部
+    return props.detailInfo.priceRules
+  } else {
+    // 如果有空价格，只返回到空价格之前的数据
+    return props.detailInfo.priceRules.slice(0, emptyIndex)
+  }
+})
+</script>
+
+<template>
+<div>
+  <div class="flex justify-center">
+    <xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
+  </div>
+  <div class="px-[16px] bg-[#fff] pt-[11px] mb-6px">
+    <div class="text-[#000] text-[16px] mb-[12px]">{{detailInfo?.artworkTitle}}</div>
+    <div class="text-#575757 text-[14px] pb-8px">
+      <div class="flex mb-[4px]">
+        <div class="w-[70px]">{{$t('detail.text1')}}：</div>
+        <div>{{detailInfo?.artwork?.artistName??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text2')}}：</div>
+        <div>{{detailInfo?.artwork?.ruler??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text3')}}*{{$t('detail.text4')}}：</div>
+        <div>{{detailInfo?.artwork?.length}}*{{detailInfo?.artwork?.width}}cm</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text5')}}：</div>
+        <div>{{detailInfo?.artwork?.abstract??'-'}}</div>
+      </div>
+    </div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px">
+    <div class="text-[#575757] text-[14px]">{{$t('detail.text6')}}：</div>
+    <div class="text-#575757 text-14px font-bold">{{detailInfo?.startPriceCurrency}} {{detailInfo?.startPrice}}</div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px" v-if="detailInfo?.soldPrice">
+    <div class="text-[#B58047] text-[14px]">成交价：</div>
+    <div class="text-#B58047 text-14px font-bold">{{detailInfo?.soldPriceCurrency}} {{detailInfo?.soldPrice}}</div>
+  </div>
+  <div class="px-[16px] bg-#fff pt-12px pb-18px">
+    <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
+    <div v-if="detailInfo?.priceRuleType!=='diy'">
+      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
+    </div>
+    <div v-else class="mt-20px">
+      <div class="flex text-#575757 text-12px">
+        <div class="grow-1 text-center">序号</div>
+        <div class="grow-1 text-center">叫价金额</div>
+      </div>
+      <div v-for="(item,index) of filteredPriceRules" :key="item.index" class="flex text-#575757 text-12px mt-10px">
+        <div class="grow-1 text-center">{{item.index}}</div>
+        <div class="grow-1 text-center">{{item.price}}</div>
+      </div>
+    </div>
+
+  </div>
+  <div class="flex text-[#575757] text-[14px] justify-center">
+    <div>固定跳价:</div>
+    <div>{{ detailInfo?.priceRuleAdd }}</div>
+  </div>
+</div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/.history/app/components/itemDetail/index_20250306154708.vue b/.history/app/components/itemDetail/index_20250306154708.vue
new file mode 100644
index 0000000..021a82f
--- /dev/null
+++ b/.history/app/components/itemDetail/index_20250306154708.vue
@@ -0,0 +1,87 @@
+<script setup>
+import { showImagePreview } from 'vant';
+
+import xImage from '@/components/x-image/index.vue'
+const props = defineProps({
+  detailInfo: {
+    type: Object,
+    default: null
+  }
+})
+const filteredPriceRules = computed(() => {
+  if (!props.detailInfo?.priceRules) return []
+
+  // 找到第一个price为空的索引
+  const emptyIndex = props.detailInfo.priceRules.findIndex(item => !item.price)
+
+  if (emptyIndex === -1) {
+    // 如果没有空价格，返回全部
+    return props.detailInfo.priceRules
+  } else {
+    // 如果有空价格，只返回到空价格之前的数据
+    return props.detailInfo.priceRules.slice(0, emptyIndex)
+  }
+})
+</script>
+
+<template>
+<div>
+  <div class="flex justify-center">
+    <xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
+  </div>
+  <div class="px-[16px] bg-[#fff] pt-[11px] mb-6px">
+    <div class="text-[#000] text-[16px] mb-[12px]">{{detailInfo?.artworkTitle}}</div>
+    <div class="text-#575757 text-[14px] pb-8px">
+      <div class="flex mb-[4px]">
+        <div class="w-[70px]">{{$t('detail.text1')}}：</div>
+        <div>{{detailInfo?.artwork?.artistName??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text2')}}：</div>
+        <div>{{detailInfo?.artwork?.ruler??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text3')}}*{{$t('detail.text4')}}：</div>
+        <div>{{detailInfo?.artwork?.length}}*{{detailInfo?.artwork?.width}}cm</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text5')}}：</div>
+        <div>{{detailInfo?.artwork?.abstract??'-'}}</div>
+      </div>
+    </div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px">
+    <div class="text-[#575757] text-[14px]">{{$t('detail.text6')}}：</div>
+    <div class="text-#575757 text-14px font-bold">{{detailInfo?.startPriceCurrency}} {{detailInfo?.startPrice}}</div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px" v-if="detailInfo?.soldPrice">
+    <div class="text-[#B58047] text-[14px]">成交价：</div>
+    <div class="text-#B58047 text-14px font-bold">{{detailInfo?.soldPriceCurrency}} {{detailInfo?.soldPrice}}</div>
+  </div>
+  <div class="px-[16px] bg-#fff pt-12px pb-18px">
+    <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
+    <div v-if="detailInfo?.priceRuleType!=='diy'">
+      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
+    </div>
+    <div v-else class="mt-20px">
+      <div class="flex text-#575757 text-12px">
+        <div class="grow-1 text-center">序号</div>
+        <div class="grow-1 text-center">叫价金额</div>
+      </div>
+      <div v-for="(item,index) of filteredPriceRules" :key="item.index" class="flex text-#575757 text-12px mt-10px">
+        <div class="grow-1 text-center">{{item.index}}</div>
+        <div class="grow-1 text-center">{{item.price}}</div>
+      </div>
+    </div>
+
+  </div>
+  <div class="flex text-[#575757] text-[14px] justify-center">
+    <div>{{$t('detail.text9')}}:</div>
+    <div>{{ detailInfo?.priceRuleAdd }}</div>
+  </div>
+</div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/.history/app/components/itemDetail/index_20250306154817.vue b/.history/app/components/itemDetail/index_20250306154817.vue
new file mode 100644
index 0000000..021a82f
--- /dev/null
+++ b/.history/app/components/itemDetail/index_20250306154817.vue
@@ -0,0 +1,87 @@
+<script setup>
+import { showImagePreview } from 'vant';
+
+import xImage from '@/components/x-image/index.vue'
+const props = defineProps({
+  detailInfo: {
+    type: Object,
+    default: null
+  }
+})
+const filteredPriceRules = computed(() => {
+  if (!props.detailInfo?.priceRules) return []
+
+  // 找到第一个price为空的索引
+  const emptyIndex = props.detailInfo.priceRules.findIndex(item => !item.price)
+
+  if (emptyIndex === -1) {
+    // 如果没有空价格，返回全部
+    return props.detailInfo.priceRules
+  } else {
+    // 如果有空价格，只返回到空价格之前的数据
+    return props.detailInfo.priceRules.slice(0, emptyIndex)
+  }
+})
+</script>
+
+<template>
+<div>
+  <div class="flex justify-center">
+    <xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
+  </div>
+  <div class="px-[16px] bg-[#fff] pt-[11px] mb-6px">
+    <div class="text-[#000] text-[16px] mb-[12px]">{{detailInfo?.artworkTitle}}</div>
+    <div class="text-#575757 text-[14px] pb-8px">
+      <div class="flex mb-[4px]">
+        <div class="w-[70px]">{{$t('detail.text1')}}：</div>
+        <div>{{detailInfo?.artwork?.artistName??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text2')}}：</div>
+        <div>{{detailInfo?.artwork?.ruler??'-'}}</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text3')}}*{{$t('detail.text4')}}：</div>
+        <div>{{detailInfo?.artwork?.length}}*{{detailInfo?.artwork?.width}}cm</div>
+      </div>
+      <div class="flex mb-[4px]">
+        <div class="w-[70px] flex-shrink-0">{{$t('detail.text5')}}：</div>
+        <div>{{detailInfo?.artwork?.abstract??'-'}}</div>
+      </div>
+    </div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px">
+    <div class="text-[#575757] text-[14px]">{{$t('detail.text6')}}：</div>
+    <div class="text-#575757 text-14px font-bold">{{detailInfo?.startPriceCurrency}} {{detailInfo?.startPrice}}</div>
+  </div>
+  <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px" v-if="detailInfo?.soldPrice">
+    <div class="text-[#B58047] text-[14px]">成交价：</div>
+    <div class="text-#B58047 text-14px font-bold">{{detailInfo?.soldPriceCurrency}} {{detailInfo?.soldPrice}}</div>
+  </div>
+  <div class="px-[16px] bg-#fff pt-12px pb-18px">
+    <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
+    <div v-if="detailInfo?.priceRuleType!=='diy'">
+      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
+    </div>
+    <div v-else class="mt-20px">
+      <div class="flex text-#575757 text-12px">
+        <div class="grow-1 text-center">序号</div>
+        <div class="grow-1 text-center">叫价金额</div>
+      </div>
+      <div v-for="(item,index) of filteredPriceRules" :key="item.index" class="flex text-#575757 text-12px mt-10px">
+        <div class="grow-1 text-center">{{item.index}}</div>
+        <div class="grow-1 text-center">{{item.price}}</div>
+      </div>
+    </div>
+
+  </div>
+  <div class="flex text-[#575757] text-[14px] justify-center">
+    <div>{{$t('detail.text9')}}:</div>
+    <div>{{ detailInfo?.priceRuleAdd }}</div>
+  </div>
+</div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250303111807.vue b/.history/app/pages/home/components/ItemList/index_20250303111807.vue
new file mode 100644
index 0000000..81f6b29
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250303111807.vue
@@ -0,0 +1,128 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+/**
+ * 将数字格式化为"250XX"格式，其中XX是两位数
+ * @param {number} num - 要格式化的数字
+ * @return {string} - 格式化后的字符串
+ */
+ function formatNumber(num) {
+  // 确保输入是有效数字
+  if (typeof num !== 'number' && isNaN(Number(num))) {
+    throw new Error('输入必须是有效数字');
+  }
+  
+  // 转换为数字类型(以防输入是字符串数字)
+  const number = Number(num);
+  
+  // 数字部分格式化为两位数，不足补0
+  const formattedNum = number.toString().padStart(2, '0');
+  
+  // 添加前缀"250"并返回结果
+  return `250${formattedNum}`;
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item, index }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[55px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{ formatNumber(item.index) }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306114740.vue b/.history/app/pages/home/components/ItemList/index_20250306114740.vue
new file mode 100644
index 0000000..80fe6d9
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306114740.vue
@@ -0,0 +1,128 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+/**
+ * 将数字格式化为"250XX"格式，其中XX是两位数
+ * @param {number} num - 要格式化的数字
+ * @return {string} - 格式化后的字符串
+ */
+ function formatNumber(num) {
+  // 确保输入是有效数字
+  if (typeof num !== 'number' && isNaN(Number(num))) {
+    throw new Error('输入必须是有效数字');
+  }
+  
+  // 转换为数字类型(以防输入是字符串数字)
+  const number = Number(num);
+  
+  // 数字部分格式化为两位数，不足补0
+  const formattedNum = number.toString().padStart(2, '0');
+  
+  // 添加前缀"250"并返回结果
+  return `250${formattedNum}`;
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList.slice(0,1)"  :column-count="2">
+            <template #default="{ item, index }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[55px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{ formatNumber(item.index) }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306114815.vue b/.history/app/pages/home/components/ItemList/index_20250306114815.vue
new file mode 100644
index 0000000..323782e
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306114815.vue
@@ -0,0 +1,128 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+// 加载更多
+const loadMore = async () => {
+  // pageRef.value.page++
+  // const { finished } = await getArtworkList()
+  // localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+/**
+ * 将数字格式化为"250XX"格式，其中XX是两位数
+ * @param {number} num - 要格式化的数字
+ * @return {string} - 格式化后的字符串
+ */
+ function formatNumber(num) {
+  // 确保输入是有效数字
+  if (typeof num !== 'number' && isNaN(Number(num))) {
+    throw new Error('输入必须是有效数字');
+  }
+  
+  // 转换为数字类型(以防输入是字符串数字)
+  const number = Number(num);
+  
+  // 数字部分格式化为两位数，不足补0
+  const formattedNum = number.toString().padStart(2, '0');
+  
+  // 添加前缀"250"并返回结果
+  return `250${formattedNum}`;
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList.slice(0,1)"  :column-count="2">
+            <template #default="{ item, index }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[55px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{ formatNumber(item.index) }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306114817.vue b/.history/app/pages/home/components/ItemList/index_20250306114817.vue
new file mode 100644
index 0000000..323782e
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306114817.vue
@@ -0,0 +1,128 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+// 加载更多
+const loadMore = async () => {
+  // pageRef.value.page++
+  // const { finished } = await getArtworkList()
+  // localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+/**
+ * 将数字格式化为"250XX"格式，其中XX是两位数
+ * @param {number} num - 要格式化的数字
+ * @return {string} - 格式化后的字符串
+ */
+ function formatNumber(num) {
+  // 确保输入是有效数字
+  if (typeof num !== 'number' && isNaN(Number(num))) {
+    throw new Error('输入必须是有效数字');
+  }
+  
+  // 转换为数字类型(以防输入是字符串数字)
+  const number = Number(num);
+  
+  // 数字部分格式化为两位数，不足补0
+  const formattedNum = number.toString().padStart(2, '0');
+  
+  // 添加前缀"250"并返回结果
+  return `250${formattedNum}`;
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList.slice(0,1)"  :column-count="2">
+            <template #default="{ item, index }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[55px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{ formatNumber(item.index) }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306115647.vue b/.history/app/pages/home/components/ItemList/index_20250306115647.vue
new file mode 100644
index 0000000..81f6b29
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306115647.vue
@@ -0,0 +1,128 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+/**
+ * 将数字格式化为"250XX"格式，其中XX是两位数
+ * @param {number} num - 要格式化的数字
+ * @return {string} - 格式化后的字符串
+ */
+ function formatNumber(num) {
+  // 确保输入是有效数字
+  if (typeof num !== 'number' && isNaN(Number(num))) {
+    throw new Error('输入必须是有效数字');
+  }
+  
+  // 转换为数字类型(以防输入是字符串数字)
+  const number = Number(num);
+  
+  // 数字部分格式化为两位数，不足补0
+  const formattedNum = number.toString().padStart(2, '0');
+  
+  // 添加前缀"250"并返回结果
+  return `250${formattedNum}`;
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item, index }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[55px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{ formatNumber(item.index) }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306115652.vue b/.history/app/pages/home/components/ItemList/index_20250306115652.vue
new file mode 100644
index 0000000..81f6b29
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306115652.vue
@@ -0,0 +1,128 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+/**
+ * 将数字格式化为"250XX"格式，其中XX是两位数
+ * @param {number} num - 要格式化的数字
+ * @return {string} - 格式化后的字符串
+ */
+ function formatNumber(num) {
+  // 确保输入是有效数字
+  if (typeof num !== 'number' && isNaN(Number(num))) {
+    throw new Error('输入必须是有效数字');
+  }
+  
+  // 转换为数字类型(以防输入是字符串数字)
+  const number = Number(num);
+  
+  // 数字部分格式化为两位数，不足补0
+  const formattedNum = number.toString().padStart(2, '0');
+  
+  // 添加前缀"250"并返回结果
+  return `250${formattedNum}`;
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item, index }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[55px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{ formatNumber(item.index) }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306141705.vue b/.history/app/pages/home/components/ItemList/index_20250306141705.vue
new file mode 100644
index 0000000..da94d6b
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306141705.vue
@@ -0,0 +1,128 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+/**
+ * 将数字格式化为"250XX"格式，其中XX是两位数
+ * @param {number} num - 要格式化的数字
+ * @return {string} - 格式化后的字符串
+ */
+ function formatNumber(num) {
+  // 确保输入是有效数字
+  if (typeof num !== 'number' && isNaN(Number(num))) {
+    throw new Error('输入必须是有效数字');
+  }
+  
+  // 转换为数字类型(以防输入是字符串数字)
+  const number = Number(num);
+  
+  // 数字部分格式化为两位数，不足补0
+  const formattedNum = number.toString().padStart(2, '0');
+  
+  // 添加前缀"250"并返回结果
+  return `250${formattedNum}`;
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item, index }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[55px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306141747.vue b/.history/app/pages/home/components/ItemList/index_20250306141747.vue
new file mode 100644
index 0000000..81645f5
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306141747.vue
@@ -0,0 +1,128 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+/**
+ * 将数字格式化为"250XX"格式，其中XX是两位数
+ * @param {number} num - 要格式化的数字
+ * @return {string} - 格式化后的字符串
+ */
+ function formatNumber(num) {
+  // 确保输入是有效数字
+  if (typeof num !== 'number' && isNaN(Number(num))) {
+    throw new Error('输入必须是有效数字');
+  }
+  
+  // 转换为数字类型(以防输入是字符串数字)
+  const number = Number(num);
+  
+  // 数字部分格式化为两位数，不足补0
+  const formattedNum = number.toString().padStart(2, '0');
+  
+  // 添加前缀"250"并返回结果
+  return `250${formattedNum}`;
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item, index }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306141844.vue b/.history/app/pages/home/components/ItemList/index_20250306141844.vue
new file mode 100644
index 0000000..6403033
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306141844.vue
@@ -0,0 +1,108 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item, index }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306142633.vue b/.history/app/pages/home/components/ItemList/index_20250306142633.vue
new file mode 100644
index 0000000..4db4c24
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306142633.vue
@@ -0,0 +1,139 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item, index }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <!-- 骨架屏，在图片加载完成前显示 -->
+                  <van-skeleton
+                    title
+                    :row="0"
+                    class="w-full aspect-ratio-square rounded-4px overflow-hidden"
+                    v-if="!imageLoadingStatus[item.id]"
+                  />
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306142647.vue b/.history/app/pages/home/components/ItemList/index_20250306142647.vue
new file mode 100644
index 0000000..579a90a
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306142647.vue
@@ -0,0 +1,139 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <!-- 骨架屏，在图片加载完成前显示 -->
+                  <van-skeleton
+                    title
+                    :row="0"
+                    class="w-full aspect-ratio-square rounded-4px overflow-hidden"
+                    v-if="!imageLoadingStatus[item.id]"
+                  />
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306142801.vue b/.history/app/pages/home/components/ItemList/index_20250306142801.vue
new file mode 100644
index 0000000..579a90a
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306142801.vue
@@ -0,0 +1,139 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <!-- 骨架屏，在图片加载完成前显示 -->
+                  <van-skeleton
+                    title
+                    :row="0"
+                    class="w-full aspect-ratio-square rounded-4px overflow-hidden"
+                    v-if="!imageLoadingStatus[item.id]"
+                  />
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306142804.vue b/.history/app/pages/home/components/ItemList/index_20250306142804.vue
new file mode 100644
index 0000000..579a90a
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306142804.vue
@@ -0,0 +1,139 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <!-- 骨架屏，在图片加载完成前显示 -->
+                  <van-skeleton
+                    title
+                    :row="0"
+                    class="w-full aspect-ratio-square rounded-4px overflow-hidden"
+                    v-if="!imageLoadingStatus[item.id]"
+                  />
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306143140.vue b/.history/app/pages/home/components/ItemList/index_20250306143140.vue
new file mode 100644
index 0000000..7c425cb
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306143140.vue
@@ -0,0 +1,146 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton   v-if="!imageLoadingStatus[item.id]">
+  <template #template>
+    <div :style="{ display: 'flex', width: '100%' }">
+      <van-skeleton-image />
+      <div :style="{ flex: 1, marginLeft: '16px' }">
+        <van-skeleton-paragraph row-width="60%" />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+      </div>
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306143143.vue b/.history/app/pages/home/components/ItemList/index_20250306143143.vue
new file mode 100644
index 0000000..7c425cb
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306143143.vue
@@ -0,0 +1,146 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton   v-if="!imageLoadingStatus[item.id]">
+  <template #template>
+    <div :style="{ display: 'flex', width: '100%' }">
+      <van-skeleton-image />
+      <div :style="{ flex: 1, marginLeft: '16px' }">
+        <van-skeleton-paragraph row-width="60%" />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+      </div>
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306143321.vue b/.history/app/pages/home/components/ItemList/index_20250306143321.vue
new file mode 100644
index 0000000..32f4990
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306143321.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton   v-if="!imageLoadingStatus[item.id]">
+  <template #template>
+    <div :style="{ display: 'flex', width: '100%' }">
+      <van-skeleton-image />
+     <van-skeleton-paragraph row-width="60%" />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306143328.vue b/.history/app/pages/home/components/ItemList/index_20250306143328.vue
new file mode 100644
index 0000000..e050a09
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306143328.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton   v-if="!imageLoadingStatus[item.id]">
+  <template #template>
+    <div :style="{ display: 'flex', width: '100%' }">
+      <van-skeleton-image />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306143357.vue b/.history/app/pages/home/components/ItemList/index_20250306143357.vue
new file mode 100644
index 0000000..9067e55
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306143357.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton   v-if="!imageLoadingStatus[item.id]">
+  <template #template>
+    <div>
+      <van-skeleton-image />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306143628.vue b/.history/app/pages/home/components/ItemList/index_20250306143628.vue
new file mode 100644
index 0000000..8647cd4
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306143628.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton   v-if="!imageLoadingStatus[item.id]">
+  <template #template>
+    <div>
+      <van-skeleton-image class="w-full" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306143705.vue b/.history/app/pages/home/components/ItemList/index_20250306143705.vue
new file mode 100644
index 0000000..41dd3d2
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306143705.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton   >
+  <template #template>
+    <div>
+      <van-skeleton-image class="w-full" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306143826.vue b/.history/app/pages/home/components/ItemList/index_20250306143826.vue
new file mode 100644
index 0000000..2065d1e
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306143826.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton   >
+  <template #template>
+    <div>
+      <van-skeleton-image class="w-full flex flex-col" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306143843.vue b/.history/app/pages/home/components/ItemList/index_20250306143843.vue
new file mode 100644
index 0000000..0b8ae00
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306143843.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col"  >
+  <template #template>
+    <div>
+      <van-skeleton-image class="w-full" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306143933.vue b/.history/app/pages/home/components/ItemList/index_20250306143933.vue
new file mode 100644
index 0000000..8943c8a
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306143933.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div>
+      <van-skeleton-image class="w-full" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144009.vue b/.history/app/pages/home/components/ItemList/index_20250306144009.vue
new file mode 100644
index 0000000..8b1382c
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144009.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="w-full" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144013.vue b/.history/app/pages/home/components/ItemList/index_20250306144013.vue
new file mode 100644
index 0000000..8b1382c
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144013.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="w-full" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144044.vue b/.history/app/pages/home/components/ItemList/index_20250306144044.vue
new file mode 100644
index 0000000..1735773
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144044.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="w-full flex-1" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144045.vue b/.history/app/pages/home/components/ItemList/index_20250306144045.vue
new file mode 100644
index 0000000..1735773
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144045.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="w-full flex-1" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144047.vue b/.history/app/pages/home/components/ItemList/index_20250306144047.vue
new file mode 100644
index 0000000..1735773
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144047.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="w-full flex-1" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144142.vue b/.history/app/pages/home/components/ItemList/index_20250306144142.vue
new file mode 100644
index 0000000..c7dea9f
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144142.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="!w-full flex-1" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144159.vue b/.history/app/pages/home/components/ItemList/index_20250306144159.vue
new file mode 100644
index 0000000..f7500c8
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144159.vue
@@ -0,0 +1,144 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="!w-full flex-1 h-100px" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144205.vue b/.history/app/pages/home/components/ItemList/index_20250306144205.vue
new file mode 100644
index 0000000..39e8ce4
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144205.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="!w-full flex-1 h-100px" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144214.vue b/.history/app/pages/home/components/ItemList/index_20250306144214.vue
new file mode 100644
index 0000000..d833f0e
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144214.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="!w-full flex-1 h-200px" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144237.vue b/.history/app/pages/home/components/ItemList/index_20250306144237.vue
new file mode 100644
index 0000000..21c00a9
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144237.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="!w-full flex-1 !h-200px" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144307.vue b/.history/app/pages/home/components/ItemList/index_20250306144307.vue
new file mode 100644
index 0000000..0ad7182
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144307.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image class="!w-full flex-1 !h-400px" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144717.vue b/.history/app/pages/home/components/ItemList/index_20250306144717.vue
new file mode 100644
index 0000000..cea1fc4
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144717.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image style="--van-skeleton-image-size: 100%" class="!w-full flex-1 !h-400px" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144728.vue b/.history/app/pages/home/components/ItemList/index_20250306144728.vue
new file mode 100644
index 0000000..8759410
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144728.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image style="--van-skeleton-image-size: 200px" class="!w-full flex-1 !h-400px" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144732.vue b/.history/app/pages/home/components/ItemList/index_20250306144732.vue
new file mode 100644
index 0000000..b2a9ae7
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144732.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image style="--van-skeleton-image-size: 200px" class="!w-full flex-1" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144816.vue b/.history/app/pages/home/components/ItemList/index_20250306144816.vue
new file mode 100644
index 0000000..41d1e7a
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144816.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image style="--van-skeleton-image-size: 500px" class="!w-full flex-1" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144834.vue b/.history/app/pages/home/components/ItemList/index_20250306144834.vue
new file mode 100644
index 0000000..fa05a29
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144834.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image style="height;: 500px" class="!w-full flex-1" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306144838.vue b/.history/app/pages/home/components/ItemList/index_20250306144838.vue
new file mode 100644
index 0000000..0ba3b89
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306144838.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image style="height: 500px" class="!w-full flex-1" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306145158.vue b/.history/app/pages/home/components/ItemList/index_20250306145158.vue
new file mode 100644
index 0000000..0ba3b89
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306145158.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+              
+                  <van-skeleton class="flex flex-col !p-0"  >
+  <template #template>
+    <div class="flex flex-col">
+      <van-skeleton-image style="height: 500px" class="!w-full flex-1" />
+     <van-skeleton-paragraph />
+        <van-skeleton-paragraph />
+    </div>
+  </template>
+</van-skeleton>
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 添加方形比例的样式 */
+.aspect-ratio-square {
+  aspect-ratio: 1 / 1;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306145738.vue b/.history/app/pages/home/components/ItemList/index_20250306145738.vue
new file mode 100644
index 0000000..1fc502a
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306145738.vue
@@ -0,0 +1,189 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <!-- 自定义骨架屏 -->
+                  <div 
+                    v-if="!imageLoadingStatus[item.id]" 
+                    class="custom-skeleton rounded-4px overflow-hidden"
+                  >
+                    <div class="skeleton-image"></div>
+                    <div class="skeleton-content">
+                      <div class="skeleton-title"></div>
+                      <div class="skeleton-text"></div>
+                      <div class="skeleton-text"></div>
+                    </div>
+                  </div>
+                  
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                      :class="{'z-10': !imageLoadingStatus[item.id]}"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]" :class="{'hidden': !imageLoadingStatus[item.id]}">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 自定义骨架屏样式 */
+.custom-skeleton {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+
+.skeleton-image {
+  width: 100%;
+  padding-bottom: 100%; /* 保持1:1的宽高比 */
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+}
+
+.skeleton-content {
+  padding: 8px 0;
+}
+
+.skeleton-title {
+  height: 16px;
+  margin-bottom: 8px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+}
+
+.skeleton-text {
+  height: 12px;
+  margin-top: 4px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+  width: 60%;
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306145812.vue b/.history/app/pages/home/components/ItemList/index_20250306145812.vue
new file mode 100644
index 0000000..1fc502a
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306145812.vue
@@ -0,0 +1,189 @@
+<script setup>
+import { ref } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="itemList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <!-- 自定义骨架屏 -->
+                  <div 
+                    v-if="!imageLoadingStatus[item.id]" 
+                    class="custom-skeleton rounded-4px overflow-hidden"
+                  >
+                    <div class="skeleton-image"></div>
+                    <div class="skeleton-content">
+                      <div class="skeleton-title"></div>
+                      <div class="skeleton-text"></div>
+                      <div class="skeleton-text"></div>
+                    </div>
+                  </div>
+                  
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                      :class="{'hidden': !imageLoadingStatus[item.id]}"
+                      @load="handleImageLoad(item.id)"
+                      @error="handleImageError(item.id)"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                      :class="{'z-10': !imageLoadingStatus[item.id]}"
+                  >
+                    Lot{{item.index+25000 }}
+                  </div>
+                </div>
+                <div class="pt-[8px]" :class="{'hidden': !imageLoadingStatus[item.id]}">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 自定义骨架屏样式 */
+.custom-skeleton {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+
+.skeleton-image {
+  width: 100%;
+  padding-bottom: 100%; /* 保持1:1的宽高比 */
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+}
+
+.skeleton-content {
+  padding: 8px 0;
+}
+
+.skeleton-title {
+  height: 16px;
+  margin-bottom: 8px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+}
+
+.skeleton-text {
+  height: 12px;
+  margin-top: 4px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+  width: 60%;
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306150719.vue b/.history/app/pages/home/components/ItemList/index_20250306150719.vue
new file mode 100644
index 0000000..502c189
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306150719.vue
@@ -0,0 +1,209 @@
+<script setup>
+import { ref, computed } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 生成骨架屏列表数据
+const skeletonList = computed(() => {
+  // 如果有实际数据，返回空数组
+  if (itemList.value && itemList.value.length > 0) return []
+  // 否则返回6个骨架屏项目
+  return Array(6).fill().map((_, index) => ({
+    id: `skeleton-${index}`,
+    isSkeletonItem: true
+  }))
+})
+
+// 合并实际列表和骨架屏列表
+const displayList = computed(() => {
+  if (itemList.value && itemList.value.length > 0) return itemList.value
+  return skeletonList.value
+})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  if (item.isSkeletonItem) return
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="displayList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <!-- 自定义骨架屏 -->
+                  <div 
+                    v-if="item.isSkeletonItem || !imageLoadingStatus[item.id]" 
+                    class="custom-skeleton rounded-4px overflow-hidden"
+                  >
+                    <div class="skeleton-image"></div>
+                    <div class="skeleton-content">
+                      <div class="skeleton-title"></div>
+                      <div class="skeleton-text"></div>
+                      <div class="skeleton-text"></div>
+                    </div>
+                  </div>
+                  
+                  <template v-if="!item.isSkeletonItem">
+                    <img
+                        :src="item.artwork?.hdPic"
+                        class="w-full object-cover rounded-4px"
+                        :class="{'hidden': !imageLoadingStatus[item.id]}"
+                        @load="handleImageLoad(item.id)"
+                        @error="handleImageError(item.id)"
+                    />
+                    <div
+                        class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                        :class="{'z-10': !imageLoadingStatus[item.id]}"
+                    >
+                      Lot{{item.index+25000 }}
+                    </div>
+                  </template>
+                </div>
+                <div v-if="!item.isSkeletonItem" class="pt-[8px]" :class="{'hidden': !imageLoadingStatus[item.id]}">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 自定义骨架屏样式 */
+.custom-skeleton {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+
+.skeleton-image {
+  width: 100%;
+  padding-bottom: 100%; /* 保持1:1的宽高比 */
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+}
+
+.skeleton-content {
+  padding: 8px 0;
+}
+
+.skeleton-title {
+  height: 16px;
+  margin-bottom: 8px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+}
+
+.skeleton-text {
+  height: 12px;
+  margin-top: 4px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+  width: 60%;
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306150743.vue b/.history/app/pages/home/components/ItemList/index_20250306150743.vue
new file mode 100644
index 0000000..502c189
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306150743.vue
@@ -0,0 +1,209 @@
+<script setup>
+import { ref, computed } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 生成骨架屏列表数据
+const skeletonList = computed(() => {
+  // 如果有实际数据，返回空数组
+  if (itemList.value && itemList.value.length > 0) return []
+  // 否则返回6个骨架屏项目
+  return Array(6).fill().map((_, index) => ({
+    id: `skeleton-${index}`,
+    isSkeletonItem: true
+  }))
+})
+
+// 合并实际列表和骨架屏列表
+const displayList = computed(() => {
+  if (itemList.value && itemList.value.length > 0) return itemList.value
+  return skeletonList.value
+})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  if (item.isSkeletonItem) return
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="displayList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <!-- 自定义骨架屏 -->
+                  <div 
+                    v-if="item.isSkeletonItem || !imageLoadingStatus[item.id]" 
+                    class="custom-skeleton rounded-4px overflow-hidden"
+                  >
+                    <div class="skeleton-image"></div>
+                    <div class="skeleton-content">
+                      <div class="skeleton-title"></div>
+                      <div class="skeleton-text"></div>
+                      <div class="skeleton-text"></div>
+                    </div>
+                  </div>
+                  
+                  <template v-if="!item.isSkeletonItem">
+                    <img
+                        :src="item.artwork?.hdPic"
+                        class="w-full object-cover rounded-4px"
+                        :class="{'hidden': !imageLoadingStatus[item.id]}"
+                        @load="handleImageLoad(item.id)"
+                        @error="handleImageError(item.id)"
+                    />
+                    <div
+                        class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                        :class="{'z-10': !imageLoadingStatus[item.id]}"
+                    >
+                      Lot{{item.index+25000 }}
+                    </div>
+                  </template>
+                </div>
+                <div v-if="!item.isSkeletonItem" class="pt-[8px]" :class="{'hidden': !imageLoadingStatus[item.id]}">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 自定义骨架屏样式 */
+.custom-skeleton {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+
+.skeleton-image {
+  width: 100%;
+  padding-bottom: 100%; /* 保持1:1的宽高比 */
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+}
+
+.skeleton-content {
+  padding: 8px 0;
+}
+
+.skeleton-title {
+  height: 16px;
+  margin-bottom: 8px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+}
+
+.skeleton-text {
+  height: 12px;
+  margin-top: 4px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+  width: 60%;
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/components/ItemList/index_20250306150745.vue b/.history/app/pages/home/components/ItemList/index_20250306150745.vue
new file mode 100644
index 0000000..502c189
--- /dev/null
+++ b/.history/app/pages/home/components/ItemList/index_20250306150745.vue
@@ -0,0 +1,209 @@
+<script setup>
+import { ref, computed } from 'vue'
+import { goodStore } from "@/stores/goods"
+import DetailPopup from '../DetailPopup/index.vue'
+import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+const {
+  itemList,
+  pageRef,
+  currentItem,
+  loading: storeLoading,
+  getArtworkList,
+} = goodStore()
+
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 生成骨架屏列表数据
+const skeletonList = computed(() => {
+  // 如果有实际数据，返回空数组
+  if (itemList.value && itemList.value.length > 0) return []
+  // 否则返回6个骨架屏项目
+  return Array(6).fill().map((_, index) => ({
+    id: `skeleton-${index}`,
+    isSkeletonItem: true
+  }))
+})
+
+// 合并实际列表和骨架屏列表
+const displayList = computed(() => {
+  if (itemList.value && itemList.value.length > 0) return itemList.value
+  return skeletonList.value
+})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
+// 加载更多
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 刷新
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+// 打开详情
+const openShow = async (item) => {
+  if (item.isSkeletonItem) return
+  localState.value.showDetail = true
+  currentItem.value = item
+}
+</script>
+
+<template>
+  <div class="px-[16px] pt-[16px]">
+    <van-pull-refresh
+        v-model="localState.refreshing"
+        :success-duration="700"
+        @refresh="onRefresh"
+    >
+      <template #success>
+        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+      </template>
+      <van-list
+          v-model:loading="storeLoading"
+          :finished="localState.finished"
+          :finished-text="$t('home.finished_text')"
+          @load="loadMore"
+      >
+        <div class="w-full flex gap-[16px]">
+          <WaterfallFlow :items="displayList"  :column-count="2">
+            <template #default="{ item }">
+              <div
+                  @click="openShow(item)"
+                  class="w-full"
+              >
+                <div class="relative w-full">
+                  <!-- 自定义骨架屏 -->
+                  <div 
+                    v-if="item.isSkeletonItem || !imageLoadingStatus[item.id]" 
+                    class="custom-skeleton rounded-4px overflow-hidden"
+                  >
+                    <div class="skeleton-image"></div>
+                    <div class="skeleton-content">
+                      <div class="skeleton-title"></div>
+                      <div class="skeleton-text"></div>
+                      <div class="skeleton-text"></div>
+                    </div>
+                  </div>
+                  
+                  <template v-if="!item.isSkeletonItem">
+                    <img
+                        :src="item.artwork?.hdPic"
+                        class="w-full object-cover rounded-4px"
+                        :class="{'hidden': !imageLoadingStatus[item.id]}"
+                        @load="handleImageLoad(item.id)"
+                        @error="handleImageError(item.id)"
+                    />
+                    <div
+                        class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                        :class="{'z-10': !imageLoadingStatus[item.id]}"
+                    >
+                      Lot{{item.index+25000 }}
+                    </div>
+                  </template>
+                </div>
+                <div v-if="!item.isSkeletonItem" class="pt-[8px]" :class="{'hidden': !imageLoadingStatus[item.id]}">
+                  <div class="text-[14px] text-[#000000] leading-[20px]">
+                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                  </div>
+                  <div class="mt-[4px] text-[12px] text-[#575757]">
+                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                  </div>
+                  <div
+                      v-if="item.soldPrice"
+                      class="mt-[4px] text-[12px] text-[#b58047]"
+                  >
+                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                  </div>
+                </div>
+              </div>
+            </template>
+          </WaterfallFlow>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.content {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 自定义骨架屏样式 */
+.custom-skeleton {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+
+.skeleton-image {
+  width: 100%;
+  padding-bottom: 100%; /* 保持1:1的宽高比 */
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+}
+
+.skeleton-content {
+  padding: 8px 0;
+}
+
+.skeleton-title {
+  height: 16px;
+  margin-bottom: 8px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+}
+
+.skeleton-text {
+  height: 12px;
+  margin-top: 4px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+  width: 60%;
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306094955.vue b/.history/app/pages/home/index_20250306094955.vue
new file mode 100644
index 0000000..5d884cd
--- /dev/null
+++ b/.history/app/pages/home/index_20250306094955.vue
@@ -0,0 +1,96 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <ItemList></ItemList>
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306114651.vue b/.history/app/pages/home/index_20250306114651.vue
new file mode 100644
index 0000000..d3e199e
--- /dev/null
+++ b/.history/app/pages/home/index_20250306114651.vue
@@ -0,0 +1,99 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+
+          </div>
+          <ItemList></ItemList>
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306114655.vue b/.history/app/pages/home/index_20250306114655.vue
new file mode 100644
index 0000000..3cc9aed
--- /dev/null
+++ b/.history/app/pages/home/index_20250306114655.vue
@@ -0,0 +1,99 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306114938.vue b/.history/app/pages/home/index_20250306114938.vue
new file mode 100644
index 0000000..808fc6a
--- /dev/null
+++ b/.history/app/pages/home/index_20250306114938.vue
@@ -0,0 +1,99 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115027.vue b/.history/app/pages/home/index_20250306115027.vue
new file mode 100644
index 0000000..edb8588
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115027.vue
@@ -0,0 +1,99 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115109.vue b/.history/app/pages/home/index_20250306115109.vue
new file mode 100644
index 0000000..a4e45ec
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115109.vue
@@ -0,0 +1,102 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+:deep(.van-tabs.van-tabs--line){
+  height: 100%;
+}
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115149.vue b/.history/app/pages/home/index_20250306115149.vue
new file mode 100644
index 0000000..171d48d
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115149.vue
@@ -0,0 +1,102 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+:deep(.van-tabs.van-tabs--line){
+  height: 100%;
+}
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115151.vue b/.history/app/pages/home/index_20250306115151.vue
new file mode 100644
index 0000000..171d48d
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115151.vue
@@ -0,0 +1,102 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+:deep(.van-tabs.van-tabs--line){
+  height: 100%;
+}
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115253.vue b/.history/app/pages/home/index_20250306115253.vue
new file mode 100644
index 0000000..8388756
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115253.vue
@@ -0,0 +1,102 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+:deep(.van-tabs.van-tabs--line){
+  flex-grow: 1;
+}
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115256.vue b/.history/app/pages/home/index_20250306115256.vue
new file mode 100644
index 0000000..8388756
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115256.vue
@@ -0,0 +1,102 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+:deep(.van-tabs.van-tabs--line){
+  flex-grow: 1;
+}
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115330.vue b/.history/app/pages/home/index_20250306115330.vue
new file mode 100644
index 0000000..f185aef
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115330.vue
@@ -0,0 +1,103 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+:deep(.van-tabs.van-tabs--line){
+  flex-grow: 1;
+  display: flex;
+}
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115336.vue b/.history/app/pages/home/index_20250306115336.vue
new file mode 100644
index 0000000..b4b6a61
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115336.vue
@@ -0,0 +1,104 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+:deep(.van-tabs.van-tabs--line){
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115423.vue b/.history/app/pages/home/index_20250306115423.vue
new file mode 100644
index 0000000..6d7ee79
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115423.vue
@@ -0,0 +1,107 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+:deep(.van-tabs.van-tabs--line){
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+:deep(.van-tabs__content.van-tabs__content--animated){
+  flex-grow: 1;
+}
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115449.vue b/.history/app/pages/home/index_20250306115449.vue
new file mode 100644
index 0000000..a474711
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115449.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+:deep(.van-tabs.van-tabs--line){
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+:deep(.van-tabs__content.van-tabs__content--animated){
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115451.vue b/.history/app/pages/home/index_20250306115451.vue
new file mode 100644
index 0000000..a474711
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115451.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+:deep(.van-tabs.van-tabs--line){
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+:deep(.van-tabs__content.van-tabs__content--animated){
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115547.vue b/.history/app/pages/home/index_20250306115547.vue
new file mode 100644
index 0000000..6dd076a
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115547.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115555.vue b/.history/app/pages/home/index_20250306115555.vue
new file mode 100644
index 0000000..c10170c
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115555.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red min-h-full">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115559.vue b/.history/app/pages/home/index_20250306115559.vue
new file mode 100644
index 0000000..c10170c
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115559.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red min-h-full">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115611.vue b/.history/app/pages/home/index_20250306115611.vue
new file mode 100644
index 0000000..542d172
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115611.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red min-h-500px">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115635.vue b/.history/app/pages/home/index_20250306115635.vue
new file mode 100644
index 0000000..1d2de14
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115635.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red 600px">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115641.vue b/.history/app/pages/home/index_20250306115641.vue
new file mode 100644
index 0000000..6777ad2
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115641.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red 600px overflow-hidden">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115705.vue b/.history/app/pages/home/index_20250306115705.vue
new file mode 100644
index 0000000..f634fe4
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115705.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red min-h-[600px] overflow-hidden">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115706.vue b/.history/app/pages/home/index_20250306115706.vue
new file mode 100644
index 0000000..f634fe4
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115706.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="bg-red min-h-[600px] overflow-hidden">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115740.vue b/.history/app/pages/home/index_20250306115740.vue
new file mode 100644
index 0000000..8d212cf
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115740.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="min-h-[600px] overflow-hidden">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115742.vue b/.history/app/pages/home/index_20250306115742.vue
new file mode 100644
index 0000000..8d212cf
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115742.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="min-h-[600px] overflow-hidden">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306115809.vue b/.history/app/pages/home/index_20250306115809.vue
new file mode 100644
index 0000000..8d212cf
--- /dev/null
+++ b/.history/app/pages/home/index_20250306115809.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="min-h-[600px] overflow-hidden">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/home/index_20250306145820.vue b/.history/app/pages/home/index_20250306145820.vue
new file mode 100644
index 0000000..8d212cf
--- /dev/null
+++ b/.history/app/pages/home/index_20250306145820.vue
@@ -0,0 +1,109 @@
+<script setup>
+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'
+import FloatingBubble from '~/components/floating2/index.vue'
+
+import {liveStore} from "~/stores/live/index.js";
+const {auctionDetail,getArtworkList,getAuctionDetail} = goodStore();
+const {fullLive} = liveStore()
+const changeLive = () => {
+  if (!fullLive.value){
+    if (auctionDetail.value.isLiving===1){
+      fullLive.value = true;
+      getArtworkList(true)
+    }
+  }
+}
+await getAuctionDetail()
+
+</script>
+<template>
+  <div class="grow-1 flex flex-col">
+    <client-only>
+      <div class="relative" @click="changeLive">
+        <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
+        <div v-if="auctionDetail.isLiving===1" class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{ $t('home.text1') }}<van-icon name="arrow" /></div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+        <div v-else class="absolute h-188px w-screen pt-36px flex flex-col text-#fff top-0 left-0 items-center bg-[url('@/static/images/z6022@2x.png')]">
+          <div class="text-18px mb-5px">{{ auctionDetail.title }}</div>
+          <div class="text-12px mb-54px">{{$t('home.text3')}}{{auctionDetail.isLiving===2?$t('home.text4'):$t('home.text5')}}</div>
+          <div><span>-</span> <span class="text-12px mx-5px">{{auctionDetail.totalNum}}{{ $t('common.items') }}{{ $t('common.auction') }}</span> <span>-</span></div>
+          <div class="text-12px">{{auctionDetail.startDate}} {{auctionDetail.startTitle}}</div>
+        </div>
+      </div>
+    </client-only>
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
+      <van-tabs sticky animated>
+        <van-tab :title="$t('home.tab1')">
+          <div class="min-h-[600px] overflow-hidden">
+            <ItemList></ItemList>
+          </div>
+         
+        </van-tab>
+        <van-tab :title="$t('home.tab2')">
+          <Cescribe></Cescribe>
+        </van-tab>
+      </van-tabs>
+      <van-back-top right="15vw" bottom="10vh"/>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:deep(.van-swipe__indicator) {
+  width: 8px;
+  height: 8px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+:deep(.van-swipe__indicator:not(.van-swipe__indicator--active)) {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.changeLive {
+  width: 100%;
+  overflow: hidden;
+  transition: height 0.4s ease, transform 0.4s ease;
+}
+
+.changeLive.collapsed {
+  height: 188px;
+}
+
+.changeLive.expanded {
+  position: absolute;
+  z-index: 10;
+  height: calc(100vh - var(--van-nav-bar-height));
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250304114512.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250304114512.vue
new file mode 100644
index 0000000..873fff9
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250304114512.vue
@@ -0,0 +1,154 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,(newValue)=>{
+  if (newValue){
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131850.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131850.vue
new file mode 100644
index 0000000..a8f546d
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131850.vue
@@ -0,0 +1,157 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,(newValue)=>{
+  if (newValue){
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+          class="container"
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+          <van-back-top target=".container" bottom="30vh" />
+
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131852.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131852.vue
new file mode 100644
index 0000000..a8f546d
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131852.vue
@@ -0,0 +1,157 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,(newValue)=>{
+  if (newValue){
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+          class="container"
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+          <van-back-top target=".container" bottom="30vh" />
+
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131940.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131940.vue
new file mode 100644
index 0000000..873fff9
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306131940.vue
@@ -0,0 +1,154 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,(newValue)=>{
+  if (newValue){
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306132936.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306132936.vue
new file mode 100644
index 0000000..c112d96
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306132936.vue
@@ -0,0 +1,195 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: '',
+  isSearchingCurrentItem: false
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = async () => {
+  if (!itemList.value?.length) return
+  
+  const targetIndex = auctionData.value.artwork.index
+  const currentIndex = itemList.value.findIndex(
+      item => targetIndex === item?.index
+  )
+  
+  if (currentIndex === -1) {
+    try {
+      localState.value.isSearchingCurrentItem = true
+      
+      const originalPageSize = pageRef.value.pageSize
+      pageRef.value.pageSize = 20
+      pageRef.value.page = 1
+      
+      await getArtworkList(true)
+      
+      pageRef.value.pageSize = originalPageSize
+      
+      const newIndex = itemList.value.findIndex(
+        item => targetIndex === item?.index
+      )
+      
+      if (newIndex > -1) {
+        nextTick(() => {
+          scrollToElement(newIndex)
+        })
+      }
+    } finally {
+      localState.value.isSearchingCurrentItem = false
+    }
+  } else {
+    scrollToElement(currentIndex)
+  }
+}
+const scrollToElement = (index) => {
+  const container = document.querySelector('.list-container')
+  const targetElement = document.querySelectorAll('.item-wrapper')[index]
+  if (targetElement && container) {
+    const containerTop = container.getBoundingClientRect().top
+    const elementTop = targetElement.getBoundingClientRect().top
+    const scrollTop = elementTop - containerTop + container.scrollTop
+    container.scrollTo({
+      top: scrollTop,
+      behavior: 'smooth'
+    })
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,(newValue)=>{
+  if (newValue){
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <div v-if="localState.isSearchingCurrentItem" class="searching-item-tip">
+            {{ $t('live_room.searching_current_lot') || '正在查找当前拍品...' }}
+          </div>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+              class="list-container"
+          >
+            <div
+                v-for="(item) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+.searching-item-tip {
+  text-align: center;
+  padding: 10px 0;
+  color: #B58047;
+  font-size: 14px;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133213.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133213.vue
new file mode 100644
index 0000000..ff3328b
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133213.vue
@@ -0,0 +1,236 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: '',
+  isSearchingCurrentItem: false
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = async () => {
+  if (!auctionData.value?.artwork?.index) return
+  
+  const targetIndex = auctionData.value.artwork.index
+  let currentIndex = itemList.value.findIndex(item => targetIndex === item?.index)
+  
+  if (currentIndex === -1) {
+    try {
+      localState.value.isSearchingCurrentItem = true
+      
+      await searchSpecificItem(targetIndex)
+      
+      currentIndex = itemList.value.findIndex(item => targetIndex === item?.index)
+      
+      if (currentIndex > -1) {
+        await nextTick()
+        scrollToElement(currentIndex)
+      }
+    } finally {
+      localState.value.isSearchingCurrentItem = false
+    }
+  } else {
+    await nextTick()
+    scrollToElement(currentIndex)
+  }
+}
+const searchSpecificItem = async (targetIndex) => {
+  try {
+    const originalPage = pageRef.value.page
+    const originalPageSize = pageRef.value.pageSize
+    
+    const estimatedPage = Math.ceil(targetIndex / 20)
+    
+    pageRef.value.pageSize = 50
+    
+    pageRef.value.page = estimatedPage > 0 ? estimatedPage : 1
+    await getArtworkList(true)
+    
+    let found = itemList.value.some(item => targetIndex === item?.index)
+    
+    if (!found) {
+      pageRef.value.page = 1
+      pageRef.value.pageSize = 100
+      await getArtworkList(true)
+    }
+    
+    pageRef.value.page = originalPage
+    pageRef.value.pageSize = originalPageSize
+  } catch (error) {
+    console.error('搜索特定拍品时出错:', error)
+  }
+}
+const scrollToElement = (index) => {
+  const container = document.querySelector('.list-container')
+  const allItems = document.querySelectorAll('.item-wrapper')
+  
+  if (!container || !allItems.length || index >= allItems.length) {
+    console.warn('无法滚动：容器或目标元素不存在')
+    return
+  }
+  
+  const targetElement = allItems[index]
+  
+  if (targetElement) {
+    const containerRect = container.getBoundingClientRect()
+    const elementRect = targetElement.getBoundingClientRect()
+    
+    const scrollTop = elementRect.top - containerRect.top + container.scrollTop
+    
+    container.scrollTo({
+      top: Math.max(0, scrollTop - 20),
+      behavior: 'smooth'
+    })
+    
+    targetElement.classList.add('highlight-item')
+    setTimeout(() => {
+      targetElement.classList.remove('highlight-item')
+    }, 2000)
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,(newValue)=>{
+  if (newValue){
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <div v-if="localState.isSearchingCurrentItem" class="searching-item-tip">
+            {{ $t('live_room.searching_current_lot') || '正在查找当前拍品...' }}
+          </div>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+              class="list-container"
+          >
+            <div
+                v-for="(item) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+.searching-item-tip {
+  text-align: center;
+  padding: 10px 0;
+  color: #B58047;
+  font-size: 14px;
+}
+
+.highlight-item {
+  animation: highlight-pulse 2s ease-in-out;
+}
+
+@keyframes highlight-pulse {
+  0% { box-shadow: 0 0 0 0 rgba(181, 128, 71, 0.7); }
+  50% { box-shadow: 0 0 0 10px rgba(181, 128, 71, 0); }
+  100% { box-shadow: 0 0 0 0 rgba(181, 128, 71, 0); }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133617.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133617.vue
new file mode 100644
index 0000000..986333a
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133617.vue
@@ -0,0 +1,331 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref, nextTick, watch, onMounted} from "vue";
+
+const {pageRef, itemList, getArtworkList, loading: storeLoading} = goodStore();
+const {auctionData} = liveStore()
+const showDetail = ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: '',
+  isSearchingCurrentItem: false,
+  debugInfo: ''  // 添加调试信息字段
+})
+
+// DOM引用
+const listContainerRef = ref(null)
+
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+
+// 设置调试信息的辅助函数
+const setDebugInfo = (info) => {
+  console.log('调试信息:', info)
+  localState.value.debugInfo = info
+}
+
+// 增强版的滚动到当前拍品函数
+const scrollToCurrentItem = async () => {
+  if (!auctionData.value?.artwork?.index) {
+    setDebugInfo('当前拍品索引不存在')
+    return
+  }
+  
+  const targetIndex = auctionData.value.artwork.index
+  setDebugInfo(`开始查找目标拍品: LOT${targetIndex}`)
+  
+  let currentIndex = itemList.value.findIndex(item => targetIndex === item?.index)
+  
+  if (currentIndex === -1) {
+    try {
+      localState.value.isSearchingCurrentItem = true
+      setDebugInfo(`当前列表中未找到目标拍品，开始加载更多数据...`)
+      
+      // 尝试搜索特定拍品
+      await searchSpecificItem(targetIndex)
+      
+      // 检查是否找到了
+      currentIndex = itemList.value.findIndex(item => targetIndex === item?.index)
+      setDebugInfo(`加载数据后，拍品索引位置: ${currentIndex}`)
+      
+      if (currentIndex > -1) {
+        // 等待列表渲染完成
+        await new Promise(resolve => setTimeout(resolve, 300))
+        await nextTick()
+        scrollToElement(currentIndex)
+      } else {
+        setDebugInfo(`加载后仍未找到目标拍品 LOT${targetIndex}`)
+      }
+    } finally {
+      localState.value.isSearchingCurrentItem = false
+    }
+  } else {
+    setDebugInfo(`在现有列表中找到拍品，位置: ${currentIndex}`)
+    // 等待列表渲染完成
+    await new Promise(resolve => setTimeout(resolve, 300))
+    await nextTick()
+    scrollToElement(currentIndex)
+  }
+}
+
+// 搜索特定拍品的优化函数
+const searchSpecificItem = async (targetIndex) => {
+  try {
+    // 保存原始设置
+    const originalPage = pageRef.value.page
+    const originalPageSize = pageRef.value.pageSize
+    
+    setDebugInfo(`尝试使用更大页面大小搜索拍品LOT${targetIndex}`)
+    
+    // 策略1: 直接设置大页面大小加载首页数据
+    pageRef.value.page = 1
+    pageRef.value.pageSize = 100 // 使用较大的页面大小
+    await getArtworkList(true)
+    
+    // 检查是否找到
+    let found = itemList.value.some(item => targetIndex === item?.index)
+    setDebugInfo(`策略1结果: ${found ? '找到' : '未找到'}`)
+    
+    // 策略2: 如果没找到，尝试基于目标索引估算页码
+    if (!found) {
+      // 估算目标页面 (假设每页20个拍品)
+      const estimatedPage = Math.ceil(targetIndex / 10)
+      setDebugInfo(`尝试策略2: 估算页码 ${estimatedPage}`)
+      
+      pageRef.value.page = estimatedPage > 0 ? estimatedPage : 1
+      await getArtworkList(true)
+      
+      found = itemList.value.some(item => targetIndex === item?.index)
+      setDebugInfo(`策略2结果: ${found ? '找到' : '未找到'}`)
+    }
+    
+    // 恢复原始设置
+    pageRef.value.page = originalPage
+    pageRef.value.pageSize = originalPageSize
+    
+    return found
+  } catch (error) {
+    console.error('搜索特定拍品时出错:', error)
+    setDebugInfo(`搜索出错: ${error.message}`)
+    return false
+  }
+}
+
+// 改进滚动到元素的函数
+const scrollToElement = (index) => {
+  setDebugInfo(`尝试滚动到元素 index=${index}`)
+  
+  // 获取容器和目标元素
+  const allItems = document.querySelectorAll('.item-wrapper')
+  
+  if (!listContainerRef.value || !allItems.length || index >= allItems.length) {
+    setDebugInfo(`无法滚动: 容器或元素不存在 (找到${allItems.length}个元素)`)
+    return
+  }
+  
+  const targetElement = allItems[index]
+  const container = listContainerRef.value
+  
+  if (targetElement && container) {
+    try {
+      setDebugInfo(`找到目标元素和容器，执行滚动`)
+      
+      // 使用 Element.scrollIntoView 更可靠的滚动方法
+      targetElement.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center'
+      })
+      
+      // 添加高亮效果
+      targetElement.classList.add('highlight-item')
+      setTimeout(() => {
+        targetElement.classList.remove('highlight-item')
+      }, 2000)
+      
+      setDebugInfo(`滚动完成并应用高亮效果`)
+    } catch (error) {
+      setDebugInfo(`滚动过程出错: ${error.message}`)
+      console.error('滚动过程出错:', error)
+    }
+  }
+}
+
+const emit = defineEmits(['update:show'])
+const showDetailInfo = ref(null)
+const close = () => emit('update:show', false);
+const openShow = (item) => {
+  showDetailInfo.value=item
+  showDetail.value=true
+}
+
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 监听拍品变化
+watch(() => auctionData.value?.artwork?.index, (newValue, oldValue) => {
+  if (newValue && newValue !== oldValue && props.show) {
+    setDebugInfo(`检测到拍品索引变化: ${oldValue} -> ${newValue}`)
+    nextTick(() => {
+      scrollToCurrentItem()
+    })
+  }
+})
+
+// 监听弹窗显示状态
+watch(() => props.show, (newValue) => {
+  if (newValue) {
+    setDebugInfo('弹窗显示，准备滚动到当前拍品')
+    // 延迟执行，确保DOM已渲染
+    setTimeout(() => {
+      scrollToCurrentItem()
+    }, 500)
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          
+          <!-- 搜索提示 -->
+          <div v-if="localState.isSearchingCurrentItem" class="searching-item-tip">
+            {{ $t('live_room.searching_current_lot') || '正在查找当前拍品...' }}
+          </div>
+          
+          <!-- 调试信息区域，可在生产环境中移除 -->
+          <div v-if="localState.debugInfo" class="debug-info">
+            {{ localState.debugInfo }}
+          </div>
+          
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+              class="list-container"
+              ref="listContainerRef"
+          >
+            <div
+                v-for="(item) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+                :class="{'current-item': auctionData?.artwork?.index === item?.index}"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+.searching-item-tip {
+  text-align: center;
+  padding: 10px 0;
+  color: #B58047;
+  font-size: 14px;
+}
+
+.highlight-item {
+  animation: highlight-pulse 2s ease-in-out;
+}
+
+@keyframes highlight-pulse {
+  0% { box-shadow: 0 0 0 0 rgba(181, 128, 71, 0.7); }
+  50% { box-shadow: 0 0 0 10px rgba(181, 128, 71, 0); }
+  100% { box-shadow: 0 0 0 0 rgba(181, 128, 71, 0); }
+}
+
+.current-item {
+  background-color: rgba(181, 128, 71, 0.1);
+  border-radius: 4px;
+}
+
+.debug-info {
+  padding: 8px;
+  background-color: #f5f5f5;
+  border: 1px solid #ddd;
+  color: #333;
+  font-size: 12px;
+  margin: 5px 0;
+  word-break: break-all;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133625.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133625.vue
new file mode 100644
index 0000000..986333a
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133625.vue
@@ -0,0 +1,331 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref, nextTick, watch, onMounted} from "vue";
+
+const {pageRef, itemList, getArtworkList, loading: storeLoading} = goodStore();
+const {auctionData} = liveStore()
+const showDetail = ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: '',
+  isSearchingCurrentItem: false,
+  debugInfo: ''  // 添加调试信息字段
+})
+
+// DOM引用
+const listContainerRef = ref(null)
+
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+
+// 设置调试信息的辅助函数
+const setDebugInfo = (info) => {
+  console.log('调试信息:', info)
+  localState.value.debugInfo = info
+}
+
+// 增强版的滚动到当前拍品函数
+const scrollToCurrentItem = async () => {
+  if (!auctionData.value?.artwork?.index) {
+    setDebugInfo('当前拍品索引不存在')
+    return
+  }
+  
+  const targetIndex = auctionData.value.artwork.index
+  setDebugInfo(`开始查找目标拍品: LOT${targetIndex}`)
+  
+  let currentIndex = itemList.value.findIndex(item => targetIndex === item?.index)
+  
+  if (currentIndex === -1) {
+    try {
+      localState.value.isSearchingCurrentItem = true
+      setDebugInfo(`当前列表中未找到目标拍品，开始加载更多数据...`)
+      
+      // 尝试搜索特定拍品
+      await searchSpecificItem(targetIndex)
+      
+      // 检查是否找到了
+      currentIndex = itemList.value.findIndex(item => targetIndex === item?.index)
+      setDebugInfo(`加载数据后，拍品索引位置: ${currentIndex}`)
+      
+      if (currentIndex > -1) {
+        // 等待列表渲染完成
+        await new Promise(resolve => setTimeout(resolve, 300))
+        await nextTick()
+        scrollToElement(currentIndex)
+      } else {
+        setDebugInfo(`加载后仍未找到目标拍品 LOT${targetIndex}`)
+      }
+    } finally {
+      localState.value.isSearchingCurrentItem = false
+    }
+  } else {
+    setDebugInfo(`在现有列表中找到拍品，位置: ${currentIndex}`)
+    // 等待列表渲染完成
+    await new Promise(resolve => setTimeout(resolve, 300))
+    await nextTick()
+    scrollToElement(currentIndex)
+  }
+}
+
+// 搜索特定拍品的优化函数
+const searchSpecificItem = async (targetIndex) => {
+  try {
+    // 保存原始设置
+    const originalPage = pageRef.value.page
+    const originalPageSize = pageRef.value.pageSize
+    
+    setDebugInfo(`尝试使用更大页面大小搜索拍品LOT${targetIndex}`)
+    
+    // 策略1: 直接设置大页面大小加载首页数据
+    pageRef.value.page = 1
+    pageRef.value.pageSize = 100 // 使用较大的页面大小
+    await getArtworkList(true)
+    
+    // 检查是否找到
+    let found = itemList.value.some(item => targetIndex === item?.index)
+    setDebugInfo(`策略1结果: ${found ? '找到' : '未找到'}`)
+    
+    // 策略2: 如果没找到，尝试基于目标索引估算页码
+    if (!found) {
+      // 估算目标页面 (假设每页20个拍品)
+      const estimatedPage = Math.ceil(targetIndex / 10)
+      setDebugInfo(`尝试策略2: 估算页码 ${estimatedPage}`)
+      
+      pageRef.value.page = estimatedPage > 0 ? estimatedPage : 1
+      await getArtworkList(true)
+      
+      found = itemList.value.some(item => targetIndex === item?.index)
+      setDebugInfo(`策略2结果: ${found ? '找到' : '未找到'}`)
+    }
+    
+    // 恢复原始设置
+    pageRef.value.page = originalPage
+    pageRef.value.pageSize = originalPageSize
+    
+    return found
+  } catch (error) {
+    console.error('搜索特定拍品时出错:', error)
+    setDebugInfo(`搜索出错: ${error.message}`)
+    return false
+  }
+}
+
+// 改进滚动到元素的函数
+const scrollToElement = (index) => {
+  setDebugInfo(`尝试滚动到元素 index=${index}`)
+  
+  // 获取容器和目标元素
+  const allItems = document.querySelectorAll('.item-wrapper')
+  
+  if (!listContainerRef.value || !allItems.length || index >= allItems.length) {
+    setDebugInfo(`无法滚动: 容器或元素不存在 (找到${allItems.length}个元素)`)
+    return
+  }
+  
+  const targetElement = allItems[index]
+  const container = listContainerRef.value
+  
+  if (targetElement && container) {
+    try {
+      setDebugInfo(`找到目标元素和容器，执行滚动`)
+      
+      // 使用 Element.scrollIntoView 更可靠的滚动方法
+      targetElement.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center'
+      })
+      
+      // 添加高亮效果
+      targetElement.classList.add('highlight-item')
+      setTimeout(() => {
+        targetElement.classList.remove('highlight-item')
+      }, 2000)
+      
+      setDebugInfo(`滚动完成并应用高亮效果`)
+    } catch (error) {
+      setDebugInfo(`滚动过程出错: ${error.message}`)
+      console.error('滚动过程出错:', error)
+    }
+  }
+}
+
+const emit = defineEmits(['update:show'])
+const showDetailInfo = ref(null)
+const close = () => emit('update:show', false);
+const openShow = (item) => {
+  showDetailInfo.value=item
+  showDetail.value=true
+}
+
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 监听拍品变化
+watch(() => auctionData.value?.artwork?.index, (newValue, oldValue) => {
+  if (newValue && newValue !== oldValue && props.show) {
+    setDebugInfo(`检测到拍品索引变化: ${oldValue} -> ${newValue}`)
+    nextTick(() => {
+      scrollToCurrentItem()
+    })
+  }
+})
+
+// 监听弹窗显示状态
+watch(() => props.show, (newValue) => {
+  if (newValue) {
+    setDebugInfo('弹窗显示，准备滚动到当前拍品')
+    // 延迟执行，确保DOM已渲染
+    setTimeout(() => {
+      scrollToCurrentItem()
+    }, 500)
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          
+          <!-- 搜索提示 -->
+          <div v-if="localState.isSearchingCurrentItem" class="searching-item-tip">
+            {{ $t('live_room.searching_current_lot') || '正在查找当前拍品...' }}
+          </div>
+          
+          <!-- 调试信息区域，可在生产环境中移除 -->
+          <div v-if="localState.debugInfo" class="debug-info">
+            {{ localState.debugInfo }}
+          </div>
+          
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+              class="list-container"
+              ref="listContainerRef"
+          >
+            <div
+                v-for="(item) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+                :class="{'current-item': auctionData?.artwork?.index === item?.index}"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+.searching-item-tip {
+  text-align: center;
+  padding: 10px 0;
+  color: #B58047;
+  font-size: 14px;
+}
+
+.highlight-item {
+  animation: highlight-pulse 2s ease-in-out;
+}
+
+@keyframes highlight-pulse {
+  0% { box-shadow: 0 0 0 0 rgba(181, 128, 71, 0.7); }
+  50% { box-shadow: 0 0 0 10px rgba(181, 128, 71, 0); }
+  100% { box-shadow: 0 0 0 0 rgba(181, 128, 71, 0); }
+}
+
+.current-item {
+  background-color: rgba(181, 128, 71, 0.1);
+  border-radius: 4px;
+}
+
+.debug-info {
+  padding: 8px;
+  background-color: #f5f5f5;
+  border: 1px solid #ddd;
+  color: #333;
+  font-size: 12px;
+  margin: 5px 0;
+  word-break: break-all;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133628.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133628.vue
new file mode 100644
index 0000000..986333a
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133628.vue
@@ -0,0 +1,331 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref, nextTick, watch, onMounted} from "vue";
+
+const {pageRef, itemList, getArtworkList, loading: storeLoading} = goodStore();
+const {auctionData} = liveStore()
+const showDetail = ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: '',
+  isSearchingCurrentItem: false,
+  debugInfo: ''  // 添加调试信息字段
+})
+
+// DOM引用
+const listContainerRef = ref(null)
+
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+
+// 设置调试信息的辅助函数
+const setDebugInfo = (info) => {
+  console.log('调试信息:', info)
+  localState.value.debugInfo = info
+}
+
+// 增强版的滚动到当前拍品函数
+const scrollToCurrentItem = async () => {
+  if (!auctionData.value?.artwork?.index) {
+    setDebugInfo('当前拍品索引不存在')
+    return
+  }
+  
+  const targetIndex = auctionData.value.artwork.index
+  setDebugInfo(`开始查找目标拍品: LOT${targetIndex}`)
+  
+  let currentIndex = itemList.value.findIndex(item => targetIndex === item?.index)
+  
+  if (currentIndex === -1) {
+    try {
+      localState.value.isSearchingCurrentItem = true
+      setDebugInfo(`当前列表中未找到目标拍品，开始加载更多数据...`)
+      
+      // 尝试搜索特定拍品
+      await searchSpecificItem(targetIndex)
+      
+      // 检查是否找到了
+      currentIndex = itemList.value.findIndex(item => targetIndex === item?.index)
+      setDebugInfo(`加载数据后，拍品索引位置: ${currentIndex}`)
+      
+      if (currentIndex > -1) {
+        // 等待列表渲染完成
+        await new Promise(resolve => setTimeout(resolve, 300))
+        await nextTick()
+        scrollToElement(currentIndex)
+      } else {
+        setDebugInfo(`加载后仍未找到目标拍品 LOT${targetIndex}`)
+      }
+    } finally {
+      localState.value.isSearchingCurrentItem = false
+    }
+  } else {
+    setDebugInfo(`在现有列表中找到拍品，位置: ${currentIndex}`)
+    // 等待列表渲染完成
+    await new Promise(resolve => setTimeout(resolve, 300))
+    await nextTick()
+    scrollToElement(currentIndex)
+  }
+}
+
+// 搜索特定拍品的优化函数
+const searchSpecificItem = async (targetIndex) => {
+  try {
+    // 保存原始设置
+    const originalPage = pageRef.value.page
+    const originalPageSize = pageRef.value.pageSize
+    
+    setDebugInfo(`尝试使用更大页面大小搜索拍品LOT${targetIndex}`)
+    
+    // 策略1: 直接设置大页面大小加载首页数据
+    pageRef.value.page = 1
+    pageRef.value.pageSize = 100 // 使用较大的页面大小
+    await getArtworkList(true)
+    
+    // 检查是否找到
+    let found = itemList.value.some(item => targetIndex === item?.index)
+    setDebugInfo(`策略1结果: ${found ? '找到' : '未找到'}`)
+    
+    // 策略2: 如果没找到，尝试基于目标索引估算页码
+    if (!found) {
+      // 估算目标页面 (假设每页20个拍品)
+      const estimatedPage = Math.ceil(targetIndex / 10)
+      setDebugInfo(`尝试策略2: 估算页码 ${estimatedPage}`)
+      
+      pageRef.value.page = estimatedPage > 0 ? estimatedPage : 1
+      await getArtworkList(true)
+      
+      found = itemList.value.some(item => targetIndex === item?.index)
+      setDebugInfo(`策略2结果: ${found ? '找到' : '未找到'}`)
+    }
+    
+    // 恢复原始设置
+    pageRef.value.page = originalPage
+    pageRef.value.pageSize = originalPageSize
+    
+    return found
+  } catch (error) {
+    console.error('搜索特定拍品时出错:', error)
+    setDebugInfo(`搜索出错: ${error.message}`)
+    return false
+  }
+}
+
+// 改进滚动到元素的函数
+const scrollToElement = (index) => {
+  setDebugInfo(`尝试滚动到元素 index=${index}`)
+  
+  // 获取容器和目标元素
+  const allItems = document.querySelectorAll('.item-wrapper')
+  
+  if (!listContainerRef.value || !allItems.length || index >= allItems.length) {
+    setDebugInfo(`无法滚动: 容器或元素不存在 (找到${allItems.length}个元素)`)
+    return
+  }
+  
+  const targetElement = allItems[index]
+  const container = listContainerRef.value
+  
+  if (targetElement && container) {
+    try {
+      setDebugInfo(`找到目标元素和容器，执行滚动`)
+      
+      // 使用 Element.scrollIntoView 更可靠的滚动方法
+      targetElement.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center'
+      })
+      
+      // 添加高亮效果
+      targetElement.classList.add('highlight-item')
+      setTimeout(() => {
+        targetElement.classList.remove('highlight-item')
+      }, 2000)
+      
+      setDebugInfo(`滚动完成并应用高亮效果`)
+    } catch (error) {
+      setDebugInfo(`滚动过程出错: ${error.message}`)
+      console.error('滚动过程出错:', error)
+    }
+  }
+}
+
+const emit = defineEmits(['update:show'])
+const showDetailInfo = ref(null)
+const close = () => emit('update:show', false);
+const openShow = (item) => {
+  showDetailInfo.value=item
+  showDetail.value=true
+}
+
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+
+// 监听拍品变化
+watch(() => auctionData.value?.artwork?.index, (newValue, oldValue) => {
+  if (newValue && newValue !== oldValue && props.show) {
+    setDebugInfo(`检测到拍品索引变化: ${oldValue} -> ${newValue}`)
+    nextTick(() => {
+      scrollToCurrentItem()
+    })
+  }
+})
+
+// 监听弹窗显示状态
+watch(() => props.show, (newValue) => {
+  if (newValue) {
+    setDebugInfo('弹窗显示，准备滚动到当前拍品')
+    // 延迟执行，确保DOM已渲染
+    setTimeout(() => {
+      scrollToCurrentItem()
+    }, 500)
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          
+          <!-- 搜索提示 -->
+          <div v-if="localState.isSearchingCurrentItem" class="searching-item-tip">
+            {{ $t('live_room.searching_current_lot') || '正在查找当前拍品...' }}
+          </div>
+          
+          <!-- 调试信息区域，可在生产环境中移除 -->
+          <div v-if="localState.debugInfo" class="debug-info">
+            {{ localState.debugInfo }}
+          </div>
+          
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+              class="list-container"
+              ref="listContainerRef"
+          >
+            <div
+                v-for="(item) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+                :class="{'current-item': auctionData?.artwork?.index === item?.index}"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+.searching-item-tip {
+  text-align: center;
+  padding: 10px 0;
+  color: #B58047;
+  font-size: 14px;
+}
+
+.highlight-item {
+  animation: highlight-pulse 2s ease-in-out;
+}
+
+@keyframes highlight-pulse {
+  0% { box-shadow: 0 0 0 0 rgba(181, 128, 71, 0.7); }
+  50% { box-shadow: 0 0 0 10px rgba(181, 128, 71, 0); }
+  100% { box-shadow: 0 0 0 0 rgba(181, 128, 71, 0); }
+}
+
+.current-item {
+  background-color: rgba(181, 128, 71, 0.1);
+  border-radius: 4px;
+}
+
+.debug-info {
+  padding: 8px;
+  background-color: #f5f5f5;
+  border: 1px solid #ddd;
+  color: #333;
+  font-size: 12px;
+  margin: 5px 0;
+  word-break: break-all;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133712.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133712.vue
new file mode 100644
index 0000000..873fff9
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133712.vue
@@ -0,0 +1,154 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,(newValue)=>{
+  if (newValue){
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133716.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133716.vue
new file mode 100644
index 0000000..873fff9
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133716.vue
@@ -0,0 +1,154 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,(newValue)=>{
+  if (newValue){
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133943.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133943.vue
new file mode 100644
index 0000000..95500c4
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306133943.vue
@@ -0,0 +1,155 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,(newValue)=>{
+  if (newValue){
+    
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306140953.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306140953.vue
new file mode 100644
index 0000000..e350328
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306140953.vue
@@ -0,0 +1,158 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,async (newValue)=>{
+  if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+    }
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306140956.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306140956.vue
new file mode 100644
index 0000000..e350328
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306140956.vue
@@ -0,0 +1,158 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,async (newValue)=>{
+  if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+    }
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141031.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141031.vue
new file mode 100644
index 0000000..0174574
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141031.vue
@@ -0,0 +1,159 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,async (newValue)=>{
+  if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+     pageRef.value.pageSize=5
+    }
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141033.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141033.vue
new file mode 100644
index 0000000..0174574
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141033.vue
@@ -0,0 +1,159 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,async (newValue)=>{
+  if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+     pageRef.value.pageSize=5
+    }
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141324.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141324.vue
new file mode 100644
index 0000000..c2087e5
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141324.vue
@@ -0,0 +1,165 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+      toast.close()
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,async (newValue)=>{
+  if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      const toast = showLoadingToast({
+  message: '加载中...',
+  forbidClick: true,
+});
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+     
+     pageRef.value.pageSize=5
+    }
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141326.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141326.vue
new file mode 100644
index 0000000..c2087e5
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141326.vue
@@ -0,0 +1,165 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+      toast.close()
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,async (newValue)=>{
+  if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      const toast = showLoadingToast({
+  message: '加载中...',
+  forbidClick: true,
+});
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+     
+     pageRef.value.pageSize=5
+    }
+ nextTick(()=>{
+   scrollToCurrentItem()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141342.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141342.vue
new file mode 100644
index 0000000..1b8e79a
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141342.vue
@@ -0,0 +1,166 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+ 
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,async (newValue)=>{
+  if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      const toast = showLoadingToast({
+  message: '加载中...',
+  forbidClick: true,
+});
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+     
+     pageRef.value.pageSize=5
+    }
+ nextTick(()=>{
+   scrollToCurrentItem()
+   toast.close()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141836.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141836.vue
new file mode 100644
index 0000000..5e2c0cb
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141836.vue
@@ -0,0 +1,166 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+ 
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,async (newValue)=>{
+  if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      const toast = showLoadingToast({
+  message: '加载中...',
+  forbidClick: true,
+});
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+     
+     pageRef.value.pageSize=5
+    }
+ nextTick(()=>{
+   scrollToCurrentItem()
+   toast.close()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index+25000}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141916.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141916.vue
new file mode 100644
index 0000000..bfc5e01
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141916.vue
@@ -0,0 +1,166 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+ 
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,async (newValue)=>{
+  if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      const toast = showLoadingToast({
+  message: '加载中...',
+  forbidClick: true,
+});
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+     
+     pageRef.value.pageSize=5
+    }
+ nextTick(()=>{
+   scrollToCurrentItem()
+   toast.close()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-60px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index+25000}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141952.vue b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141952.vue
new file mode 100644
index 0000000..b46dc62
--- /dev/null
+++ b/.history/app/pages/liveRoom/components/SideButton/tangPopup_20250306141952.vue
@@ -0,0 +1,166 @@
+<script setup>
+import xPopup from '@/components/x-popup/index.vue'
+import {goodStore} from "@/stores/goods/index.js";
+import xImage from '@/components/x-image/index.vue'
+import DetailPopup from '@/pages/home/components/DetailPopup/index.vue'
+import {liveStore} from "~/stores/live/index.js";
+import {ref} from "vue";
+const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
+const {auctionData} = liveStore()
+const showDetail=ref(false)
+const localState = ref({
+  finished: false,
+  refreshing: false,
+  showDetail: false,
+  showHeight: ''
+})
+const onRefresh = async () => {
+  try {
+    localState.value.refreshing = true
+    localState.value.finished = false
+    const { finished } = await getArtworkList(true)
+    localState.value.finished = finished
+  } finally {
+    localState.value.refreshing = false
+  }
+}
+const props = defineProps({
+  show: Boolean,
+  title: {
+    type: String,
+    default: ''
+  }
+})
+const scrollToCurrentItem = () => {
+  if (!itemList.value?.length) return
+  const currentIndex = itemList.value.findIndex(
+      item => auctionData.value.artwork.index === item?.index
+  )
+  if (currentIndex > -1) {
+    const container = document.querySelector('.list-container')
+    const targetElement = document.querySelectorAll('.item-wrapper')[currentIndex]
+    if (targetElement && container) {
+      const containerTop = container.getBoundingClientRect().top
+      const elementTop = targetElement.getBoundingClientRect().top
+      const scrollTop = elementTop - containerTop + container.scrollTop
+      container.scrollTo({
+        top: scrollTop,
+        behavior: 'smooth'
+      })
+ 
+    }
+  }
+}
+const emit = defineEmits(['update:show'])
+const showDetailInfo=ref(null)
+const close = () => emit('update:show', false);
+const openShow=(item)=>{
+  showDetailInfo.value=item
+  showDetail.value=true
+
+}
+const loadMore = async () => {
+  pageRef.value.page++
+  const { finished } = await getArtworkList()
+  localState.value.finished = finished
+}
+watch(()=>{
+  return auctionData.value?.artwork?.index
+},(newValue)=>{
+  })
+watch(()=>props.show,async (newValue)=>{
+  if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      const toast = showLoadingToast({
+  message: '加载中...',
+  forbidClick: true,
+});
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+     
+     pageRef.value.pageSize=5
+    }
+ nextTick(()=>{
+   scrollToCurrentItem()
+   toast.close()
+ })
+  }
+})
+</script>
+
+<template>
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">{{ $t('home.tab1')}}</div>
+        <div class="text-#939393 text-16px ml-14px">{{ $t('live_room.total') }}{{ pageRef.itemCount }}{{ $t('live_room.lots_num') }}</div>
+      </template>
+      <div>
+        <van-pull-refresh
+            v-model="localState.refreshing"
+            :success-text="$t('home.refresh_show')"
+            :success-duration="700"
+            @refresh="onRefresh"
+        >
+          <template #success>
+            <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+          </template>
+          <van-list
+              v-model:loading="storeLoading"
+              :finished="localState.finished"
+              :finished-text="$t('home.finished_text')"
+              @load="loadMore"
+
+          >
+            <div
+                v-for="(item,index) of itemList"
+                :key="item.uuid"
+                class="flex mb-21px item-wrapper"
+                @click="openShow(item)"
+            >
+              <div
+                  class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer relative"
+              >
+                <xImage
+                    :preview="false"
+                    class="w-80px h-80px"
+                    :src="item.artwork?.hdPic"
+                    :alt="item?.artworkTitle"
+                    loading="lazy"
+                />
+                <div class="w-65px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">Lot{{item.index+25000}}</div>
+                <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
+              </div>
+              <div>
+                <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+                  {{ item.artworkTitle }}
+                </div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
+              </div>
+            </div>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
+</template>
+
+<style scoped>
+.ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.blink {
+  animation: fade 1s linear infinite;
+}
+
+@keyframes fade {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306114123.vue b/.history/app/pages/liveRoom/index.client_20250306114123.vue
new file mode 100644
index 0000000..eee42b1
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306114123.vue
@@ -0,0 +1,249 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { UseDraggable } from '@vueuse/components'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <client-only>
+  </client-only>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306152016.vue b/.history/app/pages/liveRoom/index.client_20250306152016.vue
new file mode 100644
index 0000000..f5f127c
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306152016.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { UseDraggable } from '@vueuse/components'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306152035.vue b/.history/app/pages/liveRoom/index.client_20250306152035.vue
new file mode 100644
index 0000000..f5f127c
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306152035.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { UseDraggable } from '@vueuse/components'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306152725.vue b/.history/app/pages/liveRoom/index.client_20250306152725.vue
new file mode 100644
index 0000000..f5f127c
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306152725.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { UseDraggable } from '@vueuse/components'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153357.vue b/.history/app/pages/liveRoom/index.client_20250306153357.vue
new file mode 100644
index 0000000..8b02b56
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153357.vue
@@ -0,0 +1,248 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { UseDraggable } from '@vueuse/components'
+import { throttle } from 'lodash-es'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = throttle(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 1000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153359.vue b/.history/app/pages/liveRoom/index.client_20250306153359.vue
new file mode 100644
index 0000000..8b02b56
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153359.vue
@@ -0,0 +1,248 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { UseDraggable } from '@vueuse/components'
+import { throttle } from 'lodash-es'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = throttle(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 1000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153403.vue b/.history/app/pages/liveRoom/index.client_20250306153403.vue
new file mode 100644
index 0000000..4fc3ce2
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153403.vue
@@ -0,0 +1,248 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { UseDraggable } from '@vueuse/components'
+import { throttle } from 'lodash-es'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = throttle(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 2000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153405.vue b/.history/app/pages/liveRoom/index.client_20250306153405.vue
new file mode 100644
index 0000000..4fc3ce2
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153405.vue
@@ -0,0 +1,248 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { UseDraggable } from '@vueuse/components'
+import { throttle } from 'lodash-es'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = throttle(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 2000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153730.vue b/.history/app/pages/liveRoom/index.client_20250306153730.vue
new file mode 100644
index 0000000..9676191
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153730.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { useThrottleFn } from '@vueuse/core'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = useThrottleFn(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 2000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153732.vue b/.history/app/pages/liveRoom/index.client_20250306153732.vue
new file mode 100644
index 0000000..9676191
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153732.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { useThrottleFn } from '@vueuse/core'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = useThrottleFn(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 2000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153754.vue b/.history/app/pages/liveRoom/index.client_20250306153754.vue
new file mode 100644
index 0000000..9676191
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153754.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { useThrottleFn } from '@vueuse/core'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = useThrottleFn(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 2000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153824.vue b/.history/app/pages/liveRoom/index.client_20250306153824.vue
new file mode 100644
index 0000000..9676191
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153824.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { useThrottleFn } from '@vueuse/core'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = useThrottleFn(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 2000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153827.vue b/.history/app/pages/liveRoom/index.client_20250306153827.vue
new file mode 100644
index 0000000..9676191
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153827.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { useThrottleFn } from '@vueuse/core'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = useThrottleFn(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 2000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153829.vue b/.history/app/pages/liveRoom/index.client_20250306153829.vue
new file mode 100644
index 0000000..9676191
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153829.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { useThrottleFn } from '@vueuse/core'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = useThrottleFn(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 2000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306153831.vue b/.history/app/pages/liveRoom/index.client_20250306153831.vue
new file mode 100644
index 0000000..9676191
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306153831.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { useThrottleFn } from '@vueuse/core'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = useThrottleFn(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 2000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/pages/liveRoom/index.client_20250306154125.vue b/.history/app/pages/liveRoom/index.client_20250306154125.vue
new file mode 100644
index 0000000..9676191
--- /dev/null
+++ b/.history/app/pages/liveRoom/index.client_20250306154125.vue
@@ -0,0 +1,247 @@
+<script setup>
+import {ref, onMounted, onBeforeUnmount, watch,useTemplateRef } from 'vue'
+import AliyunPlayer from 'aliyun-aliplayer'
+import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
+import sideButton from '@/pages/liveRoom/components/SideButton/index.vue'
+import broadcast from '@/pages/liveRoom/components/Broadcast/index.vue'
+import {liveStore} from "@/stores/live/index.js"
+import liveLoading  from '@/components/liveLoading/index.vue'
+import paymentResults from '@/pages/liveRoom/components/PaymentResults/index.vue'
+import paymentInput from '@/pages/liveRoom/components/PaymentInput/index.vue'
+import {goodStore} from "@/stores/goods/index.js"
+import {message} from "~/components/x-message/useMessage.js"
+import {showConfirmDialog} from 'vant';
+import {artworkBuy} from "@/api/goods/index.js"
+import {useI18n} from 'vue-i18n'
+import floating2 from '@/components/floating2/index.vue'
+import { useThrottleFn } from '@vueuse/core'
+
+
+const { t } = useI18n()
+const { auctionDetail,getAuctionDetail} = goodStore();
+const player = ref(null)
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const pullLink = ref('')
+const handlePlayerError = (error) => {
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
+ // player.value?.play()
+}
+const loading1=ref(false)
+const initializePlayer = async () => {
+  try {
+    if (player.value) {
+      player.value.dispose()
+    }
+
+    // 判断是否是微信浏览器
+    const isWechat = /MicroMessenger/i.test(navigator.userAgent)
+
+    const playerConfig = {
+      id: playerId.value,
+      source: pullLink.value,
+      isLive: true,
+      preload: true,
+      autoplay: true,  // 改为 true
+      muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
+      // vodRetry:10,
+      // liveRetry:10,
+      autoplayPolicy: {
+        fallbackToMute: true
+      },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
+      skinLayout: false,
+      controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
+    }
+
+    player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
+      // 在微信环境下，需要用户手动触发播放
+      if (isWechat) {
+        const startPlay = () => {
+          playerInstance?.play()
+          document.removeEventListener('WeixinJSBridgeReady', startPlay)
+          document.removeEventListener('touchstart', startPlay)
+        }
+        document.addEventListener('WeixinJSBridgeReady', startPlay)
+        document.addEventListener('touchstart', startPlay)
+      }
+      loading1.value = true
+      playerInstance?.play()
+    })
+    player.value.on('playing', () => {
+      loading1.value = false
+
+    })
+    player.value.on('loading', () => {
+      })
+    player.value.on('error', handlePlayerError)
+  } catch (error) {
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
+    }
+}
+
+
+onMounted(async () => {
+  await getAuctionDetail()
+  pullLink.value = await getLiveLink()
+
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onActivated(()=>{
+  if (auctionDetail.value.isLiving===1){
+    initializePlayer()
+  }
+})
+onBeforeUnmount(() => {
+  player.value?.dispose()
+  player.value = null
+})
+watch(() => fullLive.value, async (newVal) => {
+  if (!newVal) return
+
+  await getSocketData()
+
+})
+const goBuy = useThrottleFn(async () => {
+  const res = await artworkBuy({
+    auctionArtworkUuid: auctionData.value?.artwork?.uuid,
+    buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
+  })
+  if (res.status === 0) {
+    message.success(t('live_room.success_mess'))
+  }
+}, 2000)
+const sideButtonRef = useTemplateRef('sideButtonRef')
+const tipOpen = () => {
+  message.warning(t('live_room.warn_mess'))
+}
+</script>
+
+<template>
+  <div class="relative h-full">
+    <div :id="playerId" class="w-full h-full"></div>
+    <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
+      <van-loading   type="spinner" >直播加载中...</van-loading>
+    </div>
+    <transition name="fade">
+      <div v-if="fullLive">
+        <floating2
+          :snap-edge="true"
+          :position="{right:0,top:300}"
+  >
+    <sideButton></sideButton>
+  </floating2>
+        <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
+             style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
+          <div class="text-16px text-#FFB25F font-600 flex">
+            <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+          </div>
+          <div class="text-16px text-#fff font-600 flex">
+            <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+          </div>
+          
+          <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
+            <van-button @click.stop="goBuy" color="#FFB25F" class="w-344px !h-[40px]">
+              <div>{{
+                  `${t('live_room.confirm')} ${auctionData?.nowAuctionPrice?.currency} ${auctionData?.nowAuctionPrice?.nowPrice ?? 0}`
+                }}
+              </div>
+            </van-button>
+          </div>
+          <div v-else class="mt-10px mb-10px">
+            <van-button @click="tipOpen" color="#D6D6D8" class="w-344px !h-[40px]" >
+              <div class="text-#7D7D7F text-14px">{{ t('live_room.button') }}</div>
+            </van-button>
+          </div>
+
+          <broadcast></broadcast>
+        </div>
+        <paymentInput v-model:show="show"/>
+        <div>
+        </div>
+        <paymentResults v-model:show="show1" type="error"/>
+        <div v-if="auctionData?.wsType==='newArtwork'"
+             class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
+          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
+          <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+
+<style scoped lang="scss">
+.draggable-card {
+  z-index: 999999;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  cursor: move;
+  user-select: none;
+  transition: box-shadow 0.3s;
+}
+
+.draggable-card.is-dragging {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+/* 定义过渡动画 */
+.fade-enter-active {
+  transition: opacity 1s ease;
+}
+
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+.my-rolling-text {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFB25F;
+}
+
+.my-rolling-text1 {
+  --van-rolling-text-item-width: 10px;
+  --van-rolling-text-font-size: 16px;
+  --van-rolling-text-color: #FFF;
+}
+
+:deep(.prism-license-watermark) {
+  display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/.history/app/stores/goods/index_20250303111807.js b/.history/app/stores/goods/index_20250303111807.js
new file mode 100644
index 0000000..ae0d219
--- /dev/null
+++ b/.history/app/stores/goods/index_20250303111807.js
@@ -0,0 +1,109 @@
+import { createGlobalState,useLocalStorage } from '@vueuse/core'
+import { ref } from 'vue'
+import { artworkList, defaultDetail, artworkDetail } from "@/api/goods/index.js"
+
+export const goodStore = createGlobalState(() => {
+    // 状态定义
+    const actionDetails = ref({})
+    const currentItem = ref({})
+    const myArtWorks = ref([])
+    const pageRef = ref({
+        page: 0,
+        pageSize: 5,
+        itemCount: 0
+    })
+    const artWorkDetail = useLocalStorage('artWorkDetail',{})
+    const itemList = ref([])
+    const auctionDetail = ref({})
+    const loading = ref(false)
+    const error = ref(null)
+
+    // 重置分页
+    const resetPage = () => {
+        pageRef.value.page = 1
+        pageRef.value.pageSize=5
+        pageRef.value.itemCount = 0
+    }
+
+    // 获取拍卖详情
+    const getAuctionDetail = async () => {
+        try {
+            loading.value = true
+            const res = await defaultDetail({})
+            if (res.status === 0) {
+                auctionDetail.value = res.data
+            }
+        } catch (err) {
+            } finally {
+            loading.value = false
+        }
+    }
+
+    // 获取艺术品列表
+    const getArtworkList = async (isRefresh = false) => {
+        if (isRefresh) {
+            resetPage()
+        }
+        try {
+            loading.value = true
+            const res = await artworkList({
+                auctionUuid: auctionDetail.value.uuid,
+                page: pageRef.value.page,
+                pageSize: pageRef.value.pageSize
+            })
+            if (res.status === 0) {
+                const newItems = res.data.data || []
+
+                if (isRefresh) {
+                    itemList.value = newItems
+                } else {
+                    itemList.value = [...itemList.value, ...newItems]
+                }
+
+                pageRef.value.itemCount = res.data.count || 0
+                return {
+                    finished: !newItems.length || newItems.length < pageRef.value.pageSize,
+                    items: newItems
+                }
+            }
+            return { finished: true, items: [] }
+        } catch (err) {
+            return { finished: true, items: [] }
+        } finally {
+            loading.value = false
+        }
+    }
+
+    // 获取艺术品详情
+    const getArtworkDetail = async (uuid) => {
+        try {
+            loading.value = true
+            const res = await artworkDetail({ uuid })
+            if (res.status === 0) {
+                artWorkDetail.value = res.data
+            }
+        } catch (err) {
+            } finally {
+            loading.value = false
+        }
+    }
+
+    return {
+        // 状态
+        actionDetails,
+
+        currentItem,
+        myArtWorks,
+        pageRef,
+        artWorkDetail,
+        itemList,
+        auctionDetail,
+        loading,
+        error,
+        // 方法
+        getAuctionDetail,
+        getArtworkList,
+        getArtworkDetail,
+        resetPage
+    }
+})
\ No newline at end of file
diff --git a/.history/app/stores/goods/index_20250306132938.js b/.history/app/stores/goods/index_20250306132938.js
new file mode 100644
index 0000000..ae0d219
--- /dev/null
+++ b/.history/app/stores/goods/index_20250306132938.js
@@ -0,0 +1,109 @@
+import { createGlobalState,useLocalStorage } from '@vueuse/core'
+import { ref } from 'vue'
+import { artworkList, defaultDetail, artworkDetail } from "@/api/goods/index.js"
+
+export const goodStore = createGlobalState(() => {
+    // 状态定义
+    const actionDetails = ref({})
+    const currentItem = ref({})
+    const myArtWorks = ref([])
+    const pageRef = ref({
+        page: 0,
+        pageSize: 5,
+        itemCount: 0
+    })
+    const artWorkDetail = useLocalStorage('artWorkDetail',{})
+    const itemList = ref([])
+    const auctionDetail = ref({})
+    const loading = ref(false)
+    const error = ref(null)
+
+    // 重置分页
+    const resetPage = () => {
+        pageRef.value.page = 1
+        pageRef.value.pageSize=5
+        pageRef.value.itemCount = 0
+    }
+
+    // 获取拍卖详情
+    const getAuctionDetail = async () => {
+        try {
+            loading.value = true
+            const res = await defaultDetail({})
+            if (res.status === 0) {
+                auctionDetail.value = res.data
+            }
+        } catch (err) {
+            } finally {
+            loading.value = false
+        }
+    }
+
+    // 获取艺术品列表
+    const getArtworkList = async (isRefresh = false) => {
+        if (isRefresh) {
+            resetPage()
+        }
+        try {
+            loading.value = true
+            const res = await artworkList({
+                auctionUuid: auctionDetail.value.uuid,
+                page: pageRef.value.page,
+                pageSize: pageRef.value.pageSize
+            })
+            if (res.status === 0) {
+                const newItems = res.data.data || []
+
+                if (isRefresh) {
+                    itemList.value = newItems
+                } else {
+                    itemList.value = [...itemList.value, ...newItems]
+                }
+
+                pageRef.value.itemCount = res.data.count || 0
+                return {
+                    finished: !newItems.length || newItems.length < pageRef.value.pageSize,
+                    items: newItems
+                }
+            }
+            return { finished: true, items: [] }
+        } catch (err) {
+            return { finished: true, items: [] }
+        } finally {
+            loading.value = false
+        }
+    }
+
+    // 获取艺术品详情
+    const getArtworkDetail = async (uuid) => {
+        try {
+            loading.value = true
+            const res = await artworkDetail({ uuid })
+            if (res.status === 0) {
+                artWorkDetail.value = res.data
+            }
+        } catch (err) {
+            } finally {
+            loading.value = false
+        }
+    }
+
+    return {
+        // 状态
+        actionDetails,
+
+        currentItem,
+        myArtWorks,
+        pageRef,
+        artWorkDetail,
+        itemList,
+        auctionDetail,
+        loading,
+        error,
+        // 方法
+        getAuctionDetail,
+        getArtworkList,
+        getArtworkDetail,
+        resetPage
+    }
+})
\ No newline at end of file
diff --git a/.history/app/stores/goods/index_20250306133215.js b/.history/app/stores/goods/index_20250306133215.js
new file mode 100644
index 0000000..ae0d219
--- /dev/null
+++ b/.history/app/stores/goods/index_20250306133215.js
@@ -0,0 +1,109 @@
+import { createGlobalState,useLocalStorage } from '@vueuse/core'
+import { ref } from 'vue'
+import { artworkList, defaultDetail, artworkDetail } from "@/api/goods/index.js"
+
+export const goodStore = createGlobalState(() => {
+    // 状态定义
+    const actionDetails = ref({})
+    const currentItem = ref({})
+    const myArtWorks = ref([])
+    const pageRef = ref({
+        page: 0,
+        pageSize: 5,
+        itemCount: 0
+    })
+    const artWorkDetail = useLocalStorage('artWorkDetail',{})
+    const itemList = ref([])
+    const auctionDetail = ref({})
+    const loading = ref(false)
+    const error = ref(null)
+
+    // 重置分页
+    const resetPage = () => {
+        pageRef.value.page = 1
+        pageRef.value.pageSize=5
+        pageRef.value.itemCount = 0
+    }
+
+    // 获取拍卖详情
+    const getAuctionDetail = async () => {
+        try {
+            loading.value = true
+            const res = await defaultDetail({})
+            if (res.status === 0) {
+                auctionDetail.value = res.data
+            }
+        } catch (err) {
+            } finally {
+            loading.value = false
+        }
+    }
+
+    // 获取艺术品列表
+    const getArtworkList = async (isRefresh = false) => {
+        if (isRefresh) {
+            resetPage()
+        }
+        try {
+            loading.value = true
+            const res = await artworkList({
+                auctionUuid: auctionDetail.value.uuid,
+                page: pageRef.value.page,
+                pageSize: pageRef.value.pageSize
+            })
+            if (res.status === 0) {
+                const newItems = res.data.data || []
+
+                if (isRefresh) {
+                    itemList.value = newItems
+                } else {
+                    itemList.value = [...itemList.value, ...newItems]
+                }
+
+                pageRef.value.itemCount = res.data.count || 0
+                return {
+                    finished: !newItems.length || newItems.length < pageRef.value.pageSize,
+                    items: newItems
+                }
+            }
+            return { finished: true, items: [] }
+        } catch (err) {
+            return { finished: true, items: [] }
+        } finally {
+            loading.value = false
+        }
+    }
+
+    // 获取艺术品详情
+    const getArtworkDetail = async (uuid) => {
+        try {
+            loading.value = true
+            const res = await artworkDetail({ uuid })
+            if (res.status === 0) {
+                artWorkDetail.value = res.data
+            }
+        } catch (err) {
+            } finally {
+            loading.value = false
+        }
+    }
+
+    return {
+        // 状态
+        actionDetails,
+
+        currentItem,
+        myArtWorks,
+        pageRef,
+        artWorkDetail,
+        itemList,
+        auctionDetail,
+        loading,
+        error,
+        // 方法
+        getAuctionDetail,
+        getArtworkList,
+        getArtworkDetail,
+        resetPage
+    }
+})
\ No newline at end of file
diff --git a/app/components/itemDetail/index.vue b/app/components/itemDetail/index.vue
index eb55921..021a82f 100644
--- a/app/components/itemDetail/index.vue
+++ b/app/components/itemDetail/index.vue
@@ -75,6 +75,10 @@ const filteredPriceRules = computed(() => {
     </div>
 
   </div>
+  <div class="flex text-[#575757] text-[14px] justify-center">
+    <div>{{$t('detail.text9')}}:</div>
+    <div>{{ detailInfo?.priceRuleAdd }}</div>
+  </div>
 </div>
 </template>
 
diff --git a/app/pages/[...all].vue b/app/pages/[...all].vue
deleted file mode 100644
index f9637a9..0000000
--- a/app/pages/[...all].vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script setup lang="ts">
-definePageMeta({
-  layout: '404',
-})
-</script>
-
-<template>
-  <div> {{ $t('error_page.txt') }} </div>
-</template>
diff --git a/app/pages/externallinks/index.vue b/app/pages/externallinks/index.vue
deleted file mode 100644
index f14457a..0000000
--- a/app/pages/externallinks/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script setup>
-import CheckoutPage from '@/components/stripe/CheckoutPage.vue'
-import CompletePage from '@/components/stripe/CompletePage.vue'
-definePageMeta({
-  layout: 'default',
-  title: 'Stripe支付'
-})
-const route = useRoute()
-const key=route.query.key??''
-
-</script>
-
-<template>
-<div>
-  <CheckoutPage/>
-  <!-- <iframe class="w-100vw h-100vh" :src="`/stripe/checkout.html?key=${key}`"></iframe> -->
-</div>
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/app/pages/home/components/ItemList/index.vue b/app/pages/home/components/ItemList/index.vue
index 81f6b29..502c189 100644
--- a/app/pages/home/components/ItemList/index.vue
+++ b/app/pages/home/components/ItemList/index.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import { goodStore } from "@/stores/goods"
 import DetailPopup from '../DetailPopup/index.vue'
 import WaterfallFlow from '@/components/waterfallFlow/index.vue'
@@ -17,6 +17,37 @@ const localState = ref({
   showDetail: false,
   showHeight: ''
 })
+
+// 记录每个图片的加载状态
+const imageLoadingStatus = ref({})
+
+// 生成骨架屏列表数据
+const skeletonList = computed(() => {
+  // 如果有实际数据，返回空数组
+  if (itemList.value && itemList.value.length > 0) return []
+  // 否则返回6个骨架屏项目
+  return Array(6).fill().map((_, index) => ({
+    id: `skeleton-${index}`,
+    isSkeletonItem: true
+  }))
+})
+
+// 合并实际列表和骨架屏列表
+const displayList = computed(() => {
+  if (itemList.value && itemList.value.length > 0) return itemList.value
+  return skeletonList.value
+})
+
+// 图片加载完成处理函数
+const handleImageLoad = (itemId) => {
+  imageLoadingStatus.value[itemId] = true
+}
+
+// 图片加载错误处理函数
+const handleImageError = (itemId) => {
+  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
+}
+
 // 加载更多
 const loadMore = async () => {
   pageRef.value.page++
@@ -29,6 +60,8 @@ const onRefresh = async () => {
   try {
     localState.value.refreshing = true
     localState.value.finished = false
+    // 重置图片加载状态
+    imageLoadingStatus.value = {}
     const { finished } = await getArtworkList(true)
     localState.value.finished = finished
   } finally {
@@ -37,29 +70,10 @@ const onRefresh = async () => {
 }
 // 打开详情
 const openShow = async (item) => {
+  if (item.isSkeletonItem) return
   localState.value.showDetail = true
   currentItem.value = item
 }
-/**
- * 将数字格式化为"250XX"格式，其中XX是两位数
- * @param {number} num - 要格式化的数字
- * @return {string} - 格式化后的字符串
- */
- function formatNumber(num) {
-  // 确保输入是有效数字
-  if (typeof num !== 'number' && isNaN(Number(num))) {
-    throw new Error('输入必须是有效数字');
-  }
-  
-  // 转换为数字类型(以防输入是字符串数字)
-  const number = Number(num);
-  
-  // 数字部分格式化为两位数，不足补0
-  const formattedNum = number.toString().padStart(2, '0');
-  
-  // 添加前缀"250"并返回结果
-  return `250${formattedNum}`;
-}
 </script>
 
 <template>
@@ -79,24 +93,43 @@ const openShow = async (item) => {
           @load="loadMore"
       >
         <div class="w-full flex gap-[16px]">
-          <WaterfallFlow :items="itemList"  :column-count="2">
-            <template #default="{ item, index }">
+          <WaterfallFlow :items="displayList"  :column-count="2">
+            <template #default="{ item }">
               <div
                   @click="openShow(item)"
                   class="w-full"
               >
                 <div class="relative w-full">
-                  <img
-                      :src="item.artwork?.hdPic"
-                      class="w-full object-cover rounded-4px"
-                  />
-                  <div
-                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[55px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                  <!-- 自定义骨架屏 -->
+                  <div 
+                    v-if="item.isSkeletonItem || !imageLoadingStatus[item.id]" 
+                    class="custom-skeleton rounded-4px overflow-hidden"
                   >
-                    Lot{{ formatNumber(item.index) }}
+                    <div class="skeleton-image"></div>
+                    <div class="skeleton-content">
+                      <div class="skeleton-title"></div>
+                      <div class="skeleton-text"></div>
+                      <div class="skeleton-text"></div>
+                    </div>
                   </div>
+                  
+                  <template v-if="!item.isSkeletonItem">
+                    <img
+                        :src="item.artwork?.hdPic"
+                        class="w-full object-cover rounded-4px"
+                        :class="{'hidden': !imageLoadingStatus[item.id]}"
+                        @load="handleImageLoad(item.id)"
+                        @error="handleImageError(item.id)"
+                    />
+                    <div
+                        class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                        :class="{'z-10': !imageLoadingStatus[item.id]}"
+                    >
+                      Lot{{item.index+25000 }}
+                    </div>
+                  </template>
                 </div>
-                <div class="pt-[8px]">
+                <div v-if="!item.isSkeletonItem" class="pt-[8px]" :class="{'hidden': !imageLoadingStatus[item.id]}">
                   <div class="text-[14px] text-[#000000] leading-[20px]">
                     {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
                   </div>
@@ -125,4 +158,52 @@ const openShow = async (item) => {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
+
+/* 自定义骨架屏样式 */
+.custom-skeleton {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+
+.skeleton-image {
+  width: 100%;
+  padding-bottom: 100%; /* 保持1:1的宽高比 */
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+}
+
+.skeleton-content {
+  padding: 8px 0;
+}
+
+.skeleton-title {
+  height: 16px;
+  margin-bottom: 8px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+}
+
+.skeleton-text {
+  height: 12px;
+  margin-top: 4px;
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: skeleton-loading 1.4s ease infinite;
+  border-radius: 2px;
+  width: 60%;
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/app/pages/home/index.vue b/app/pages/home/index.vue
index 5d884cd..8d212cf 100644
--- a/app/pages/home/index.vue
+++ b/app/pages/home/index.vue
@@ -20,7 +20,7 @@ await getAuctionDetail()
 
 </script>
 <template>
-  <div class="grow-1">
+  <div class="grow-1 flex flex-col">
     <client-only>
       <div class="relative" @click="changeLive">
         <liveRoom  :class="['changeLive', fullLive ? 'expanded' : 'collapsed']"/>
@@ -38,10 +38,13 @@ await getAuctionDetail()
         </div>
       </div>
     </client-only>
-    <div v-if="!fullLive" class="bg-#fff">
+    <div v-if="!fullLive" class="bg-#fff grow-1 flex flex-col">
       <van-tabs sticky animated>
         <van-tab :title="$t('home.tab1')">
-          <ItemList></ItemList>
+          <div class="min-h-[600px] overflow-hidden">
+            <ItemList></ItemList>
+          </div>
+         
         </van-tab>
         <van-tab :title="$t('home.tab2')">
           <Cescribe></Cescribe>
@@ -53,6 +56,16 @@ await getAuctionDetail()
   </div>
 </template>
 <style scoped lang="scss">
+// :deep(.van-tabs.van-tabs--line){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
+// :deep(.van-tabs__content.van-tabs__content--animated){
+//   flex-grow: 1;
+//   display: flex;
+//   flex-direction: column;
+// }
 .ellipsis {
   display: -webkit-box;
   -webkit-box-orient: vertical;
diff --git a/app/pages/liveRoom/components/Broadcast/index.vue b/app/pages/liveRoom/components/Broadcast/index.vue
index d4142f3..b841e1d 100644
--- a/app/pages/liveRoom/components/Broadcast/index.vue
+++ b/app/pages/liveRoom/components/Broadcast/index.vue
@@ -40,12 +40,14 @@ const headItem=(statusCode)=>{
           <div class="text-#939393 text-14px">{{ $t('live_room.next_lot') }}</div>
       </template>
       <template v-else-if="auctionData.auctionPriceList?.buys?.length>0">
-        <div v-for="(item, index) in auctionData.auctionPriceList?.buys" :key="index" class="flex flex-shrink-0">
+        <div v-for="(item, index) in auctionData.auctionPriceList?.buys" :key="index" class="flex flex-shrink-0 break-words whitespace-normal">
           <div class="text-start shrink-0 w-60px" :style="`color: ${headItem(item.statusCode).color}`" >{{ headItem(item.statusCode).label }}</div>
           <div class="text-start shrink-0 w-80px">{{ item.auctionType==='local'? $t('live_room.spot'):$t('live_room.network') }}</div>
           <div class="text-start shrink-0 w-80px">{{ item.createdAt }}</div>
-          <div class="text-start shrink-0 w-80px">{{item.baseCurrency}}{{ formatThousands(item.baseMoney) }}</div>
-          <div class="text-start text-#2B53AC shrink-0 w-20px">{{ item.userId===userInfo.ID?$t('live_room.me'):'' }}</div>
+          <div class="text-start shrink-0 w-80px ">
+  {{item.baseCurrency}}{{ formatThousands(item.baseMoney) }}
+</div>
+          <div class="text-end text-#2B53AC shrink-0 w-20px">{{ item.userId===userInfo.ID?$t('live_room.me'):'我' }}</div>
         </div>
       </template>
       <template v-if="auctionData.wsType==='newArtwork'">
diff --git a/app/pages/liveRoom/components/SideButton/tangPopup.vue b/app/pages/liveRoom/components/SideButton/tangPopup.vue
index 873fff9..b46dc62 100644
--- a/app/pages/liveRoom/components/SideButton/tangPopup.vue
+++ b/app/pages/liveRoom/components/SideButton/tangPopup.vue
@@ -47,6 +47,7 @@ const scrollToCurrentItem = () => {
         top: scrollTop,
         behavior: 'smooth'
       })
+ 
     }
   }
 }
@@ -67,10 +68,21 @@ watch(()=>{
   return auctionData.value?.artwork?.index
 },(newValue)=>{
   })
-watch(()=>props.show,(newValue)=>{
+watch(()=>props.show,async (newValue)=>{
   if (newValue){
+    if(auctionData.value?.artwork?.index>itemList.value?.length+1){
+      const toast = showLoadingToast({
+  message: '加载中...',
+  forbidClick: true,
+});
+      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
+     await loadMore()
+     
+     pageRef.value.pageSize=5
+    }
  nextTick(()=>{
    scrollToCurrentItem()
+   toast.close()
  })
   }
 })
@@ -116,7 +128,7 @@ watch(()=>props.show,(newValue)=>{
                     :alt="item?.artworkTitle"
                     loading="lazy"
                 />
-                <div class="w-45px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">LOT{{item.index}}</div>
+                <div class="w-65px h-17px bg-#2B53AC text-12px line-height-none flex justify-center items-center absolute top-2px left-2px text-#fff">Lot{{item.index+25000}}</div>
                 <div  v-show="auctionData?.artwork?.index===item?.index" class="w-80px h-20px bg-#B58047 flex line-height-none justify-center items-center text-#fff text-12px bottom-0 absolute blink">{{ $t('live_room.cast') }}</div>
               </div>
               <div>
diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index dceb9aa..9676191 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -14,7 +14,7 @@ import {showConfirmDialog} from 'vant';
 import {artworkBuy} from "@/api/goods/index.js"
 import {useI18n} from 'vue-i18n'
 import floating2 from '@/components/floating2/index.vue'
-import { UseDraggable } from '@vueuse/components'
+import { useThrottleFn } from '@vueuse/core'
 
 
 const { t } = useI18n()
@@ -101,7 +101,7 @@ const initializePlayer = async () => {
 onMounted(async () => {
   await getAuctionDetail()
   pullLink.value = await getLiveLink()
-  console.log('auctionDetail.value.isLiving',auctionDetail.value.isLiving)
+
   if (auctionDetail.value.isLiving===1){
     initializePlayer()
   }
@@ -121,7 +121,7 @@ watch(() => fullLive.value, async (newVal) => {
   await getSocketData()
 
 })
-const goBuy = async () => {
+const goBuy = useThrottleFn(async () => {
   const res = await artworkBuy({
     auctionArtworkUuid: auctionData.value?.artwork?.uuid,
     buyMoney: String(auctionData?.value.nowAuctionPrice?.nowPrice??0)
@@ -129,7 +129,7 @@ const goBuy = async () => {
   if (res.status === 0) {
     message.success(t('live_room.success_mess'))
   }
-}
+}, 2000)
 const sideButtonRef = useTemplateRef('sideButtonRef')
 const tipOpen = () => {
   message.warning(t('live_room.warn_mess'))
@@ -142,8 +142,6 @@ const tipOpen = () => {
     <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
       <van-loading   type="spinner" >直播加载中...</van-loading>
     </div>
-    <client-only>
-  </client-only>
     <transition name="fade">
       <div v-if="fullLive">
         <floating2
diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index 50d0bb0..6e9f690 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -173,7 +173,8 @@
     "text5": "画作简介",
     "text6": "起拍价",
     "text7": "竞价表",
-    "text8": "拍卖品详情"
+    "text8": "拍卖品详情",
+    "text9": "固定跳价"
   },
   "art_detail_page": {
     "button": "去支付",

From c3852e1fb8f648c231ae3d6f99c84785c5012652 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 6 Mar 2025 17:03:31 +0800
Subject: [PATCH 09/27] 1212

---
 .gitignore                                   |   3 +
 app/pages/home/components/ItemList/index.vue | 160 +++++--------------
 2 files changed, 44 insertions(+), 119 deletions(-)

diff --git a/.gitignore b/.gitignore
index 48fcd8f..8eae3cf 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,3 +17,6 @@ logs
 .DS_Store
 .fleet
 .idea
+.history/
+.history/**
+**/.history/**
\ No newline at end of file
diff --git a/app/pages/home/components/ItemList/index.vue b/app/pages/home/components/ItemList/index.vue
index 502c189..4561bb6 100644
--- a/app/pages/home/components/ItemList/index.vue
+++ b/app/pages/home/components/ItemList/index.vue
@@ -1,8 +1,9 @@
 <script setup>
-import { ref, computed } from 'vue'
-import { goodStore } from "@/stores/goods"
+import {ref} from 'vue'
+import {goodStore} from "@/stores/goods"
 import DetailPopup from '../DetailPopup/index.vue'
 import WaterfallFlow from '@/components/waterfallFlow/index.vue'
+
 const {
   itemList,
   pageRef,
@@ -17,41 +18,10 @@ const localState = ref({
   showDetail: false,
   showHeight: ''
 })
-
-// 记录每个图片的加载状态
-const imageLoadingStatus = ref({})
-
-// 生成骨架屏列表数据
-const skeletonList = computed(() => {
-  // 如果有实际数据，返回空数组
-  if (itemList.value && itemList.value.length > 0) return []
-  // 否则返回6个骨架屏项目
-  return Array(6).fill().map((_, index) => ({
-    id: `skeleton-${index}`,
-    isSkeletonItem: true
-  }))
-})
-
-// 合并实际列表和骨架屏列表
-const displayList = computed(() => {
-  if (itemList.value && itemList.value.length > 0) return itemList.value
-  return skeletonList.value
-})
-
-// 图片加载完成处理函数
-const handleImageLoad = (itemId) => {
-  imageLoadingStatus.value[itemId] = true
-}
-
-// 图片加载错误处理函数
-const handleImageError = (itemId) => {
-  imageLoadingStatus.value[itemId] = true // 也标记为加载完成，避免一直显示骨架屏
-}
-
 // 加载更多
 const loadMore = async () => {
   pageRef.value.page++
-  const { finished } = await getArtworkList()
+  const {finished} = await getArtworkList()
   localState.value.finished = finished
 }
 
@@ -60,9 +30,7 @@ const onRefresh = async () => {
   try {
     localState.value.refreshing = true
     localState.value.finished = false
-    // 重置图片加载状态
-    imageLoadingStatus.value = {}
-    const { finished } = await getArtworkList(true)
+    const {finished} = await getArtworkList(true)
     localState.value.finished = finished
   } finally {
     localState.value.refreshing = false
@@ -70,10 +38,30 @@ const onRefresh = async () => {
 }
 // 打开详情
 const openShow = async (item) => {
-  if (item.isSkeletonItem) return
   localState.value.showDetail = true
   currentItem.value = item
 }
+
+/**
+ * 将数字格式化为"250XX"格式，其中XX是两位数
+ * @param {number} num - 要格式化的数字
+ * @return {string} - 格式化后的字符串
+ */
+function formatNumber(num) {
+  // 确保输入是有效数字
+  if (typeof num !== 'number' && isNaN(Number(num))) {
+    throw new Error('输入必须是有效数字');
+  }
+
+  // 转换为数字类型(以防输入是字符串数字)
+  const number = Number(num);
+
+  // 数字部分格式化为两位数，不足补0
+  const formattedNum = number.toString().padStart(2, '0');
+
+  // 添加前缀"250"并返回结果
+  return `250${formattedNum}`;
+}
 </script>
 
 <template>
@@ -84,7 +72,8 @@ const openShow = async (item) => {
         @refresh="onRefresh"
     >
       <template #success>
-        <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
+        <van-icon name="success"/>
+        <span>{{ $t('home.refresh_show') }}</span>
       </template>
       <van-list
           v-model:loading="storeLoading"
@@ -93,54 +82,35 @@ const openShow = async (item) => {
           @load="loadMore"
       >
         <div class="w-full flex gap-[16px]">
-          <WaterfallFlow :items="displayList"  :column-count="2">
-            <template #default="{ item }">
+          <WaterfallFlow :items="itemList" :column-count="2">
+            <template #default="{ item, index }">
               <div
                   @click="openShow(item)"
                   class="w-full"
               >
                 <div class="relative w-full">
-                  <!-- 自定义骨架屏 -->
-                  <div 
-                    v-if="item.isSkeletonItem || !imageLoadingStatus[item.id]" 
-                    class="custom-skeleton rounded-4px overflow-hidden"
+                  <img
+                      :src="item.artwork?.hdPic"
+                      class="w-full object-cover rounded-4px"
+                  />
+                  <div
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[55px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
                   >
-                    <div class="skeleton-image"></div>
-                    <div class="skeleton-content">
-                      <div class="skeleton-title"></div>
-                      <div class="skeleton-text"></div>
-                      <div class="skeleton-text"></div>
-                    </div>
+                    Lot{{ formatNumber(item.index) }}
                   </div>
-                  
-                  <template v-if="!item.isSkeletonItem">
-                    <img
-                        :src="item.artwork?.hdPic"
-                        class="w-full object-cover rounded-4px"
-                        :class="{'hidden': !imageLoadingStatus[item.id]}"
-                        @load="handleImageLoad(item.id)"
-                        @error="handleImageError(item.id)"
-                    />
-                    <div
-                        class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
-                        :class="{'z-10': !imageLoadingStatus[item.id]}"
-                    >
-                      Lot{{item.index+25000 }}
-                    </div>
-                  </template>
                 </div>
-                <div v-if="!item.isSkeletonItem" class="pt-[8px]" :class="{'hidden': !imageLoadingStatus[item.id]}">
+                <div class="pt-[8px]">
                   <div class="text-[14px] text-[#000000] leading-[20px]">
-                    {{ item?.artwork?.name }} | {{item?.artwork?.artistName}}
+                    {{ item?.artwork?.name }} | {{ item?.artwork?.artistName }}
                   </div>
                   <div class="mt-[4px] text-[12px] text-[#575757]">
-                    {{ $t('home.start_price') }}：{{ item?.startPrice??0 }}
+                    {{ $t('home.start_price') }}：{{ item?.startPrice ?? 0 }}
                   </div>
                   <div
                       v-if="item.soldPrice"
                       class="mt-[4px] text-[12px] text-[#b58047]"
                   >
-                    {{ $t('home.close_price') }}：{{  item?.soldPrice??0  }}
+                    {{ $t('home.close_price') }}：{{ item?.soldPrice ?? 0 }}
                   </div>
                 </div>
               </div>
@@ -158,52 +128,4 @@ const openShow = async (item) => {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
-
-/* 自定义骨架屏样式 */
-.custom-skeleton {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  background-color: #fff;
-}
-
-.skeleton-image {
-  width: 100%;
-  padding-bottom: 100%; /* 保持1:1的宽高比 */
-  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
-  background-size: 400% 100%;
-  animation: skeleton-loading 1.4s ease infinite;
-}
-
-.skeleton-content {
-  padding: 8px 0;
-}
-
-.skeleton-title {
-  height: 16px;
-  margin-bottom: 8px;
-  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
-  background-size: 400% 100%;
-  animation: skeleton-loading 1.4s ease infinite;
-  border-radius: 2px;
-}
-
-.skeleton-text {
-  height: 12px;
-  margin-top: 4px;
-  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
-  background-size: 400% 100%;
-  animation: skeleton-loading 1.4s ease infinite;
-  border-radius: 2px;
-  width: 60%;
-}
-
-@keyframes skeleton-loading {
-  0% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0 50%;
-  }
-}
 </style>
\ No newline at end of file

From ae87146c5fce75882e0ee465d3d2789c68515603 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 6 Mar 2025 17:04:44 +0800
Subject: [PATCH 10/27] =?UTF-8?q?style(ItemList):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=95=B0=E5=AD=97=20badges=20=E7=9A=84=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将数字 badges 的宽度从 55px 调整为 60px，以适应较大的数字
- 优化了 ItemList 组件的视觉效果
---
 app/pages/home/components/ItemList/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/home/components/ItemList/index.vue b/app/pages/home/components/ItemList/index.vue
index 4561bb6..ea1ad10 100644
--- a/app/pages/home/components/ItemList/index.vue
+++ b/app/pages/home/components/ItemList/index.vue
@@ -94,7 +94,7 @@ function formatNumber(num) {
                       class="w-full object-cover rounded-4px"
                   />
                   <div
-                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[55px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
+                      class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
                   >
                     Lot{{ formatNumber(item.index) }}
                   </div>

From f673fbed7ff45b7005357ce14bf083ce0e484842 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 09:23:18 +0800
Subject: [PATCH 11/27] =?UTF-8?q?style(app):=20=E4=BC=98=E5=8C=96=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E9=A2=84=E8=A7=88=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整图片预览弹窗的背景色和最大宽度
- 修复 ItemList 组件中的 Lot 号码显示问题
---
 app/app.vue                                  | 4 ++++
 app/pages/home/components/ItemList/index.vue | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/app.vue b/app/app.vue
index e6e6688..406b028 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -56,6 +56,10 @@ provide('slideDirection', slideDirection)
 </template>
 
 <style>
+.van-popup.van-popup--center.van-image-preview{
+  background-color: transparent!important;
+  max-width: 100%!important;
+}
 :root:root {
   --van-dialog-radius: 8px
 }
diff --git a/app/pages/home/components/ItemList/index.vue b/app/pages/home/components/ItemList/index.vue
index ea1ad10..96eab32 100644
--- a/app/pages/home/components/ItemList/index.vue
+++ b/app/pages/home/components/ItemList/index.vue
@@ -93,7 +93,7 @@ function formatNumber(num) {
                       :src="item.artwork?.hdPic"
                       class="w-full object-cover rounded-4px"
                   />
-                  <div
+                  <div 
                       class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
                   >
                     Lot{{ formatNumber(item.index) }}

From 4caa3fb0da31469c427b4ec498ecbcf30669d816 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 09:35:48 +0800
Subject: [PATCH 12/27] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=B8=8A?=
 =?UTF-8?q?=E5=A2=99=E4=BF=A1=E6=81=AF=E4=B8=AD=E7=94=A8=E6=88=B7ID?=
 =?UTF-8?q?=E4=B8=8D=E5=90=8C=E6=97=B6=E7=9A=84=E6=98=BE=E7=A4=BA=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改了当用户ID与当前用户不匹配时的显示内容
- 移除了原本在该情况下的"我"字显示，保持与需求文档一致
---
 app/pages/liveRoom/components/Broadcast/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/liveRoom/components/Broadcast/index.vue b/app/pages/liveRoom/components/Broadcast/index.vue
index b841e1d..fac0244 100644
--- a/app/pages/liveRoom/components/Broadcast/index.vue
+++ b/app/pages/liveRoom/components/Broadcast/index.vue
@@ -47,7 +47,7 @@ const headItem=(statusCode)=>{
           <div class="text-start shrink-0 w-80px ">
   {{item.baseCurrency}}{{ formatThousands(item.baseMoney) }}
 </div>
-          <div class="text-end text-#2B53AC shrink-0 w-20px">{{ item.userId===userInfo.ID?$t('live_room.me'):'我' }}</div>
+          <div class="text-end text-#2B53AC shrink-0 w-20px">{{ item.userId===userInfo.ID?$t('live_room.me'):'' }}</div>
         </div>
       </template>
       <template v-if="auctionData.wsType==='newArtwork'">

From d18dcfd8f9d7d9030036111978234e25058c6e8e Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 10:06:05 +0800
Subject: [PATCH 13/27] =?UTF-8?q?refactor(app):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=8A=A0=E8=BD=BD=E5=92=8C=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 ItemList 组件中，使用 OSS 图片处理功能调整图片尺寸和格式，提高加载速度
- 在 tangPopup 组件中，应用相同的图片优化处理
- 移除了未使用的 formatNumber 函数，简化了代码
---
 app/pages/home/components/ItemList/index.vue  | 27 +++----------------
 .../components/SideButton/tangPopup.vue       |  2 +-
 2 files changed, 5 insertions(+), 24 deletions(-)

diff --git a/app/pages/home/components/ItemList/index.vue b/app/pages/home/components/ItemList/index.vue
index 96eab32..72620a3 100644
--- a/app/pages/home/components/ItemList/index.vue
+++ b/app/pages/home/components/ItemList/index.vue
@@ -41,27 +41,6 @@ const openShow = async (item) => {
   localState.value.showDetail = true
   currentItem.value = item
 }
-
-/**
- * 将数字格式化为"250XX"格式，其中XX是两位数
- * @param {number} num - 要格式化的数字
- * @return {string} - 格式化后的字符串
- */
-function formatNumber(num) {
-  // 确保输入是有效数字
-  if (typeof num !== 'number' && isNaN(Number(num))) {
-    throw new Error('输入必须是有效数字');
-  }
-
-  // 转换为数字类型(以防输入是字符串数字)
-  const number = Number(num);
-
-  // 数字部分格式化为两位数，不足补0
-  const formattedNum = number.toString().padStart(2, '0');
-
-  // 添加前缀"250"并返回结果
-  return `250${formattedNum}`;
-}
 </script>
 
 <template>
@@ -90,13 +69,15 @@ function formatNumber(num) {
               >
                 <div class="relative w-full">
                   <img
-                      :src="item.artwork?.hdPic"
+                     :src="item.artwork?.hdPic + '?x-oss-process=image/resize,w_500,h_500/format,webp/quality,q_80'"
                       class="w-full object-cover rounded-4px"
+      loading="lazy"
+
                   />
                   <div 
                       class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
                   >
-                    Lot{{ formatNumber(item.index) }}
+                    Lot{{ item.index+25000 }}
                   </div>
                 </div>
                 <div class="pt-[8px]">
diff --git a/app/pages/liveRoom/components/SideButton/tangPopup.vue b/app/pages/liveRoom/components/SideButton/tangPopup.vue
index b46dc62..3656b0e 100644
--- a/app/pages/liveRoom/components/SideButton/tangPopup.vue
+++ b/app/pages/liveRoom/components/SideButton/tangPopup.vue
@@ -124,7 +124,7 @@ watch(()=>props.show,async (newValue)=>{
                 <xImage
                     :preview="false"
                     class="w-80px h-80px"
-                    :src="item.artwork?.hdPic"
+                    :src="item.artwork?.hdPic+'?x-oss-process=image/resize,w_280,h_280/format,webp/quality,q_80'"
                     :alt="item?.artworkTitle"
                     loading="lazy"
                 />

From 3d98a1b9d752f2fd1a5573add24bd6ea182dd8fa Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 10:39:19 +0800
Subject: [PATCH 14/27] =?UTF-8?q?style(app):=20=E4=BC=98=E5=8C=96=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=9B=BE=E7=89=87=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整 van-popup 组件的背景颜色
- 优化详情页图片加载，使用 WebP 格式和压缩质量
- 移除首页无用代码
- 注释直播室错误处理对话框
---
 app/app.vue                         |  3 +++
 app/components/itemDetail/index.vue |  2 +-
 app/pages/home/index.vue            |  1 -
 app/pages/liveRoom/index.client.vue | 28 ++++++++++++++--------------
 4 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index 406b028..ddba932 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -56,6 +56,9 @@ provide('slideDirection', slideDirection)
 </template>
 
 <style>
+.van-popup.van-toast{
+  background: var(--van-toast-background)!important;
+}
 .van-popup.van-popup--center.van-image-preview{
   background-color: transparent!important;
   max-width: 100%!important;
diff --git a/app/components/itemDetail/index.vue b/app/components/itemDetail/index.vue
index 021a82f..a7836ec 100644
--- a/app/components/itemDetail/index.vue
+++ b/app/components/itemDetail/index.vue
@@ -61,7 +61,7 @@ const filteredPriceRules = computed(() => {
   <div class="px-[16px] bg-#fff pt-12px pb-18px">
     <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
     <div v-if="detailInfo?.priceRuleType!=='diy'">
-      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
+      <xImage :src="detailInfo?.priceRuleImage+'?x-oss-process=image/resize,w_580,h_580/format,webp/quality,q_80'" alt=""/>
     </div>
     <div v-else class="mt-20px">
       <div class="flex text-#575757 text-12px">
diff --git a/app/pages/home/index.vue b/app/pages/home/index.vue
index 8d212cf..80fd206 100644
--- a/app/pages/home/index.vue
+++ b/app/pages/home/index.vue
@@ -17,7 +17,6 @@ const changeLive = () => {
   }
 }
 await getAuctionDetail()
-
 </script>
 <template>
   <div class="grow-1 flex flex-col">
diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index 9676191..c34a068 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -23,13 +23,13 @@ const player = ref(null)
 const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
 const pullLink = ref('')
 const handlePlayerError = (error) => {
-  showConfirmDialog({
-    message: t('live_room.error_mess'),
-    showCancelButton: true
-  }).then(() => {
-    initializePlayer()
-  }).catch(() => {
-  })
+  // showConfirmDialog({
+  //   message: t('live_room.error_mess'),
+  //   showCancelButton: true
+  // }).then(() => {
+  //   initializePlayer()
+  // }).catch(() => {
+  // })
  // player.value?.play()
 }
 const loading1=ref(false)
@@ -87,13 +87,13 @@ const initializePlayer = async () => {
       })
     player.value.on('error', handlePlayerError)
   } catch (error) {
-    showConfirmDialog({
-      message: t('live_room.error_mess'),
-      showCancelButton: true
-    }).then(() => {
-     initializePlayer()
-    }).catch(() => {
-    })
+    // showConfirmDialog({
+    //   message: t('live_room.error_mess'),
+    //   showCancelButton: true
+    // }).then(() => {
+    //  initializePlayer()
+    // }).catch(() => {
+    // })
     }
 }
 

From 890d4436d9a78968bd97be83607a2b1e9a8635e5 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 11:47:15 +0800
Subject: [PATCH 15/27] =?UTF-8?q?refactor(liveRoom):=20=E6=81=A2=E5=A4=8D?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E6=92=AD=E6=94=BE=E5=99=A8=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E7=9A=84=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了之前注释掉的 showConfirmDialog 调用
- 保留了错误处理的基本逻辑结构
- 优化了代码格式，去除了多余的注释
---
 app/pages/liveRoom/index.client.vue | 29 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index c34a068..370f6c5 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -23,14 +23,13 @@ const player = ref(null)
 const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
 const pullLink = ref('')
 const handlePlayerError = (error) => {
-  // showConfirmDialog({
-  //   message: t('live_room.error_mess'),
-  //   showCancelButton: true
-  // }).then(() => {
-  //   initializePlayer()
-  // }).catch(() => {
-  // })
- // player.value?.play()
+  showConfirmDialog({
+    message: t('live_room.error_mess'),
+    showCancelButton: true
+  }).then(() => {
+    initializePlayer()
+  }).catch(() => {
+  })
 }
 const loading1=ref(false)
 const initializePlayer = async () => {
@@ -87,13 +86,13 @@ const initializePlayer = async () => {
       })
     player.value.on('error', handlePlayerError)
   } catch (error) {
-    // showConfirmDialog({
-    //   message: t('live_room.error_mess'),
-    //   showCancelButton: true
-    // }).then(() => {
-    //  initializePlayer()
-    // }).catch(() => {
-    // })
+    showConfirmDialog({
+      message: t('live_room.error_mess'),
+      showCancelButton: true
+    }).then(() => {
+     initializePlayer()
+    }).catch(() => {
+    })
     }
 }
 

From 2a277d1388235df08517334bf08b13e53d4af56a Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 11:48:59 +0800
Subject: [PATCH 16/27] 123

---
 app/pages/login/index.vue              | 2 +-
 app/pages/signature/protocol/index.vue | 6 +++---
 nuxt.config.js                         | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/pages/login/index.vue b/app/pages/login/index.vue
index e364535..db567a2 100644
--- a/app/pages/login/index.vue
+++ b/app/pages/login/index.vue
@@ -11,7 +11,7 @@ const router = useRouter();
 const route = useRoute();
 const { locale } = useI18n()
 definePageMeta({
-  keepalive: true,
+  name: 'login',
   i18n: 'login.title'
 })
 const loadingRef=ref({
diff --git a/app/pages/signature/protocol/index.vue b/app/pages/signature/protocol/index.vue
index 92a38e9..cbbb5a6 100644
--- a/app/pages/signature/protocol/index.vue
+++ b/app/pages/signature/protocol/index.vue
@@ -4,7 +4,7 @@ import { contractView } from "~/api/goods/index.js"
 import { signOnline } from "~/api/goods/index.js"
 import { authStore } from "~/stores/auth/index.js"
 import {useI18n} from "vue-i18n";
-
+import { useThrottleFn } from '@vueuse/core'
 definePageMeta({
   layout: 'default',
   i18n: 'signature.protocol.title'
@@ -46,7 +46,7 @@ const handleCollapseChange = (name) => {
   }
 }
 
-const goSignature = async () => {
+const goSignature =useThrottleFn(async () => {
   const res = await signOnline({
     auctionArtworkUuid:payment.value.auctionArtworkUuid
   })
@@ -64,7 +64,7 @@ const goSignature = async () => {
   // router.push({
   //   path: '/signature/panel'
   // })
-}
+},2000) 
 </script>
 
 <template>
diff --git a/nuxt.config.js b/nuxt.config.js
index 08d8876..afdbadd 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -153,7 +153,7 @@ export default defineNuxtConfig({
   // 指定 Nuxt 应用程序的兼容性日期，确保应用程序在未来的 Nuxt 版本中保持稳定性
   compatibilityDate: '2025-02-28',
   devServer: {
-    // https: httpsOptions,
+   https: httpsOptions,
     host: '0.0.0.0',
     port: 3000,
   },

From cc8091d04e810f1769e6e30bfc36ecdba2979a96 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 13:46:26 +0800
Subject: [PATCH 17/27] =?UTF-8?q?refactor(app):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=A4=9A=E4=B8=AA=E7=BB=84=E4=BB=B6=E7=9A=84=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E5=92=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除 App.vue 中的 keepalive
---
 app/app.vue                                  |  2 +-
 app/components/itemDetail/index.vue          |  4 +++-
 app/pages/home/components/ItemList/index.vue |  2 +-
 app/pages/liveRoom/index.client.vue          |  4 ++--
 app/pages/login/index.vue                    | 11 ++---------
 nuxt.config.js                               |  2 +-
 6 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index ddba932..8c2c324 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -49,7 +49,7 @@ provide('slideDirection', slideDirection)
       <NuxtLayout>
         <NuxtPage :transition="{
         name: slideDirection
-      }" keepalive />
+      }"  />
       </NuxtLayout>
     </VanConfigProvider>
   </client-only>
diff --git a/app/components/itemDetail/index.vue b/app/components/itemDetail/index.vue
index a7836ec..6ae6696 100644
--- a/app/components/itemDetail/index.vue
+++ b/app/components/itemDetail/index.vue
@@ -22,6 +22,8 @@ const filteredPriceRules = computed(() => {
     return props.detailInfo.priceRules.slice(0, emptyIndex)
   }
 })
+console.log('detailInfo',props.detailInfo);
+
 </script>
 
 <template>
@@ -61,7 +63,7 @@ const filteredPriceRules = computed(() => {
   <div class="px-[16px] bg-#fff pt-12px pb-18px">
     <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
     <div v-if="detailInfo?.priceRuleType!=='diy'">
-      <xImage :src="detailInfo?.priceRuleImage+'?x-oss-process=image/resize,w_580,h_580/format,webp/quality,q_80'" alt=""/>
+      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
     </div>
     <div v-else class="mt-20px">
       <div class="flex text-#575757 text-12px">
diff --git a/app/pages/home/components/ItemList/index.vue b/app/pages/home/components/ItemList/index.vue
index 72620a3..f4f478a 100644
--- a/app/pages/home/components/ItemList/index.vue
+++ b/app/pages/home/components/ItemList/index.vue
@@ -70,7 +70,7 @@ const openShow = async (item) => {
                 <div class="relative w-full">
                   <img
                      :src="item.artwork?.hdPic + '?x-oss-process=image/resize,w_500,h_500/format,webp/quality,q_80'"
-                      class="w-full object-cover rounded-4px"
+                      class="w-full object-cover rounded-4px min-h-[200px]"
       loading="lazy"
 
                   />
diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index 370f6c5..535b012 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -153,11 +153,11 @@ const tipOpen = () => {
              style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
           <div class="text-16px text-#FFB25F font-600 flex">
             <div class="mr-5px">{{ t('live_room.now_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
-            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice||0}}</div>
           </div>
           <div class="text-16px text-#fff font-600 flex">
             <div class="mr-5px">{{ t('live_room.lower_price') }}：{{ auctionData?.nowAuctionPrice?.currency }}</div>
-            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
+            <div  class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice||0}}</div>
           </div>
           
           <div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
diff --git a/app/pages/login/index.vue b/app/pages/login/index.vue
index db567a2..29526bb 100644
--- a/app/pages/login/index.vue
+++ b/app/pages/login/index.vue
@@ -72,18 +72,11 @@ const getDefaultCountry = () => {
 
 const defaultCountry = getDefaultCountry()
 
+const selectedCountry = ref('')
 
-const selectedCountry = ref(route.query.countryName || defaultCountry.name)
 onMounted(()=>{
   selectedZone.value=route.query.zone || defaultCountry.zone
-})
-// 监听语言变化，更新默认国家
-watch(locale, () => {
-  if (!route.query.zone) {
-    const newDefault = getDefaultCountry()
-    selectedZone.value = newDefault.zone
-    selectedCountry.value = newDefault.name
-  }
+  selectedCountry.value=route.query.countryName || defaultCountry.name
 })
 const vanSwipeRef=ref(null)
 const getCode =async () => {
diff --git a/nuxt.config.js b/nuxt.config.js
index afdbadd..007d0c4 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -153,7 +153,7 @@ export default defineNuxtConfig({
   // 指定 Nuxt 应用程序的兼容性日期，确保应用程序在未来的 Nuxt 版本中保持稳定性
   compatibilityDate: '2025-02-28',
   devServer: {
-   https: httpsOptions,
+  // https: httpsOptions,
     host: '0.0.0.0',
     port: 3000,
   },

From ead04355d04a6185a215e52801ec7cffd5fc38ec Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 14:09:35 +0800
Subject: [PATCH 18/27] =?UTF-8?q?feat(auth):=20=E4=BC=98=E5=8C=96=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=9D=A2=E5=B9=B6=E6=B7=BB=E5=8A=A0=E5=9B=BD?=
 =?UTF-8?q?=E5=AE=B6=E4=BB=A3=E7=A0=81=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加国家代码数据导入，实现根据不同语言设置默认国家
- 新增国家选择功能，用于注册和登录页面
- 在签名面板中添加拍卖艺术品 UUID 传递
---
 app/pages/collectCode/login/index.vue         | 36 ++++++++++++++++++-
 .../collectCode/signature/panel/index.vue     |  3 +-
 2 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/app/pages/collectCode/login/index.vue b/app/pages/collectCode/login/index.vue
index d908856..e7b49fd 100644
--- a/app/pages/collectCode/login/index.vue
+++ b/app/pages/collectCode/login/index.vue
@@ -7,7 +7,7 @@ import {message} from '@/components/x-message/useMessage.js'
 // ... 现有导入 ...
 import FingerprintJS from '@fingerprintjs/fingerprintjs'
 import {checkPhone, mobileLogin, userSend} from "@/api-collect-code/auth/index.js";
-
+import countryCode from '@/pages/countryRegion/data/index.js'
 const {userInfo, codeToken, fingerprint} = codeAuthStore()
 const router = useRouter();
 const route = useRoute();
@@ -103,6 +103,40 @@ const showPassword = ref(false)
 const togglePasswordVisibility = () => {
   showPassword.value = !showPassword.value
 }
+const getDefaultCountry = () => {
+  let defaultCode = 'CN' // 默认中国大陆
+  switch (locale.value) {
+    case 'zh-CN':
+      defaultCode = 'CN'
+      break
+    case 'zh-TW':
+      defaultCode = 'TW'
+      break
+    case 'ja-JP':
+      defaultCode = 'JP'
+      break
+    case 'en-US':
+      defaultCode = 'US'
+      break
+  }
+
+  const country = countryCode.find(c => c.code === defaultCode)
+  return {
+    zone: country.zone,
+    name: locale.value === 'zh-CN' ? country.cn :
+      locale.value === 'zh-TW' ? country.tw :
+        locale.value === 'ja-JP' ? country.ja :
+          country.en
+  }
+}
+const defaultCountry = getDefaultCountry()
+
+const selectedCountry = ref('')
+
+// onMounted(()=>{
+//   selectedZone.value=route.query.zone || defaultCountry.zone
+//   selectedCountry.value=route.query.countryName || defaultCountry.name
+// })
 </script>
 
 <template>
diff --git a/app/pages/collectCode/signature/panel/index.vue b/app/pages/collectCode/signature/panel/index.vue
index dabedac..eebb638 100644
--- a/app/pages/collectCode/signature/panel/index.vue
+++ b/app/pages/collectCode/signature/panel/index.vue
@@ -5,7 +5,7 @@ import {codeAuthStore} from "~/stores-collect-code/auth/index.js";
 import {signOffline} from "~/api/goods/index.js";
 import {useI18n} from "vue-i18n";
 const {t} = useI18n();
-const {formData,number}=codeAuthStore()
+const {formData,number,qrData}=codeAuthStore()
 const signaturePad = ref(null);
 definePageMeta({
   layout: ''
@@ -32,6 +32,7 @@ const clearSignature = () => {
 
 const confirm=async ()=>{
   const res=await signOffline({
+    auctionArtworkUuid:qrData.value.auctionArtworkUuid,
     userInfo:formData.value,
     signOrder:Number(number.value),
     signImgFileData:imgUrl.value,

From 98be4bc5ac98da6b7fa347193fe6d4b475a8c7fd Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 14:42:50 +0800
Subject: [PATCH 19/27] =?UTF-8?q?feat(collectCode):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=AD=BE=E5=90=8D=E5=8A=9F=E8=83=BD=E5=B9=B6=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在签名面板中添加加载提示功能
- 根据签名顺序跳转到不同页面
- 在个人信息页面添加默认国家代码功能
- 优化个人信息页面的初始化逻辑
---
 .../collectCode/signature/panel/index.vue     | 27 ++++++++++---
 .../signature/personal-Info/index.vue         | 40 +++++++++++++++++--
 2 files changed, 57 insertions(+), 10 deletions(-)

diff --git a/app/pages/collectCode/signature/panel/index.vue b/app/pages/collectCode/signature/panel/index.vue
index eebb638..592af72 100644
--- a/app/pages/collectCode/signature/panel/index.vue
+++ b/app/pages/collectCode/signature/panel/index.vue
@@ -4,6 +4,7 @@ import { showToast } from 'vant';
 import {codeAuthStore} from "~/stores-collect-code/auth/index.js";
 import {signOffline} from "~/api/goods/index.js";
 import {useI18n} from "vue-i18n";
+import {showLoadingToast} from 'vant'
 const {t} = useI18n();
 const {formData,number,qrData}=codeAuthStore()
 const signaturePad = ref(null);
@@ -31,15 +32,29 @@ const clearSignature = () => {
 };
 
 const confirm=async ()=>{
-  const res=await signOffline({
-    auctionArtworkUuid:qrData.value.auctionArtworkUuid,
-    userInfo:formData.value,
-    signOrder:Number(number.value),
-    signImgFileData:imgUrl.value,
+const toast=  showLoadingToast({
+    message:t('collectCode.signature.loading'),
+    forbidClick:true,
   })
+  try {
+    const res=await signOffline({
+      auctionArtworkUuid:qrData.value.auctionArtworkUuid,
+      userInfo:formData.value,
+      signOrder:Number(number.value),
+      signImgFileData:imgUrl.value,
+    })
+
   if (res.status===0){
-    router.push('/collectCode/signature/result')
+    if(Number(number.value)===1){
+      router.push('/collectCode/signature/result')
+    }else if(Number(number.value)===2){
+      router.push('/collectCode/payment')
+    }
+    toast.close() 
   }
+} catch (error) {
+  toast.close()
+}
 }
 </script>
 
diff --git a/app/pages/collectCode/signature/personal-Info/index.vue b/app/pages/collectCode/signature/personal-Info/index.vue
index ce98949..60a838c 100644
--- a/app/pages/collectCode/signature/personal-Info/index.vue
+++ b/app/pages/collectCode/signature/personal-Info/index.vue
@@ -4,6 +4,7 @@ import XVanSelect from '@/components/x-van-select/index.vue'
 import XVanDate from '@/components/x-van-date/index.vue'
 import {codeAuthStore} from "@/stores-collect-code/auth/index.js";
 import {message} from "@/components/x-message/useMessage.js";
+import countryCode from '@/pages/countryRegion/data/index.js'
 import {fddInfo, offlineQrcode} from "~/api-collect-code/goods/index.js";
 import {signOffline} from "~/api/goods/index.js";
 const {formData,number,auctionArtworkUuid,qrUid,qrData}=codeAuthStore()
@@ -12,7 +13,7 @@ definePageMeta({
   i18n: 'menu.profile',
 })
 
-const {t} = useI18n()
+const {t,locale} = useI18n()
 const router = useRouter()
 const route = useRoute()
 const columns = ref([
@@ -24,6 +25,33 @@ const columns1 = ref([
   {text: t('realAuth.passport'), value: 2},
   {text: t('realAuth.other'), value: 3},
 ])
+const getDefaultCountry = () => {
+  let defaultCode = 'CN' // 默认中国大陆
+  switch (locale.value) {
+    case 'zh-CN':
+      defaultCode = 'CN'
+      break
+    case 'zh-TW':
+      defaultCode = 'TW'
+      break
+    case 'ja-JP':
+      defaultCode = 'JP'
+      break
+    case 'en-US':
+      defaultCode = 'US'
+      break
+  }
+
+  const country = countryCode.find(c => c.code === defaultCode)
+  return {
+    zone: country.zone,
+    name: locale.value === 'zh-CN' ? country.cn :
+      locale.value === 'zh-TW' ? country.tw :
+        locale.value === 'ja-JP' ? country.ja :
+          country.en
+  }
+}
+
 const goCountryRegion=()=>{
   router.push({
     path:'/countryRegion'
@@ -64,11 +92,14 @@ const initData= async ()=>{
       router.replace('/collectCode/payment')
     }
   }
-
+  if(!formData.value.countryCode){
+    console.log('formData.value.countryCode',!!formData.value.countryCode)
+    const defaultCountry = getDefaultCountry()
+    console.log('defaultCountry',defaultCountry)
+    formData.value.countryCode= defaultCountry.zone
+  }
   if (route.query.zone){
     formData.value.countryCode=route.query.zone
-  }else {
-    formData.value.countryCode='86'
   }
 }
 const nextClick=async ()=>{
@@ -110,6 +141,7 @@ const nextClick=async ()=>{
     router.push('/collectCode/signature/protocol')
   }
 }
+
 initData()
 </script>
 

From 70602bd0772c85343697a3a36f1e8cdccbdb49c9 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 15:00:15 +0800
Subject: [PATCH 20/27] =?UTF-8?q?refactor(app):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=89=BA=E6=9C=AF=E5=93=81=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=B9=B6=E4=BF=AE=E5=A4=8D=E7=9B=B8=E5=85=B3=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了 itemDetail 组件中的 console.log 语句
- 在 artDetail 页面中添加了 floating2 组件以改进浮动元素的实现
- 优化了 itemDetail 组件中价格规则图片的显示，添加了图片处理参数
- 移除了 collectCode/payment 组件中的冗余空行
---
 app/components/itemDetail/index.vue     |  4 +---
 app/pages/artDetail/index.vue           | 18 ++----------------
 app/pages/collectCode/payment/index.vue |  2 --
 3 files changed, 3 insertions(+), 21 deletions(-)

diff --git a/app/components/itemDetail/index.vue b/app/components/itemDetail/index.vue
index 6ae6696..a7836ec 100644
--- a/app/components/itemDetail/index.vue
+++ b/app/components/itemDetail/index.vue
@@ -22,8 +22,6 @@ const filteredPriceRules = computed(() => {
     return props.detailInfo.priceRules.slice(0, emptyIndex)
   }
 })
-console.log('detailInfo',props.detailInfo);
-
 </script>
 
 <template>
@@ -63,7 +61,7 @@ console.log('detailInfo',props.detailInfo);
   <div class="px-[16px] bg-#fff pt-12px pb-18px">
     <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
     <div v-if="detailInfo?.priceRuleType!=='diy'">
-      <xImage :src="detailInfo?.priceRuleImage" alt=""/>
+      <xImage :src="detailInfo?.priceRuleImage+'?x-oss-process=image/resize,w_580,h_580/format,webp/quality,q_80'" alt=""/>
     </div>
     <div v-else class="mt-20px">
       <div class="flex text-#575757 text-12px">
diff --git a/app/pages/artDetail/index.vue b/app/pages/artDetail/index.vue
index 7039a28..23723d5 100644
--- a/app/pages/artDetail/index.vue
+++ b/app/pages/artDetail/index.vue
@@ -3,6 +3,7 @@ import itemDetail from '@/components/itemDetail/index.vue'
 import {userArtwork} from "~/api/goods/index.js";
 import {useRouter} from "#vue-router";
 import {authStore} from "~/stores/auth/index.js";
+
 definePageMeta({
   i18n: 'detail.text8'
 })
@@ -87,22 +88,7 @@ initData()
         <span class="text-#fff text-14px">{{ $t('art_detail_page.button') }} {{detail.leftCurrency}}{{formatThousands(detail.leftPrice)}}</span>
       </van-button>
     </div>
-    <div
-        class="w-108px h-137px absolute cursor-move"
-        :style="{
-        left: position.x + 'px',
-        top: position.y + 'px'
-      }"
-        @mousedown="startDrag"
-        @touchstart.prevent="startDrag"
-    >
-      <img src="@/static/images/zd5530@2x.png" class="w-full h-full" alt="">
-      <div
-          class="flex flex-col items-center absolute bottom-25px text-14px text-#B58047 left-1/2 transform translate-x--1/2 whitespace-nowrap shrink-0">
-        <div>{{ $t('art_detail_page.prompt_title')}}</div>
-        <div>{{ $t('art_detail_page.prompt_desc')}}</div>
-      </div>
-    </div>
+
   </div>
 </template>
 
diff --git a/app/pages/collectCode/payment/index.vue b/app/pages/collectCode/payment/index.vue
index 7330b1a..4e5e180 100644
--- a/app/pages/collectCode/payment/index.vue
+++ b/app/pages/collectCode/payment/index.vue
@@ -51,8 +51,6 @@ const confirmPay = async () => {
         stripeKey:res.data.checkoutSessionUrl
       }
     })
-
-  
   }
 }
 

From 1e9dd9bb3e9e2bf1d89009320e21b1c10a48daec Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 16:38:02 +0800
Subject: [PATCH 21/27] =?UTF-8?q?feat(i18n):=20=E4=BC=98=E5=8C=96=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96=E6=96=87=E6=A1=88=E5=B9=B6=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=96=B0=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在英文、日文、简体中文和繁体中文的国际化文件中添加了新的文本项
- 优化了现有文本的表述，使其更加准确和自然
- 在多个组件中使用了新添加的国际化文本
---
 app/components/itemDetail/index.vue    | 70 ++++++++++++++++++++++++--
 app/pages/artDetail/index.vue          | 47 ++---------------
 app/pages/liveRoom/index.client.vue    |  2 +-
 app/pages/payment/result/index.vue     |  2 +-
 app/pages/signature/panel/index.vue    |  2 +-
 app/pages/signature/protocol/index.vue | 13 +++--
 i18n/locales/en-US.json                |  8 +--
 i18n/locales/ja-JP.json                |  8 +--
 i18n/locales/zh-CN.json                |  4 +-
 i18n/locales/zh-TW.json                |  4 +-
 10 files changed, 96 insertions(+), 64 deletions(-)

diff --git a/app/components/itemDetail/index.vue b/app/components/itemDetail/index.vue
index a7836ec..2dec729 100644
--- a/app/components/itemDetail/index.vue
+++ b/app/components/itemDetail/index.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { showImagePreview } from 'vant';
-
+import {authStore} from "@/stores/auth/index.js";
+const {userInfo}= authStore()
 import xImage from '@/components/x-image/index.vue'
 const props = defineProps({
   detailInfo: {
@@ -22,10 +23,52 @@ const filteredPriceRules = computed(() => {
     return props.detailInfo.priceRules.slice(0, emptyIndex)
   }
 })
+const position = ref({x: window?.innerWidth - 200 || 0, y: 240})
+const startPosition = ref({x: 0, y: 0})
+const isDragging = ref(false)
+
+const startDrag = (e) => {
+  isDragging.value = true
+  const clientX = e.touches ? e.touches[0].clientX : e.clientX
+  const clientY = e.touches ? e.touches[0].clientY : e.clientY
+  startPosition.value = {
+    x: clientX - position.value.x,
+    y: clientY - position.value.y
+  }
+}
+
+const onDrag = (e) => {
+  if (isDragging.value) {
+    const clientX = e.touches ? e.touches[0].clientX : e.clientX
+    const clientY = e.touches ? e.touches[0].clientY : e.clientY
+
+    const maxX = window.innerWidth - 108
+    const maxY = window.innerHeight - 137
+
+    const x = Math.min(Math.max(0, clientX - startPosition.value.x), maxX)
+    const y = Math.min(Math.max(0, clientY - startPosition.value.y), maxY)
+    position.value = {x, y}
+  }
+}
+const stopDrag = () => {
+  isDragging.value = false
+}
+onMounted(() => {
+  document.addEventListener('mousemove', onDrag)
+  document.addEventListener('mouseup', stopDrag)
+  document.addEventListener('touchmove', onDrag)
+  document.addEventListener('touchend', stopDrag)
+})
+onUnmounted(() => {
+  document.removeEventListener('mousemove', onDrag)
+  document.removeEventListener('mouseup', stopDrag)
+  document.removeEventListener('touchmove', onDrag)
+  document.removeEventListener('touchend', stopDrag)
+})
 </script>
 
 <template>
-<div>
+<div class="relative">
   <div class="flex justify-center">
     <xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
   </div>
@@ -55,7 +98,7 @@ const filteredPriceRules = computed(() => {
     <div class="text-#575757 text-14px font-bold">{{detailInfo?.startPriceCurrency}} {{detailInfo?.startPrice}}</div>
   </div>
   <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px" v-if="detailInfo?.soldPrice">
-    <div class="text-[#B58047] text-[14px]">成交价：</div>
+    <div class="text-[#B58047] text-[14px]">{{$t('home.close_price')}}：</div>
     <div class="text-#B58047 text-14px font-bold">{{detailInfo?.soldPriceCurrency}} {{detailInfo?.soldPrice}}</div>
   </div>
   <div class="px-[16px] bg-#fff pt-12px pb-18px">
@@ -65,8 +108,8 @@ const filteredPriceRules = computed(() => {
     </div>
     <div v-else class="mt-20px">
       <div class="flex text-#575757 text-12px">
-        <div class="grow-1 text-center">序号</div>
-        <div class="grow-1 text-center">叫价金额</div>
+        <div class="grow-1 text-center">{{ $t('detail.text11') }}</div>
+        <div class="grow-1 text-center">{{ $t('detail.text10') }}</div>
       </div>
       <div v-for="(item,index) of filteredPriceRules" :key="item.index" class="flex text-#575757 text-12px mt-10px">
         <div class="grow-1 text-center">{{item.index}}</div>
@@ -79,6 +122,23 @@ const filteredPriceRules = computed(() => {
     <div>{{$t('detail.text9')}}:</div>
     <div>{{ detailInfo?.priceRuleAdd }}</div>
   </div>
+  <div
+  v-if="userInfo.ID==detailInfo?.userId"
+        class="w-108px h-137px absolute cursor-move"
+        :style="{
+        left: position.x + 'px',
+        top: position.y + 'px'
+      }"
+        @mousedown="startDrag"
+        @touchstart.prevent="startDrag"
+    >
+      <img src="@/static/images/zd5530@2x.png" class="w-full h-full" alt="">
+      <div
+          class="flex flex-col items-center absolute bottom-25px text-14px text-#B58047 left-1/2 transform translate-x--1/2 whitespace-nowrap shrink-0">
+        <div>{{ $t('art_detail_page.prompt_title')}}</div>
+        <div>{{ $t('art_detail_page.prompt_desc')}}</div>
+      </div>
+    </div>
 </div>
 </template>
 
diff --git a/app/pages/artDetail/index.vue b/app/pages/artDetail/index.vue
index 23723d5..bb17799 100644
--- a/app/pages/artDetail/index.vue
+++ b/app/pages/artDetail/index.vue
@@ -3,7 +3,6 @@ import itemDetail from '@/components/itemDetail/index.vue'
 import {userArtwork} from "~/api/goods/index.js";
 import {useRouter} from "#vue-router";
 import {authStore} from "~/stores/auth/index.js";
-
 definePageMeta({
   i18n: 'detail.text8'
 })
@@ -16,39 +15,12 @@ const initData = async () => {
   const res = await userArtwork({uuid})
   if (res.status === 0) {
     detail.value = res.data
+    detail.value.auctionArtworkInfo.userId=detail.value.userID
+    console.log('detail.value',detail.value)
     }
 }
 const router = useRouter();
-const position = ref({x: window?.innerWidth - 120 || 0, y: 240})
-const startPosition = ref({x: 0, y: 0})
-const isDragging = ref(false)
 
-const startDrag = (e) => {
-  isDragging.value = true
-  const clientX = e.touches ? e.touches[0].clientX : e.clientX
-  const clientY = e.touches ? e.touches[0].clientY : e.clientY
-  startPosition.value = {
-    x: clientX - position.value.x,
-    y: clientY - position.value.y
-  }
-}
-
-const onDrag = (e) => {
-  if (isDragging.value) {
-    const clientX = e.touches ? e.touches[0].clientX : e.clientX
-    const clientY = e.touches ? e.touches[0].clientY : e.clientY
-
-    const maxX = window.innerWidth - 108
-    const maxY = window.innerHeight - 137
-
-    const x = Math.min(Math.max(0, clientX - startPosition.value.x), maxX)
-    const y = Math.min(Math.max(0, clientY - startPosition.value.y), maxY)
-    position.value = {x, y}
-  }
-}
-const stopDrag = () => {
-  isDragging.value = false
-}
 const goPay=()=>{
   payment.value.leftPrice=detail.value.leftPrice
   payment.value.leftCurrency=detail.value.leftCurrency
@@ -61,18 +33,7 @@ const goPay=()=>{
   }
   //router.push('/payment')
 }
-onMounted(() => {
-  document.addEventListener('mousemove', onDrag)
-  document.addEventListener('mouseup', stopDrag)
-  document.addEventListener('touchmove', onDrag)
-  document.addEventListener('touchend', stopDrag)
-})
-onUnmounted(() => {
-  document.removeEventListener('mousemove', onDrag)
-  document.removeEventListener('mouseup', stopDrag)
-  document.removeEventListener('touchmove', onDrag)
-  document.removeEventListener('touchend', stopDrag)
-})
+
 function formatThousands(num) {
 
   return Number(num).toLocaleString();
@@ -88,7 +49,7 @@ initData()
         <span class="text-#fff text-14px">{{ $t('art_detail_page.button') }} {{detail.leftCurrency}}{{formatThousands(detail.leftPrice)}}</span>
       </van-button>
     </div>
-
+  
   </div>
 </template>
 
diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index 535b012..5e59590 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -139,7 +139,7 @@ const tipOpen = () => {
   <div class="relative h-full">
     <div :id="playerId" class="w-full h-full"></div>
     <div v-if="loading1" class="absolute left-1/2 transform translate-x--1/2 top-1/2 translate-y--1/2">
-      <van-loading   type="spinner" >直播加载中...</van-loading>
+      <van-loading   type="spinner" >{{ t('liveRoom.loading') }}...</van-loading>
     </div>
     <transition name="fade">
       <div v-if="fullLive">
diff --git a/app/pages/payment/result/index.vue b/app/pages/payment/result/index.vue
index db87be4..3440eb2 100644
--- a/app/pages/payment/result/index.vue
+++ b/app/pages/payment/result/index.vue
@@ -22,7 +22,7 @@ const queryOrder = async () => {
   }
 
   showLoadingToast({
-    message: '加载中...',
+    message:t('common.loading'),
     forbidClick: true,
   });
 
diff --git a/app/pages/signature/panel/index.vue b/app/pages/signature/panel/index.vue
index b833eb7..45db0ef 100644
--- a/app/pages/signature/panel/index.vue
+++ b/app/pages/signature/panel/index.vue
@@ -23,7 +23,7 @@ const submitSignature = () => {
     return;
   }
   toast.value=showLoadingToast({
-    message: '加载中...',
+    message: $t('common.loading'),
     forbidClick: true,
   });
   const { data } = signaturePad.value?.saveSignature(); // 返回 base64 格式的图片数据
diff --git a/app/pages/signature/protocol/index.vue b/app/pages/signature/protocol/index.vue
index cbbb5a6..718c49a 100644
--- a/app/pages/signature/protocol/index.vue
+++ b/app/pages/signature/protocol/index.vue
@@ -47,7 +47,8 @@ const handleCollapseChange = (name) => {
 }
 
 const goSignature =useThrottleFn(async () => {
-  const res = await signOnline({
+  if(userInfo.value.userExtend.isMainland===1){
+    const res = await signOnline({
     auctionArtworkUuid:payment.value.auctionArtworkUuid
   })
   if (res.status===0){
@@ -60,10 +61,12 @@ const goSignature =useThrottleFn(async () => {
     }
   
   }
-  console.log('goSignature')
-  // router.push({
-  //   path: '/signature/panel'
-  // })
+  }else if(userInfo.value.userExtend.isMainland===0){
+    router.push({
+      path: '/signature/panel'
+    })
+  }
+
 },2000) 
 </script>
 
diff --git a/i18n/locales/en-US.json b/i18n/locales/en-US.json
index f4f4173..c0ec6f9 100644
--- a/i18n/locales/en-US.json
+++ b/i18n/locales/en-US.json
@@ -173,7 +173,9 @@
     "text5": "Artwork Introduction",
     "text6": "Starting Price",
     "text7": "Bid History",
-    "text8": "Lot Details"
+    "text8": "Lot Details",
+    "text10": "Call amount",
+    "text11": "Serial number"
   },
   "art_detail_page": {
     "button": "Proceed to payment",
@@ -184,7 +186,7 @@
     "tab1": "Lots List",
     "tab2": "Auction Instructions",
     "lot_detail": "Lot Details",
-    "refresh_show": "Refresh successful",
+    "refresh_show": "Refresh successfully",
     "finished_text": "No more data",
     "start_price": "Starting Price",
     "close_price": "Hammer Price",
@@ -314,7 +316,7 @@
     }
   },
   "liveRoom": {
-    "loading": "Live stream loading...",
+    "loading": "Live broadcast loading...",
     "error": {
       "player": "Player error:",
       "init": "Player initialization failed:",
diff --git a/i18n/locales/ja-JP.json b/i18n/locales/ja-JP.json
index 228837a..a316c82 100644
--- a/i18n/locales/ja-JP.json
+++ b/i18n/locales/ja-JP.json
@@ -173,7 +173,9 @@
     "text5": "作品説明",
     "text6": "開始価格",
     "text7": "入札履歴",
-    "text8": "商品詳細"
+    "text8": "商品詳細",
+    "text10": "呼び出し金額",
+    "text11": "シリアルナンバー"
   },
   "art_detail_page": {
     "button": "支払う",
@@ -184,7 +186,7 @@
     "tab1": "商品一覧",
     "tab2": "オークション説明",
     "lot_detail": "商品詳細",
-    "refresh_show": "更新成功",
+    "refresh_show": "正常にリフレッシュします",
     "finished_text": "これ以上ありません",
     "start_price": "開始価格",
     "close_price": "落札価格",
@@ -314,7 +316,7 @@
     }
   },
   "liveRoom": {
-    "loading": "ライブストリーム読み込み中...",
+    "loading": "ライブブロードキャストの読み込み...",
     "error": {
       "player": "プレーヤーエラー:",
       "init": "プレーヤーの初期化に失敗しました:",
diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index 6e9f690..376c725 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -174,7 +174,9 @@
     "text6": "起拍价",
     "text7": "竞价表",
     "text8": "拍卖品详情",
-    "text9": "固定跳价"
+    "text9": "固定跳价",
+    "text10": "叫价金额",
+    "text11": "序号"
   },
   "art_detail_page": {
     "button": "去支付",
diff --git a/i18n/locales/zh-TW.json b/i18n/locales/zh-TW.json
index bf34b19..5e9694f 100644
--- a/i18n/locales/zh-TW.json
+++ b/i18n/locales/zh-TW.json
@@ -224,7 +224,9 @@
     "text5": "畫作簡介",
     "text6": "起拍價",
     "text7": "競價表",
-    "text8": "拍賣品詳情"
+    "text8": "拍賣品詳情",
+    "text10": "叫價金額",
+    "text11": "序號"
   },
   "art_detail_page": {
     "button": "去支付",

From e0f195bdb16ee5344556c397a36c20bb94569df3 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 17:04:58 +0800
Subject: [PATCH 22/27] =?UTF-8?q?perf(collect-code):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=A6=BB=E7=BA=BF=E7=A0=81=E5=88=9B=E5=BB=BA=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加节流函数，限制创建离线码的操作频率
- 使用 useThrottleFn 函数实现节流效果
- 优化用户交互体验，防止频繁操作导致的问题
---
 app/pages/collectCode/mine/index.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/pages/collectCode/mine/index.vue b/app/pages/collectCode/mine/index.vue
index 4398da2..c2b22ea 100644
--- a/app/pages/collectCode/mine/index.vue
+++ b/app/pages/collectCode/mine/index.vue
@@ -2,8 +2,7 @@
 import { userArtworks } from "@/api/goods/index.js";
 import { codeAuthStore } from "@/stores-collect-code/auth/index.js";
 import { showImagePreview } from 'vant';
-
-
+import { useThrottleFn } from '@vueuse/core'
 import XImage from '@/components/x-image/index.vue'
 import {useRouter} from "#vue-router";
 import {goodStore} from "~/stores-collect-code/goods/index.js";
@@ -11,6 +10,7 @@ import {ref} from "vue";
 import {offlineQrcodeCreate, offlineQrcodeDelete, offlineQrcodeList} from "~/api-collect-code/goods/index.js";
 import codeCard from './components/codeCard/index.vue'
 import {message} from "~/components/x-message/useMessage.js";
+
 definePageMeta({
   layout: 'default',
   i18n: 'menu.profile',
@@ -40,7 +40,7 @@ const createForm=ref({
   lotNo:'',
   price:'',
 })
-const confirm=async ()=>{
+const confirm=useThrottleFn(async ()=>{
   if (!createForm.value.price){
     message.warning(t('collectCode.message.amountRequired'))
     return false
@@ -61,7 +61,7 @@ if (!is25Format(createForm.value.lotNo)){
     show.value=false
     onRefresh()
   }
-}
+},2000)
 const onRefresh = async () => {
   try {
     localState.value.refreshing = true

From b87e8d334609d47f56c48c90b20e3647cee19887 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 17:27:48 +0800
Subject: [PATCH 23/27] =?UTF-8?q?fix(live):=20=E4=BF=AE=E5=A4=8D=E7=A6=BB?=
 =?UTF-8?q?=E5=BC=80=E7=9B=B4=E6=92=AD=E9=97=B4=E6=97=B6=20WebSocket=20?=
 =?UTF-8?q?=E6=9C=AA=E6=96=AD=E5=BC=80=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 liveRoom 组件中添加离开直播间时断开 WebSocket 连接的逻辑
- 在 liveStore 中添加 wsClient ref 以存储 WebSocket 客户端实例
- 更新 getSocketData 方法，使用 wsClient.value 连接 WebSocket
---
 app/pages/liveRoom/index.client.vue | 9 +++++----
 app/stores/live/index.js            | 7 ++++---
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index 5e59590..cca6073 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -15,12 +15,10 @@ import {artworkBuy} from "@/api/goods/index.js"
 import {useI18n} from 'vue-i18n'
 import floating2 from '@/components/floating2/index.vue'
 import { useThrottleFn } from '@vueuse/core'
-
-
 const { t } = useI18n()
 const { auctionDetail,getAuctionDetail} = goodStore();
 const player = ref(null)
-const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
+const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive,wsClient} = liveStore()
 const pullLink = ref('')
 const handlePlayerError = (error) => {
   showConfirmDialog({
@@ -115,7 +113,10 @@ onBeforeUnmount(() => {
   player.value = null
 })
 watch(() => fullLive.value, async (newVal) => {
-  if (!newVal) return
+  if (!newVal) {
+    wsClient.value?.disconnect()
+    return
+  }
 
   await getSocketData()
 
diff --git a/app/stores/live/index.js b/app/stores/live/index.js
index c9b1b52..adab290 100644
--- a/app/stores/live/index.js
+++ b/app/stores/live/index.js
@@ -149,13 +149,13 @@ export const liveStore = createGlobalState(() => {
             ...extraStyle
         }
     })
-
+    const wsClient=ref(null)
     const getSocketData = async () => {
-        const wsClient = new WebSocketClient(
+        wsClient.value = new WebSocketClient(
             config.public.NUXT_PUBLIC_SOCKET_URL,
             token.value
         )
-        const ws = wsClient.connect('/api/v1/m/auction/live', {
+        const ws = wsClient.value.connect('/api/v1/m/auction/live', {
             auctionUuid: auctionDetail.value.uuid,
         })
 
@@ -248,6 +248,7 @@ export const liveStore = createGlobalState(() => {
         }
         }
     return{
+        wsClient,
         fullLive,
         isMinWindow,
         lastSnapshot,

From fae3728f5a14cef6dae4aad6368c06b32c99f81d Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 19:23:52 +0800
Subject: [PATCH 24/27] =?UTF-8?q?refactor(payment):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=94=AF=E4=BB=98=E7=9B=B8=E5=85=B3=E9=A1=B5=E9=9D=A2=E5=92=8C?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改支付页面中的价格显示，使用 leftCnyPrice 替代 leftPrice
- 添加用户编号查询功能，在签名前检查用户是否已存在
- 优化直播室侧边按钮的支付逻辑，使用 leftCnyPrice 替代 leftPrice
- 统一支付结果页面的展示逻辑，根据支付状态显示不同图片
- 修复艺术详情页面中的价格显示问题，使用 leftCnyPrice 替代 leftPrice
- 优化个人资料页面中的支付逻辑，使用 leftCnyPrice 替代 leftPrice
---
 app/api-collect-code/auth/index.js            |   7 +++++
 app/pages/artDetail/index.vue                 |   3 +-
 .../collectCode/payment/result/index.vue      |   3 +-
 .../signature/personal-Info/index.vue         |  12 ++++++--
 .../liveRoom/components/SideButton/index.vue  |   2 +-
 .../components/SideButton/tangPopup.vue       |  29 ++++++++++--------
 app/pages/payment/result/index.vue            |   3 +-
 app/pages/profile/index.vue                   |   4 +--
 app/static/images/zu6021@2x.png               | Bin 0 -> 11031 bytes
 9 files changed, 42 insertions(+), 21 deletions(-)
 create mode 100644 app/static/images/zu6021@2x.png

diff --git a/app/api-collect-code/auth/index.js b/app/api-collect-code/auth/index.js
index 07177d0..ff4ebdf 100644
--- a/app/api-collect-code/auth/index.js
+++ b/app/api-collect-code/auth/index.js
@@ -20,4 +20,11 @@ export async function mobileLogin(data) {
         method: 'POST',
         data
     })
+}
+export async function sessionUserNo(data) {
+    return await request( {
+        url:'/api/v1/auction/sessionUserNo/check',
+        method: 'POST',
+        data
+    })
 }
\ No newline at end of file
diff --git a/app/pages/artDetail/index.vue b/app/pages/artDetail/index.vue
index bb17799..6bd2dff 100644
--- a/app/pages/artDetail/index.vue
+++ b/app/pages/artDetail/index.vue
@@ -16,13 +16,12 @@ const initData = async () => {
   if (res.status === 0) {
     detail.value = res.data
     detail.value.auctionArtworkInfo.userId=detail.value.userID
-    console.log('detail.value',detail.value)
     }
 }
 const router = useRouter();
 
 const goPay=()=>{
-  payment.value.leftPrice=detail.value.leftPrice
+  payment.value.leftPrice=detail.value.leftCnyPrice
   payment.value.leftCurrency=detail.value.leftCurrency
   payment.value.buyUid=detail.value.uuid
   payment.value.auctionArtworkUuid=detail.value?.auctionArtworkUuid
diff --git a/app/pages/collectCode/payment/result/index.vue b/app/pages/collectCode/payment/result/index.vue
index 04cc33e..1703b20 100644
--- a/app/pages/collectCode/payment/result/index.vue
+++ b/app/pages/collectCode/payment/result/index.vue
@@ -27,7 +27,8 @@ const goHome=()=>{
 <template>
   <div class="w-[100vw] h-screen-nav bg-[url('@/static/images/3532@2x.png')] bg-cover grow-1 flex flex-col items-center px-30px">
     <div class="flex flex-col items-center mt-150px">
-      <img class="w-119px h-120px mb-36px" src="@/static/images/5554@2x1.png" alt="">
+      <img v-if="resData.status===1" class="w-119px h-120px mb-36px" src="@/static/images/5554@2x1.png" alt="">
+      <img v-else class="w-119px h-120px mb-36px" src="@/static/images/zu6021@2x.png" alt="">
       <div class="text-#000 text-16px mb-25px">{{statusLabel[resData.status]}}!</div>
       <div class="text-#999 text-16px">{{resData.currency}}{{resData.money}}</div>
     </div>
diff --git a/app/pages/collectCode/signature/personal-Info/index.vue b/app/pages/collectCode/signature/personal-Info/index.vue
index 60a838c..ccaa6dc 100644
--- a/app/pages/collectCode/signature/personal-Info/index.vue
+++ b/app/pages/collectCode/signature/personal-Info/index.vue
@@ -6,6 +6,7 @@ import {codeAuthStore} from "@/stores-collect-code/auth/index.js";
 import {message} from "@/components/x-message/useMessage.js";
 import countryCode from '@/pages/countryRegion/data/index.js'
 import {fddInfo, offlineQrcode} from "~/api-collect-code/goods/index.js";
+import {sessionUserNo} from "@/api-collect-code/auth/index.js";
 import {signOffline} from "~/api/goods/index.js";
 const {formData,number,auctionArtworkUuid,qrUid,qrData}=codeAuthStore()
 definePageMeta({
@@ -93,9 +94,7 @@ const initData= async ()=>{
     }
   }
   if(!formData.value.countryCode){
-    console.log('formData.value.countryCode',!!formData.value.countryCode)
     const defaultCountry = getDefaultCountry()
-    console.log('defaultCountry',defaultCountry)
     formData.value.countryCode= defaultCountry.zone
   }
   if (route.query.zone){
@@ -109,6 +108,15 @@ const nextClick=async ()=>{
       message.warning(t('signature.error.incompleteForm'))
       return
     }
+    const res2=await sessionUserNo({
+      phone:formData.value.phone
+    })
+    if (res2.status===0){
+          if(res2.data.exist){
+            message.warning(`您的号牌是${res2.data.userInfo.auction_user_no}`)
+            return
+          }
+    } 
     //国内签署要用法大大
     if (formData.value.countryCode==='86'&&formData.value.cardType===1){
       const res=await fddInfo({
diff --git a/app/pages/liveRoom/components/SideButton/index.vue b/app/pages/liveRoom/components/SideButton/index.vue
index 8e49d12..7727baa 100644
--- a/app/pages/liveRoom/components/SideButton/index.vue
+++ b/app/pages/liveRoom/components/SideButton/index.vue
@@ -56,7 +56,7 @@ const paySide = computed(() => {
 
 const goPay = () => {
   payment.value.leftCurrency=auctionData.value.needPayBuys?.[0]?.leftCurrency
-  payment.value.leftPrice=auctionData.value.needPayBuys?.[0]?.leftPrice
+  payment.value.leftPrice=auctionData.value.needPayBuys?.[0]?.leftCnyPrice
   payment.value.buyUid=auctionData.value.needPayBuys?.[0]?.uuid
   payment.value.auctionArtworkUuid=auctionData.value.needPayBuys?.[0]?.auctionArtworkUuid
   handleCapture()
diff --git a/app/pages/liveRoom/components/SideButton/tangPopup.vue b/app/pages/liveRoom/components/SideButton/tangPopup.vue
index 3656b0e..827aba0 100644
--- a/app/pages/liveRoom/components/SideButton/tangPopup.vue
+++ b/app/pages/liveRoom/components/SideButton/tangPopup.vue
@@ -7,6 +7,7 @@ import {liveStore} from "~/stores/live/index.js";
 import {ref} from "vue";
 const {pageRef,itemList,getArtworkList,  loading: storeLoading,} = goodStore();
 const {auctionData} = liveStore()
+const {t:$t} = useI18n()
 const showDetail=ref(false)
 const localState = ref({
   finished: false,
@@ -71,19 +72,23 @@ watch(()=>{
 watch(()=>props.show,async (newValue)=>{
   if (newValue){
     if(auctionData.value?.artwork?.index>itemList.value?.length+1){
-      const toast = showLoadingToast({
-  message: '加载中...',
-  forbidClick: true,
-});
-      pageRef.value.pageSize=auctionData.value?.artwork?.index-itemList.value?.length
-     await loadMore()
-     
-     pageRef.value.pageSize=5
+      pageRef.value.pageSize = 5;
+      const targetIndex = auctionData.value?.artwork?.index;
+      const currentLength = itemList.value?.length || 0;
+      const needLoadTimes = Math.ceil((targetIndex - currentLength) / pageRef.value.pageSize);
+      
+      for(let i = 0; i < needLoadTimes; i++) {
+        pageRef.value.page++;
+        await getArtworkList();
+      }
+      
+      await nextTick();
+      scrollToCurrentItem();
+    } else {
+      nextTick(()=>{
+        scrollToCurrentItem();
+      });
     }
- nextTick(()=>{
-   scrollToCurrentItem()
-   toast.close()
- })
   }
 })
 </script>
diff --git a/app/pages/payment/result/index.vue b/app/pages/payment/result/index.vue
index 3440eb2..77ac0d8 100644
--- a/app/pages/payment/result/index.vue
+++ b/app/pages/payment/result/index.vue
@@ -78,7 +78,8 @@ const goHome = () => {
   <div
       class="w-[100vw] h-screen-nav bg-[url('@/static/images/3532@2x.png')] bg-cover grow-1 flex flex-col items-center px-30px">
     <div class="flex flex-col items-center mt-150px">
-      <img class="w-119px h-120px mb-36px" src="@/static/images/5554@2x1.png" alt="">
+      <img v-if="resData.status===1" class="w-119px h-120px mb-36px" src="@/static/images/5554@2x1.png" alt="">
+      <img v-else class="w-119px h-120px mb-36px" src="@/static/images/zu6021@2x.png" alt="">
       <div class="text-#000 text-16px mb-25px">{{ statusLabel[resData.status] }}!</div>
       <div class="text-#999 text-16px">{{ resData.currency }}{{ resData.money }}</div>
     </div>
diff --git a/app/pages/profile/index.vue b/app/pages/profile/index.vue
index 20cdfbd..b1a526b 100644
--- a/app/pages/profile/index.vue
+++ b/app/pages/profile/index.vue
@@ -47,7 +47,7 @@ const onRefresh = async () => {
 }
 
 const goPay = (item) => {
-  payment.value.leftPrice=item.leftPrice
+  payment.value.leftPrice=item.leftCnyPrice
   payment.value.leftCurrency=item.leftCurrency
   payment.value.buyUid=item.uuid
  payment.value.auctionArtworkUuid=item?.auctionArtworkUuid
@@ -137,7 +137,7 @@ fetchData()
                     <div>
                       <div class="text-#575757 text-14px line-height-none mb-5px">
                         {{ $t('home.start_price') }}：{{item.auctionArtworkInfo?.startPriceCurrency}} {{item.auctionArtworkInfo?.startPrice}}
-                      </div>
+                      </div> 
                       <div class="text-#B58047 text-14px line-height-none">
                         {{ $t('home.close_price') }}：{{item.baseCurrency}} {{item.baseMoney}}
                       </div>
diff --git a/app/static/images/zu6021@2x.png b/app/static/images/zu6021@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..b08348d838371ae1221bb759c5b91d7b30798a9f
GIT binary patch
literal 11031
zcmbVyRa9I}u<p!YgF^^zgL`lfL4p%pg9mpB8r<F8gF|o~T!Ita8EhaBTtjfX{O94m
zpYyPHuhn~ZRdrQ$RoB-YsiGu<iAI73001!MWF^&J+tt_S5RCl#W+~y2eQkg)YBCal
znn|()0007zlN8tRG(0iz@X^p*@!JqimX=W559HA$0W<rg8C>ZZurweRx1vGuNomC-
zv>V-J140UIwe<~<P~D&GjI||k`a<47P<cb%ynz&tuU&o%YXH(`dY`RXdraPi!{fgl
zxlAUzoVD$BhT}kDKWoJRlD{M3U`tCSSfSBjKk<mo5?bE_KsyMWts;n8|29-czW#*8
zWne^NmKJY)ZxsP-i9rAmjuEKyH%>7TvVXTXDM{B1oNo|8d1AfiW~QWQ?*c<8vjL4+
zYO}iDAgis95M!SPd;M;l{BSaN-hN$q#SRq=gunm>oO9cTdd#!yK)HJcqIUolv}xP?
zFl?r81DseCdTp~YSgGDWr#CoZJ4`7;?}zck&?!N{9=hyYD@oDd{hVPjA*?!&pZjba
z1jwjoyfYJAK|$^6XFt6MIB>w8Am9t#>QK-hz^p#tz*b)FAsYQ&LKBjY2K1+2)dGlU
zny>0)>?_Gr+-F(%7BJ$dL<Wc^$NDF9E17r44!|T;Zr{jvpVqmPN~lBf$zF+Nmuw1g
zv_cU=>XC6i1dKn&ev}a{sywaI#L7*03oifI>o{s*WWQE-Opstr0iHRWb%#vo;0Fk%
z2puz}+oK|YfGFTwUf6Mn=_iS;zei%TIyf~b)3eQa7V1pq%VbM-VEe${JMgUtjHGP9
zoelG&+qCS+-$n@9-11hctWq>BXs(=n9ub6v%kdU=%)New)MY$Gkbb{vXCvhsM&>pe
zra}PD2@be;HO!qUK*UEY@4dnYWljr(#2<I6y}uaEb*hM%K)^0s4hk3=Iy4vuKJfmT
z5mJq4>H)Ol2pDPHIj&5ewUQ_PC7KaUk28%A{Fpc~isg^Ybyc`SwW{>4s*0y*{~QjP
zs|F;AHQ^`aD9ZIO9!Ax1(BlY%2Goye=_H^?c;R(D;FS~`Fnbw7HrWtkq@b}#FDRR}
zaX-zl)qd4kb|E#Lv*2(Lz*t!b0_rcY+MBV&#b@Td&&6l{fPjuv#;gta1hheQBw_<F
zbV|=CwK)qfbh9mONbmp58=dk9PL3#-^)#F}3<O*UP<>aMd!}pGgKXL(V#x40A}~Lq
zBW6j6B`C&V1_p%V;Fw+FOh4~hJj{2VCdKH{O{*Xmg9OAvzDLd!o(kf1U$*$<4C?9Y
zli4@IPE*alAqH#!Yydu&GOBR8$jHdCh>_j#utqo%EQji?anD&!jz>M~3?kssv}cFW
z7y12-?ZM5q46EMmU%)>kPd0+FE6IPSlrmMiJh)T*l02-OoEHf!7ibM_L3!e?(ZlRu
zRMh0!X3i|RUNJgrP6*9A1`(skD)uoQ)-+Mv8ErsN&cGd>>G7|fogJ_0J8*-w)Fi;G
zql`VOiBCr+IKrRcpqQR+XgP8Duny~AUn?@NS2wL~y-rYMgyWQg)*C`oR&GJTZ#8c|
z%WwtR=_X#9cCF75UNz|2-vB)UViAiPMEk#5b5I|<hS>E~Rc96e-72_`rNza?wD^B5
zBhmijH}y})9jfuQY2weDnYTC&^E5u0U(9?Q?$t!>zV(L<nvBvH$}HSESXu2a*BbSp
z@d}lhBf*;TcV&eBWD0Iwfhp{0(i9=xze<fvWuqq)jS9YtPw6)3u%btd%v^WVBTyB#
z4h#&au_eB86Q96#g?`Fe;+<z*pA=IEHq8)yeHvA7d3!7ir*8~Ib>a3~uv$H`A&53d
z#=Q`Jc-xYYkidtEirOiVa!5Z?O2P%#S{88=7iEFROgLGpE8I+SK{g?#I%t)Ti0Da+
zxYIL<O6VEF9wXoC)-pwmp4Lt3F{lmu48Q5+rlj!5w%x*#{zp$#B11$c<KsP9a-MJV
z$9Ter>N3UsK0w<CO}c-z?r!V_7wRqv=^t8PU^=%QU|GJOc<##A(a;zWoi?hOzAArJ
zpvT)^c?_>2;R{mEuyni}K)*^xx5%2hS%In`kFqg&$9ddamqXU6iaC^1<FnWFYU{Y!
z$$6VJ99CFG<>idXy+Q!{Z0<f$F9v%0jY3!=uE$dcD6Hq8W_*%wnB4XO6I`L3&mCq%
zeI3ZEXE``E!RnIYEw|Xo0xs2z^D~X{B~8zE4(<7}%V-!qm?SCbQ&5&33@0Trt)*vR
zh<D-D=4|AZaC*AG+A1h0Sikk>9J>B@FgIK_21~WrUB@g;*T4$m8rsqRSW)@4y)$9r
z=7ksbi|f+CRML@$>fFLk>E52%_o1nE(4;Lj!c(aeM}y6@N<cus({L(JB>Ep%KLJxr
zRaI4)`j<t_#Z!PK32qmi-0XIj_svEX%Cgrg<HYy_qGTspQzJcI-4Jpb>G$ON@yzoB
zxI)9<Qrvy(aBkA`Px?ytt|icr93Xal#mRhOVWBONDdkH&;<1w>nQ4`H5^Xo?)yHP&
zI-5~aYEPij>4;;+0uG#t3T81ho@b^?s%)+GTqx@PAiA#-zZ_ie!X>Flh@X%AZ``6@
z=k}_%GMjqEnoMwu$TYpAxcGLSzht(m(+JpJp833?#I;Vw?GaQuoS!uQh#k>;WSh5S
zMoRidlzkfk-;`}r3L(o*N=gb2x=l_}6_XUDrKe{$pw=>(HP6gdCtyt>_AdYY5rZ$u
z$>Rowm-blCE4T23RPy=T5#YCf!lWY~368KM$Y>BxkqQJ<fcEwEInXCtmr3Ltn^-go
z7HHQR3eWGis=I4j7#fkzIKJoE^IP`ULGXsWbNr3F*T6t0-}v_%Z$o3H^mjF^G}0B1
z%xtELR3;?ug!Jd=s3-@(c|BTH>;CksC*EirwrX~|%0GV^@gyrQ_ncEord^-6zrK~Q
z6hFxlU>~>O<89XcOqrcrbJrBW4VQirF}8%plJdu;(H^kzlCzBcT~0|!p|f#)Po<ZY
zIz`C&6~Nd|A1&?&;p;s7_G>aNJIYa8%TJlK_l!-nmNQ@A9mDzzKa+CtQOgHVnjI;h
zUF(1y-%EMvUX|8SiSNVplU!_EnVE;hZrMn$H-vF@;it||=j_M$ox5bR4JN~^wsU`R
zF43RI5e`PfyJnAr>TSe>%DqXk9{GbNFl9;dx9+<?Unh2rX5K|@(MBgMKn-1gGqen*
zi%-R1WXQe>TmF_jrMJ(Rog<ni=Q*KDE$Jy@p>$7fC^s9Qi_8Oyii*13CVWZTX=?ML
z-S~k(jwDaN7f*+Zj&Ja7yqAcP23j>|qRaRD6Oi(u1JaKd$H4cVI6M1;!f*mYpN3d+
z?9F+pVs;wWP>wx^FFO;Hb-8G4#O!#eGh{U!z*JcaycX}W>*~1qfj^W~^|*)Hy0rC?
z*7RoZkHz~lWzSoQDxfk{JwDk-Vb+rxO|(p1iDM{FK}jj^7(KUy57`i{;8-WyKXBiH
z&T{oukgsywVG~6n*AA(JlaJvEulWM8y>oR$i%YNtTTYxGm;$cbuG>1vK)#P9P%6Ka
znjRY)>&GS+awWwz=-W1pc_JVtzLPIg%8h$4>9jFn&g6P=e3NWwAtoH^_4&HL3^9Dr
z{!`Mt_UIl$Xg5gulSf0UnPvEFJv3Tu(_eAQ24mUUq7--iE9E_%G0t_O<c*@ybazdl
zFIrz{P1pd*4%FsDT*u)Q<9&NlESrH1vq6`mAa0ld(5gUD=)$S**gDHbkO;}gaYr>P
zH68tY^|Rd18axzSF0$8T;CK+b{Ip(HW44-@$}bJ-szH2<OvW*4=Xujc?Bic(MIo8b
z>hio0v#%(2VHrO(V;?mkx1=vT6Ks8-!(uS1m6iE|1nxX9$+||%wBa(%%QXBUEjQ90
zCU$X)R6SmBOrzF{+mYB3Z{jjbo`>kfM!ju&qyVjY^tBn&`5uy?iJKheF-87@FTOtM
zy6utZ&CNP7{vEZiU!H}ATl&>rN;qTBB<)g;4Y>fE3M#A)w7@QPBbL~+Hm5#dHD5@c
z7ovP40Vd#<U(nUL(4enRk8aQ${<(4^dXHD<f}vVP&zm>mLUZ{_VA_G)z%5nNmey_}
zoK3|)Xr_ebRzQ2*l_s0c+uG^&!q<!SXbER|<aA5sgSA6Z)#0a5iAM0U$6a>uAI0>~
z#`q9-^W&Vz>_?zH)bAS)?LB75(CWnp3ELy^VQCy|)on7)e6A-(41KUMsGlE<buWBH
z(J6yT(4J_2wzF4sSh7-TQQQwm1;xN!s+)ZKR6IQNC*St4fhu@ZjgnZ#evu+1QKV(A
zB@#6Q0&fn|e{L0Qx0}V=Ld6o;|NKNl*9vkf3C`F+`7ERI7c8YM3bSmi3o9|+TaR}F
z)Bh_S;2HFQ9!NuTKcl}ftFw;-TBa@M#H74BziWVq5~M_7xH)EPa=Br0jO1+fvP22L
z{+0q{w;sg@Hkn{+?TTGNFx@ZQt?e+$hC8BWpU`kT!oH+oG&1rkI^TU=AJNL<^#?#M
z)cf~%k+0SDmBPB9TXFw7<J9V!K*ra(B=RKex-LOB;a8d53uOvpOrugGt&~9MpK3;)
z5Fzg~f7H>B!?=n4+`bH`(Nlm$*EZ)qmXsX#josK%uK8HI4z4{TYZ_~Fytoh16LO-J
zJG!4OHUy;q#r##ETwcl0Jy0`RKmGGeMf<*7JiwlHvm+&Et?<|1gdDzuwG~!7b#Yp|
zP4iK_>?=8*;G}RN)~h{PW&YPyw2Ms@)Sm=Id`;n&edR6)jM>+AdKT5}0NmQDBOU@1
zJNHixLp;3s=&)YN0DQLiK)c$h-*sWXh&71vByCpuUH`UI)b+IpNuWIuW7I1p2#0Xk
zg6LvYI?;a}0JK*$Cr&A-u1$_}Fv5p<Tc2KaFFj@)ox7liQYT8^*$}N$qOrmf$Tqyl
zeu9~t30K=b{#9k2lEnA$R$Lpwvf5Y(R1cyjk&OJPxjt7)3X|u)qyXWH)_EEx2dte6
z9(<l~>-rNoh`Y6g`CYIhREqkC?Tz5}4e~X|8yJgJ0DiYOZiE(akNmsPDxxV2U>=Zz
zlUy%iRZc03AYDlj{OWl!yN{V~<gk>lpPh+rXIgV&hO<Bs@VL*z<JO-F_i_SFpqXAW
zQ{E$As7Ol4Av+*+Ahci;P4-s9TD+Kk=F2j0)QgiY-btrrkhr2fv6_~}pAV=`)=k7E
zA3vH~x48ztwh)CEKI@#o#XPaZSS){n%A-+hWAcyfCOQCbZ*i!RB?Ihr+(l^ddVWaT
zqJBWP+X^m+H)l=pA4)?TUIX)Mwd3-=$j>C<EM_dzv(ys<UOjD`=0LqE1!~q>X?Z-%
zYh8=!Ncn{>7$|0nm{GDxz|o1?yVZp?F>Yl`^_gAuo~n~c_*FC>+n;&>(v#_#AJLP7
zqsCkYmNcDJ#+*B3>c<?JLEZ!JF9QU~Ap*t3K<Jk{@@re@EtJLlM3`2umipe2lh)j3
zPvJlo+8Gc0tr<q%OiE{BF%&^L5wAwh`Vp6VjDJXkTXo?u-bPe{3W8%yn$C{A4=fwy
zdKCL%-M)U7PYU~0y5m2bvE30#tRoWGwARy^%()uUx+Zrfj3f;PBff?7qNT^9%zQgS
zQ7m5!sCr`jCW*I-gD+r5TSy6O_{(3ndxoY?LEKLfSv<P#GGyD$s^7*<MGOXW41r0t
z#{s;m=#2-2)yyMm%q7qE>6HSnYkjuL$4}VOkr08|5`+8q*Eu7%nK%_faE^FDy&Y;=
zw@-f^bY13g=Ob9HTt+vPrS4D$I{rx6q+dK4ymuuVQ9o?r!u?j0!JY0)0jUm{13Hfw
z&4iu5dsgp)hQ5m0aJ6(F8=Jk9Y!{y^WO&ANEDZ`5vvYrSc0Yt@D-h5C*Vr}>Tf*vr
z5Ex^>$PtVwNe4LEq7A49qjqI@ZKzb!sjQD!hzj9Ju8Kvd;K<UMj>JzW`XB#8RzVVy
zkc8wD1tynO+TNuaTPvkh8UGcKCx1p`(SJsY$YR$StRqMi_b+@GtVvnC5Nr3opkege
z5=Z3iuP=BvA@$72ULW2u_*R(AhvbWi(SaB!$tNg*t&@>9BD8#ANntR;-%9Ta-}+!v
zKfuN;R+vMy4V0Y^ZR+>s`6$+|<)XbZX;)Vz_Xh*!nlG`rH)C6K{$ZrHqB;i#*dXd`
zMXib*V=_cFLoiBqnx;s`IH9u`V~GoZBY5Wr?`XBKCj&*N_GHCa7b+GUClrvKDbQcJ
zql|c!H^CX<O7USRG3E)ksoPyd$EEV<leDZ3`r)_W-_+VccBlLHU*;;o917wTMC|pa
zb>s*$-x<H{pG_cH*NV;>HwH{s%L$SmNk4_1Xk}GFvek-1a^R3&Ru*Ili%0c&*bOm<
z77{mR@c@sMOw)20|7uVl-;*<Q$@aHVZfLk#xKt%jDnSubS7Ol-$2fFMCMZHw>94#4
zS1+{Rt~==-L)C3R8K3P8BQt7J@WcQ+Y$hd3D<2t0oR8NE^>fe10Q=7?_-sx(_Fono
z2^3isXnMzMgE;^g50Ft)CTq`nT@FOpJT?6e5{LvB$7~Lqqk;!6mwK)1*-Ru1A^EsK
zalY7IRNlY<UBv&xk500D-V<T9g)58MHnj-#o?rbq1Ep^y6d{{0;E@<kJnj>ueSYrH
zM`>*l&v8{P%f#5~aX$VGT})%XZ-M~LY}O}AuEanwF@D4ibm#*7qxO`*5!xoV+4dF5
zVP$+bT2KXob9*QQ1}b7q7(mXNN?Ymo4f=9+t{tneUPTXe5G5w1Lz9ox2N1B9TCA0K
z=hyg44wYViMcbVDP~Kk~mA*Ey-Uu+q$WPj<(n@-Jn(IOC>LbNcw1m>Xo6;dNJG3~{
zgup%&Ds2m_g7#XMvH%V}qockoF)_$A5%9A#>q5==Q&vDFA`b`{81R5&jImwrXYL>v
z987|Kddb3yjtIgHWVkgg)*Kvk3Ir#Oe1>dtfe^<_+Ed%c%@z6r{v*T+3bHc^03*H+
z34mmW2M{<Q{?~!=zwB^tfI)qjKiEXqLvWmgK~Sjy_h-n+u6urHaDa>$^aINX!FiDw
zU=#P%jPF5>PSiL6MA!i1D}o1pH8D1jZ4LbTWq|1acU1Q&o=gS{v_lbP_>TuT#~enQ
zF=Ly^*~ng6CTrfl35nRLiP$F$)_U5;A;Bx@Ys7J5d6nBCbm@n)QgPIup8VgzaHXWE
zwk;M6TmjTo?9=$T{$~`mXyY<xR3Ja(RW@XmZ0=E_xJR8BUq_$l_P;a%$H-p=6(Yeu
zb9D>G?ER&)$Gj0}PqmzpGvD=~HynV9)M>)ISqC<>djd~%s=Y1P%W!$9#1Pdz!9wwO
zc!f153=w7cGIU-+cJeB-^y)1wZ%SM~3`EYNosApY^rwNp)RW`zn{xzpG-+0{?c`Fu
z%78(2)w4udHFQmUmhbSADEdxSrS{AX6C@$jBHm|8gR@r9ywuP62@qs=?`G~Rg%1^N
zz;JtDeo8jmlMt^<t{&c|!CjL}nEaDSJ+jLcl3;sSZ@;)&4l~@+J2R~*bDsqPzto@1
zY>%pPNQE4l^PV4r8``G#V!kXj8f~5vlJ<7iSL{pdXKBz$bg(2(i#&PNCln%yiSx0Q
z0~y>k@;!%EUuiZGpPRBV@qk70h$0EPgdUs;48aBoiX!_Rc~4~F&yK;Il*Flh;vrCN
zIx6~Y<Ps7Ir3A%0BCGQEan;1N!7nT;a){$6eKX$AI*84fgb4y41Cpy97WDn~^WD?3
zYI?M5MFK<|9e|Cf<&%0%Jh(#f$B}#p!iQ09GcmX{&h=r9O6x6lq|E-z{6k;68_f)E
zyC!<E_PN^A(FtOznJa7s58%1%I!<=#CG|3aaWE-bsML*jvRjiCnR<|&;uRf&{9nJ}
z$lT$WxmAi^v`w}Gzv&GCNdw4xLkZ{&f<yt2U3M~)Lh~oJ7t`lFdD)xSUt}|8Db3Pi
z(sPDl5Mh(RIRBiD58iBtEJ{`(8s)jt5Js-IBBe%Pu1MlIQ|gh$3{s5c#15=x@4?w_
zLw_!bju0A$2G8QRX2O<|k%Ks0jPB6fb3=O^7yl^ln1@77&c@uss=qfLo97i>e)De6
z_%^F!LIs!S6wmlglQU=y!1Bj7vWGMWJot<&h5laF5f3Zy<Q?|fQ_5?NiDxdO+71zO
zKk3N)G&z2$4CKTv&X<xf&WlC2YT&GlsfJa45q5CnQyMrEqJo5G&K%7|Q-x-@HtdU9
zfU@j-YE2ii5T57skRzKkdl)6*Gs6%VqcV;0s8-iA#J#8cb7vV7B}==!G(0gv>xtT}
z`QT^>lw|ic7gLY&0sm{Pr_aAdK<evZ#ofptM`&gje$em}GA-=7vmQy)c5u6BSY}la
zOV0o&biY3EQh?aWtP-XgIx7|G;O!Gbln_#`%1=%Ej%0YrzAupOtiZvet!22`<i-Bk
zi<sK+*(gJ}seguYvA|^Xp-xMSX;GVn$i<(l&l^cP_E!Ln-e@P>*(Cj0_)gJYw{Yob
z3R3Ky-Z(^>Y_8$oLqLc3{qKQ9HCvK5wckZQM~lNZ_eU)jEPS89b>*J?G?}QKJJi72
z@#iSBCj-X(5v{IMh&wy1%KLlbXvhF|o|IEMmf}hctO;STMH$!#bG<pM_?Z@bPwltG
zs-mKjT*_>y7ua>DpzroarROMP!)m>!OV92hX(oVr_1bc={m=5JvIpscxz<Fbhh~d8
z_qXs53uRzJ&T{rQ1mhqienp-<qQ=o>o*m%)8SIQlxfvvWA~AEh6+K^Zm+RA;Q0=u2
zJT`0?WFwz{$h`v};a848*>T^Q7#q=^6HlPdC^102ucHNSuNk8LYOu`zS<JI?sjs)q
zK*WGSr#?rw`<@D7WZkd#e2G#qG^i-GB8?jUba{wD$jO0^icYEZiAO2#sg}SP9>hQY
zS2oedNrTaAoag$O0LM(&Mli;J9iQpYl}#d&@(G>FVBtx#rrz%3h0YnyyWhVxXj#={
zc;d$L+G>CI_J~e{5~*_?JQxbiqnt%uQ4nFj@>V0Z_2L;1o!BJSE!N{lzW8fa>o(RC
z4SIaK*~chLwR+z+(NCZ6KKyRs8?&Yr?h;x(-aRw^jj&*Ua`m$c8&sri$R57n86WO?
zWM>pRKl@&;H6mK=Wb7fS&!cJRPNVt}i7q*BCaI7)H^dqNXSP0+ncN?j?>&t9!@I$s
z>>eFmqAQr)XzP^O`J+=8ebtN<+?vTXY9+5kaC-K?$Wk4i%{eUl<7CeceXRMRd8pK=
zzmsY(<1CwF;cKMD^B#7KOJb|pC36qqI;q{iK7Y#cAvfwl8uXX|n0-$6bCJg-q^I$_
zpjnB~awgJ~w&?ZRDL-`<<g#+Wk1>29+s8G^b2qVSfVEh#vHoK$eO!<2>9@8XUUHPa
zFyMBh(;o;h8xXBbv_io$9Rp9{p72<3VwX~PhF@T1kYw5Y8Ee@-zj<hi@lJQ84mXH)
zXgr-W+rB-^R`qH55VHNivrQ<9#-!0-RFrFl_eDglnh9GwWd-9f;$4wfyGb8|8>S-E
zUbzZr1i6roCi7!!pO}|#Rb=e;PE+94zYU<JJ(n4t##uPH^k`x$V(8aB_*Qsf9DC1b
zt<$hTDG+F{{8Z|dfAC|It*=eKX`+b!=Wc;VQ|Wo!)FHN^%dG4~omu6hALTV0{Pe0j
zs{N0U<P=dE6PBN3*)4?|x4!4gD+3Q6MeY@<9NH`oi>4vS1-@K2mvym)PQ!_xDR;#Z
z#lOhzuc1!Ei}+twMX*`CiZRZ<M}%1331_9r41ZjH@Abyc(989GOHqtx-F%%Hi{GO*
z57~9@Lrsyie)#^uibbobZFJoU<pka&U7==9){IYx)%6XOkLsFPU)m;&Hv7s-1p1+2
zW$&KJX5cC!&#$($HLe;KVSn@C_c?{5@XT$6X+{`v^=}+#Ox8~GV8U+i{@uP9VzX*b
zQU$6pHY0J8-7ufF$=)Rac5m5+)cm<EZnbmj-{soSWxmsyMlhk@&mS@})sowlapCLQ
z*J2_PFAMu0-Vx*a#;9}sOfVC^U2xFw(KwVB?a*Ap?;|%bh&Z{)rPcR@Z^(MSBUOu5
zS-9YPUB%&%LwJWy>a2y&Z>oj(jWju41828E3{B6zf1%EllB@a5&i)}LqtQS5H_unf
zv68|uY(@0<J4L3ZF{}D(Km!NfN%HkDT0K}JsdMMDuZ+z<YJ+*UC2FrQC^o$F6EJfg
zet3Y*y<+Xt?+vYoV;ZMe$TnQi@Lr*GHM&Ti^g5ZRs#UWK&p1qkTqT^nQ2lNrKKTcw
z8ijsaQQp*ye=2EfkpICW<4;2}6>Wr_li{5?`_|WR(#fn*JMh=z%wC`<e{Xr>5{*|D
zbP6<?WWV`}66azZiN9pbknGJ_UehH6#X4`tZjD$}SM)C)8|B7|et%pi4-uAY`lN%c
zb#FE~8Fa{bM2#p@VPx-Su|(QK8fSNf&ro+_edZwMUP4nOy%Df){o*t@Ky2X8K%z|h
z#l}Cxm1`)>tUs~3=1~ATWmq<5e3h2?nnxgB6}BObcqeC>brk1Q#3wx0ojii<stzF*
z0u2{J&z*TaJuPuJ7&3b(FEvb<s~337IeZj8ssnI6eQD8<!5rV0fSz45frf=s!8r1^
zXOYHGx}l<B^!Ojlk6x#Ms^@3^<Bap-{;rf~9vvi@PixEJ^-{pnzndk3#l5#Py6w;V
zW{7=*%H4p18QkZUT+2cG*31b)B`aHUVy`zRt{4mO>Ys7{${yXrxYfwz`V%MIn<(^r
z&OKwfLG8g-(hz-7c<urKfHwHwU4W_MXxw?-rx_|sPw#Dy{>0d`F!rp+U_BPd(Yop>
z?aF~pWw$|a62?pR)*F|1NSO;~z=e+Ze|47c8-UAPmzK+qJ74eXHk|h_`nEZmzdn&q
zzyiweueDRoW#mPz)#^e%G_qeMTjhpZ%Ql>3JP6x(9Qmi#x(F=D<<PE}ay0*41NA1>
z`b!_|zz#uINv^VG1hN@Iy$Tyw9=5L|{M_&=_;0WI>9r$<dcKo;?y0*H`)8Nps$MN9
zGmhpI$t@+z<I0^(KT*o%xgKa4h0(4)-zYd)El{+8_M)7ZBHW4ehChk-KYxrM@x?1F
zTdQVDp)q<2QKMwg?-&y<nyW)pyt^w*(i@Sc!p$eB7T?KTUrB{K44<a^Ur2T0lE5)V
z48OhET|D%V;?a0aw<=4v^*>VF&ocki=SD&h@1E{)G3qz}CZ)!#C|@N*_zD@x`^K+2
ztNNji_Y$sq?o=6<YsD@KbjjALcslQj({mIREXrNgr(R1JE#MjBr(`l6zLARdywdrB
zyz~+6J~5US(d`v*+Ie!M{%ViF7xN3nY?q2Cx1%2Kq=doPq0;aCRc{*SB#(;C*Z!0-
zHJKiQ*aLwBiR}K8)>?7&1|G~;euw_XXxtrhp)&SI(tJNOQ8HE^CNHnjA{CrWIvn3V
zp~l8b$EWAbD>ZSd&#0Vswl^k%31{iZP(MG3$Rm3Q&&Ar6UORI%AMTub;;+J=`qBk%
z6L0uw!-u4bhR04BRx&+WR~@96Mm?B^e$;O!vinIMyoG0Mtr)JL<~kk}Fku^M&c@p9
zVxcDJx}Rshuk>4qN-Bfj*t}<m9HJy&FgmvMchwLm%Dutb18p&jK2Vs??RnwzpLQOd
zbj^5)dDjjXSOUW6va3t6LW>B!>=7Jf^?AJhdNjF{yyii$-dRRmm@f*?jhnYN_~yWa
zF`HAl(J>t#b^qxWlF=8e&-X_G8AE{&>+3~Ri&N*wC45z%er4G@YGWn`v-r9NTYO2*
zLjcd^*85KxywGmQN3p$z`J%t@kt};At6)@1wT{Hw=wYbHcb7#{_!4UmZR^7wfjPH`
zaw``95ajUCf#QT;S%8}db~qNFzrR5!5?Hh@BYQKse|I>yLP<WXB=fQDT4uQPjlHM^
zxLs*pp#NK-)9b!HViW5N#Sy=<AQulzAVQBDE;h0FwPkxWa!8vzxNsic-ghI^ejm5X
z`V-6aIqV(Yu+XcF4_om)KPNwb%W_>{zNqxQ!|#!{3u9Of#9lIa4V7)pXSdX{-_7q<
zESjFmB6h=wPu7YJKJzg7Ka;1t9ND-09*HHr@Pg0f6X)4Mx80UKA51tZAATizc<%ru
zvAU$M#CG&*qt0^Tya=_(7lan%1uU9PE~hWbS5Laj5DgtVmqbxW9Pqh}M~3j$Ghdjn
z{F_xzS~XbVH{mUiW|f<`pOoa$XXmUlldM^5d_)EemGG5jk7wI*o!{M#>5m;GFWnaN
zrK{r>HiVe!dT@PlAyu_Nwu9P^670L5Q}d1+D(0)C+*uUyDJbw~#16|2$DgCJsZC^<
z;PsIqk9!oi%XLQ@;fC}Auj=QP#3WdVUr%>shMjxiIxoVNH_O|jRt1$4nm^C!8-v}0
zj_q_g=Xuq*mtqyK8{{a}R}y$!%?D`eW*$bPCshJA(Bu9^)*G^pgNxtW5v?P4CBCnA
z67~(YvZP>g>>)N_U|LmZJE6qhUM9JDA2<9VC5iy`&|~#>$Jmyd(O`7QS9a^fI4TAx
zy1Hv?FLT{dZm3u2tyBH(DE?L|p2v2HF!I`{PY`acrrwIAH>~6_cHJVDu^_Pcim}}!
zRu%ok6OJ!1>-Ihc?t9)ix%!Pb+xtC_j94NWdAi!6O^$56Ce-^b$iZWSbMvZ)$-~nN
zBAo0bj)4CF6ykQNKSSfOlRsb~mKclBa3iYcY}V|(kxu>YlXQBdN50hG(IP77p{YRA
zZv~Cc?!G<t=)H@u0e7UH>7tV>e`s<Xr52n2fq{l!>zl6zT}c<kx}{g4Co@-k+cjc*
z$h4ay7Q%}GzZsUqYTV!+{0~b0*_eyWaQ3pj2=cdPVQ&d+UQD+phmIt!Gu$}G*<zbJ
zdYHyRadu=8{i4So?>bi31>-{Ok-)AbB=PS4d`jY!mP{zLFwe-pv!S8oOh4Si;&0a#
z!RH=L%Q1eC$hDoHH{;0kFu=TKPH$X}o3R$`#%pjB_rm`3Me+kpaid3N-8Yim0J`ia
z=f54kjO;k^$$1p6(i?VbWNAP}J`UrhF)0BX=cy!U8A`qAZDab|9tPa}-fuqd*VzLV
z`MTfx_eGJn^%QM6Rg1=G_QY|PD}sM>vvVBR_*v%Sottd~E)>ob2<>pr94Dot(R(g$
znuxmTShRc-bqUw*Qz{^<KTZYOFL2zu8b)j1ss8(sxU*wU=VeFPbV&GzpQ?jKMI0(!
zuJx=D=c~}thOid^9d#_+;-5wI!h0>h5y>8H_?bV<zA!4~V>My%4?qq{;P3bL4?f_U
zxdeC)mYECO-n~=43Eg^>G9ZtAjVmPY*sD=d8+ZfBzOUc1GGy@~Qop>3jpIix<dr_7
zg>_F>gQ%R+BeSU27+%MQW^B#RDvnzzQeR^%RFAJC=Ev)*Ac%MWO@CrEYR4Q8KlQrQ
zT)X=)tVH9Lf07^9O;YHwO??gi4l_g+_idv)3p?dJ;}x!`J6f379Cnd(i3#`-N<8C1
z|5_W=E0DI%z9dD~l;RmpwMkH0r?P~_)Qov#oS!*0d&iNAXfE7^x?{?;biBcxpS+R(
zQm!;)fHvTctUWNW%Ku}b_SaJmXL&8pVa=w`bd5f{=?e;7`Qw-G*wTBs3IA0OO4g{G
zDB@DKBtVnD>px$F|KJP5mbKeB-QFzX;4FW?!;i@*3JtHjIWbwbsX{A`WugwvnlU%S
zZfY09AlwuAbcW*Z!V}xj_=kJ7mb5$5`v+@dJg~{x0a8a-C3B?OZGuv<B-nGbVkO)B
zDOPgt3o1to7N4$7``*WV%AhJt{#o9+iq?z9Nuj#4-D{h=hCz&0U5_bb9?w@K=joIF
zllb;`lFc)-&J^*n6nErfxpnmlI%DVQ$jwaG{*d;$MRE$(iWecv1dR4*+IFm%i?P@R
z{Kh2_cR24z6-FxjY%p-j0~UWwR4rFP-_%o@-DL>Q9PIea{p5`pbAq@(VVsmct*JiQ
z5lVZmbkP=xY5T6Tq<K{91tOLSm^Yf=Ep653&>M`H;MS`~e<1MFKL{c(@Ire9EOW#A
zb~pH2s!&r;A$^hnXQAwy5J5veFJQpZ{mb(PuCf5eTgq2B^3Xa=@6*x!;=1gcSd<aU
zjX-T!z$3ap_I*O#xNj)$dPs|C2EN&)7<=`JC@m^iENGcca)(=Qn@HtTzPT3hOPgmu
z+Ra+l7SQKuF!U9k^{#O0otCT|e@2_;1$2M{P|(*Kw*kHiF}}c&??!dcAEU$Pu&q3T
z><o|np3CnZkT8FI8lt1Ee>UDnFEsN7TQQ^|<zohPDnV!17ZPO_jhbyzFVa4BEr;9a
zqc{8zAN$x~`v6}HCHid!Nz0gzbmW25IpN%<?-+Arh;J7EK=~+waG{tj6Jgf9rvD2}
nhp^~dxAbufjUNs7*1xJoWG9s8iSPBMD?m<4NwP-5IOzWYlRHk9

literal 0
HcmV?d00001


From 6a060147a2a923d8d2604ea0a239bbffb6f1c16f Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 19:30:29 +0800
Subject: [PATCH 25/27] =?UTF-8?q?fix(payment):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=94=AF=E4=BB=98=E9=A1=B5=E9=9D=A2=E8=B4=A7=E5=B8=81=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将支付页面中的货币符号从动态显示的 payment.leftCurrency 固定为 CNY
- 更新输入框占位符中的货币符号为 CNY
---
 app/pages/payment/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/pages/payment/index.vue b/app/pages/payment/index.vue
index 618afc4..4ab5dde 100644
--- a/app/pages/payment/index.vue
+++ b/app/pages/payment/index.vue
@@ -79,9 +79,9 @@ const handleInput = (e) => {
       <img class="w-126px h-126px" src="@/static/images/dddf34@2x.png" alt="">
     </div>
     <div class="text-#1A1A1A text-16px mb-25px font-bold">{{payStatus===0 ? t('payment.fullPayment') : t('payment.partialPayment')}}</div>
-    <div class="text-#999999 text-16px mb-24px font-bold" v-if="payStatus===0">{{payment.leftCurrency}} {{payment?.leftPrice}}</div>
+    <div class="text-#999999 text-16px mb-24px font-bold" v-if="payStatus===0">CNY {{payment?.leftPrice}}</div>
     <div class="mb-12px" v-else>
-      <input v-model="amount" class="w-272px h-48px bg-#F3F3F3 px-11px text-16px" type="text" :placeholder="`${t('payment.placeholder.amount')}${payment.leftCurrency}${payment?.leftPrice}`"     @input="handleInput">
+      <input v-model="amount" class="w-272px h-48px bg-#F3F3F3 px-11px text-16px" type="text" :placeholder="`${t('payment.placeholder.amount')}CNY${payment?.leftPrice}`"     @input="handleInput">
     </div>
     <div class="text-#2B53AC text-14px" @click="changePayStatus">{{payStatus===1 ? t('payment.fullPayment') : t('payment.partialPayment')}}</div>
     <div class="w-full mt-auto mb-40px">

From 9c66632135709e691909938e8409ccfb4ea7962b Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 7 Mar 2025 19:37:21 +0800
Subject: [PATCH 26/27] =?UTF-8?q?feat(payment):=20=E6=94=AF=E4=BB=98?=
 =?UTF-8?q?=E7=BB=93=E6=9E=9C=E9=A1=B5=E9=9D=A2=E5=A2=9E=E5=8A=A0=E8=BD=AE?=
 =?UTF-8?q?=E8=AF=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加定时器轮询订单状态，每秒查询一次
- 超过5秒未支付成功则停止轮询
- 支付成功时停止轮询并关闭加载提示
- 优化了页面加载逻辑，提升用户体验
---
 .../collectCode/payment/result/index.vue      | 90 ++++++++++++++-----
 1 file changed, 66 insertions(+), 24 deletions(-)

diff --git a/app/pages/collectCode/payment/result/index.vue b/app/pages/collectCode/payment/result/index.vue
index 1703b20..451b330 100644
--- a/app/pages/collectCode/payment/result/index.vue
+++ b/app/pages/collectCode/payment/result/index.vue
@@ -1,45 +1,87 @@
 <script setup>
 import {orderQuery} from "~/api/goods/index.js";
+import { showLoadingToast, closeToast } from 'vant';
+
 definePageMeta({
   i18n: 'payment.text1',
 })
+
 const router = useRouter()
-const {t}=useI18n();
+const {t} = useI18n();
 const route = useRoute();
-const resData=ref({})
-const res=await orderQuery({
-  orderNo:route.query.orderNo
+const resData = ref({})
+let timer = null
+let startTime = Date.now()
+
+const queryOrder = async () => {
+  // 首先检查是否已经超过5秒
+  if (Date.now() - startTime > 5000) {
+    clearInterval(timer)
+    closeToast()
+    return
+  }
+
+  showLoadingToast({
+    message:t('common.loading'),
+    forbidClick: true,
+  });
+
+  try {
+    const res = await orderQuery({
+      orderNo: route.query.orderNo
+    })
+
+    if (res.status === 0) {
+      resData.value = res.data
+
+      // 只在支付成功时停止轮询
+      if (resData.value.status === 1) {
+        clearInterval(timer)
+        closeToast()
+      }
+    }
+  } catch (error) {
+    clearInterval(timer)
+    closeToast()
+  }
+}
+
+// 立即执行一次
+await queryOrder()
+
+// 开始轮询
+timer = setInterval(async () => {
+  await queryOrder()
+}, 1000)
+
+// 组件卸载时清除定时器
+onUnmounted(() => {
+  if (timer) {
+    clearInterval(timer)
+    closeToast()
+  }
 })
-if (res.status===0){
-  resData.value=res.data
-}
-const statusLabel={
-  1:t('payment.text2'),
-  2:t('payment.text3'),
-  3:t('payment.text4'),
-  4:t('payment.text5'),
-}
-const goHome=()=>{
-  router.push('/')
+
+const statusLabel = {
+  1: t('payment.text2'),
+  2: t('payment.text3'),
+  3: t('payment.text4'),
+  4: t('payment.text5'),
 }
+
 </script>
 
 <template>
-  <div class="w-[100vw] h-screen-nav bg-[url('@/static/images/3532@2x.png')] bg-cover grow-1 flex flex-col items-center px-30px">
+  <div
+      class="w-[100vw] h-screen-nav bg-[url('@/static/images/3532@2x.png')] bg-cover grow-1 flex flex-col items-center px-30px">
     <div class="flex flex-col items-center mt-150px">
       <img v-if="resData.status===1" class="w-119px h-120px mb-36px" src="@/static/images/5554@2x1.png" alt="">
       <img v-else class="w-119px h-120px mb-36px" src="@/static/images/zu6021@2x.png" alt="">
-      <div class="text-#000 text-16px mb-25px">{{statusLabel[resData.status]}}!</div>
-      <div class="text-#999 text-16px">{{resData.currency}}{{resData.money}}</div>
+      <div class="text-#000 text-16px mb-25px">{{ statusLabel[resData.status] }}!</div>
+      <div class="text-#999 text-16px">{{ resData.currency }}{{ resData.money }}</div>
     </div>
-<!--    <div class="w-full mt-auto mb-40px">
-      <van-button type="primary" block @click="goHome">
-        回到首页
-      </van-button>
-    </div>-->
   </div>
 </template>
 
 <style scoped>
-
 </style>
\ No newline at end of file

From 825ec8affe837b2aa3fc3d39542d0973a8169093 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 10 Mar 2025 09:16:14 +0800
Subject: [PATCH 27/27] 12

---
 app/pages/liveRoom/index.client.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index cca6073..4a107b2 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -183,7 +183,7 @@ const tipOpen = () => {
         <paymentResults v-model:show="show1" type="error"/>
         <div v-if="auctionData?.wsType==='newArtwork'"
              class="w-344px h-31px rounded-4px absolute top-9px bg-[#151824]/45 backdrop-blur-[10px] backdrop-saturate-[180%] left-1/2 transform translate-x--1/2 flex text-#fff text-14px items-center px-12px line-height-none">
-          <div class="mr-11px whitespace-nowrap">LOT{{ auctionData.artwork.index }}</div>
+          <div class="mr-11px whitespace-nowrap">LOT{{ Number(auctionData.artwork.index+25000) }}</div>
           <div class="mr-10px truncate">{{ auctionData.artwork.name }}</div>
           <div class="whitespace-nowrap">{{ t('live_room.start') }}</div>
         </div>