chore:商品分类模板5 点进商品分类,进入商品列表,红色框的”产品说明书“和”商品详情“俩个功能交换顺序之后,默认显示”商品详情“
This commit is contained in:
@@ -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';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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文档 -->
|
||||
|
||||
Reference in New Issue
Block a user