chore:商品分类模板5 点进商品分类,进入商品列表,红色框的”产品说明书“和”商品详情“俩个功能交换顺序之后,默认显示”商品详情“

This commit is contained in:
2026-09-28 11:33:20 +08:00
parent 535ae732bc
commit b57a457734
2 changed files with 10 additions and 8 deletions

View File

@@ -90,16 +90,17 @@ export default {
}
},
// 跟随 goodsSkuDetail 变化重新决定默认 Tab
// 解决 refreshGoodsSkuDetail 后续合并 pdf_url 时,Tab 已显示但 detailTab 仍为 'html' 的问题
// 默认展示排在前面的「商品详情」, 只有在没有图文详情、仅有说明书(pdf_url)时才默认选中说明书;
// 同时解决 refreshGoodsSkuDetail 后续合并数据时,Tab 已显示但 detailTab 未跟上的问题
goodsSkuDetail: {
deep: true,
immediate: true,
handler(newVal) {
if (!newVal) return;
if (newVal.pdf_url) {
this.detailTab = 'pdf';
} else if (newVal.goods_content) {
if (this.hasHtmlTab) {
this.detailTab = 'html';
} else if (newVal.pdf_url) {
this.detailTab = 'pdf';
}
}
}

View File

@@ -386,14 +386,15 @@
<!-- 商品详情 -->
<view v-if="hasDetailContent" class="goods-detail-tab">
<view class="detail-tab">
<view v-if="goodsSkuDetail.pdf_url" class="tab-item"
:class="{ active: detailTab === 'pdf' }" @click="switchDetailTab('pdf')">
<text class="tab-label">{{ $lang('goods.detail.document') }}</text>
</view>
<!-- 商品详情 在前, 产品说明书(文档详情) 在后 -->
<view v-if="hasHtmlTab" class="tab-item"
:class="{ active: detailTab === 'html' }" @click="switchDetailTab('html')">
<text class="tab-label">{{ $lang('goods.detail.details') }}</text>
</view>
<view v-if="goodsSkuDetail.pdf_url" class="tab-item"
:class="{ active: detailTab === 'pdf' }" @click="switchDetailTab('pdf')">
<text class="tab-label">{{ $lang('goods.detail.document') }}</text>
</view>
</view>
<view class="detail-content active">
<!-- PDF文档 -->