This commit is contained in:
hejin 2025-08-27 22:48:20 +08:00
parent 8a8eb20eb4
commit 8aaa864c49
2 changed files with 22 additions and 18 deletions

View File

@ -18,16 +18,17 @@
</view>
</view>
<view class="module" id="anchor-1">
<view class="module" id="anchor-1" v-if="relatedProducts.length">
{{$t('news.relatedProducts')}}
</view>
<view class="container">
<view class="container" v-if="relatedProducts.length">
<view class="product-list">
<view
class="product-item"
v-for="item in relatedProducts"
:key="item.id"
@click="goRelatedProducts(item)"
>
<image class="cover" :src="item.mainPic" mode="aspectFill"></image>
<view class="text-ellipsis title">
@ -67,6 +68,7 @@
const id = ref('')
const info = ref({})
const productsImages = ref([])
const relatedProducts = ref([])
const getInfo = () => {
prodOrNewsInfoApi(id.value).then(({data:res}) => {
info.value = res.data.busiProdNew
@ -78,6 +80,7 @@
uni.setNavigationBarTitle({
title: res.data.busiProdNew.title
})
relatedProducts.value = res.data.randomList
nextTick(() => {
anchorTop.value.forEach(item => {
const query = uni.createSelectorQuery().in(this);
@ -89,12 +92,11 @@
})
}
const relatedProducts = ref([
{id:123,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
{id:121233,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
{id:122221113,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
{id:121113123,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'}
])
const goRelatedProducts = (row) => {
uni.navigateTo({
url: `/application/product-details?id=${row.id}`
})
}
onPullDownRefresh(async() => {
try {

View File

@ -152,16 +152,17 @@
</uni-forms>
</view>
<view class="module" id="anchor-3">
<view class="module" id="anchor-3" v-if="relatedProducts.length">
{{$t('news.relatedProducts')}}
</view>
<view class="container">
<view class="container" v-if="relatedProducts.length">
<view class="product-list">
<view
class="product-item"
v-for="item in relatedProducts"
:key="item.id"
@click="goRelatedProducts(item)"
>
<image class="cover" :src="item.mainPic" mode="aspectFill"></image>
<view class="text-ellipsis title">
@ -221,6 +222,7 @@
const id = ref('')
const info = ref({})
const productsImages = ref([])
const relatedProducts = ref([])
const getInfo = () => {
prodOrNewsInfoApi(id.value).then(({data:res}) => {
info.value = res.data.busiProdNew
@ -232,6 +234,7 @@
uni.setNavigationBarTitle({
title: res.data.busiProdNew.title
})
relatedProducts.value = res.data.randomList
nextTick(() => {
anchorTop.value.forEach(item => {
const query = uni.createSelectorQuery().in(this);
@ -316,19 +319,18 @@
})
}
const relatedProducts = ref([
{id:123,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
{id:121233,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
{id:122221113,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
{id:121113123,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'}
])
const goOnline = () => {
uni.navigateTo({
url: `/application/online?prodId=${info.value.id}`
})
}
const goRelatedProducts = (row) => {
uni.navigateTo({
url: `/application/product-details?id=${row.id}`
})
}
const previewImg = (index) => {
uni.previewImage({
urls: productsImages.value,