Commit e5a127c9 by lijiabin

【需求 20331】 perf: 细节优化

parent 0543e4c9
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
</div> </div>
<Transition name="fadeCommentBox" mode="out-in"> <Transition name="fadeCommentBox" mode="out-in">
<Comment <Comment
v-if="item.showComment" v-show="item.showComment"
:ref="(e) => (commentRefList[index] = e as InstanceType<typeof Comment>)" :ref="(e) => (commentRefList[index] = e as InstanceType<typeof Comment>)"
:id="item.id" :id="item.id"
:total="item.cultureCommentListVo?.childNum || 0" :total="item.cultureCommentListVo?.childNum || 0"
......
...@@ -136,7 +136,7 @@ ...@@ -136,7 +136,7 @@
<div class="flex gap-3 items-center h-100%" style="border-bottom: 1.5px solid #ddd"> <div class="flex gap-3 items-center h-100%" style="border-bottom: 1.5px solid #ddd">
<!-- 左侧内容 --> <!-- 左侧内容 -->
<div class="flex-1"> <div class="flex-1">
<h1 class="font-medium text-gray-900 mb-2 leading-relaxed line-clamp-1 text-lg"> <h1 class="font-medium text-gray-800 mb-2 leading-relaxed line-clamp-1 text-lg">
{{ item.title }} {{ item.title }}
</h1> </h1>
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
class="w-40 h-25 object-cover rounded-lg flex-shrink-0" class="w-40 h-25 object-cover rounded-lg flex-shrink-0"
/> />
<div class="flex-1 mr-4"> <div class="flex-1 mr-4">
<div class="text-gray-600 text-base leading-relaxed line-clamp-3"> <div class="text-gray-500 text-base leading-relaxed line-clamp-3">
{{ item.content }} {{ item.content }}
</div> </div>
</div> </div>
......
...@@ -309,6 +309,7 @@ const onExchangeGoods = async (item: BackendShopItemDto) => { ...@@ -309,6 +309,7 @@ const onExchangeGoods = async (item: BackendShopItemDto) => {
await exchangeGoods(form.value) await exchangeGoods(form.value)
ElMessage.success('兑换成功') ElMessage.success('兑换成功')
yabiStore.fetchYaBiData() yabiStore.fetchYaBiData()
item.stock -= form.value.num
done() done()
} catch (error) { } catch (error) {
console.log(error) console.log(error)
......
<template> <template>
<div class="min-h-screen pb-10 font-sans text-slate-800 flex justify-center px-20"> <div class="min-h-screen pb-10 text-slate-800 flex justify-center px-20">
<div class="w-full space-y-4"> <div class="w-full space-y-4">
<!-- 1. 问题卡片 --> <!-- 1. 问题卡片 -->
<div <div
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment