dianliang/dl_site_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/application/article-details.vue
View File

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

20
src/application/product-details.vue
View File

@ -152,16 +152,17 @@
</uni-forms> </uni-forms>
</view> </view>
<view class="module" id="anchor-3"> <view class="module" id="anchor-3" v-if="relatedProducts.length">
{{$t('news.relatedProducts')}} {{$t('news.relatedProducts')}}
</view> </view>
<view class="container"> <view class="container" v-if="relatedProducts.length">
<view class="product-list"> <view class="product-list">
<view <view
class="product-item" class="product-item"
v-for="item in relatedProducts" v-for="item in relatedProducts"
:key="item.id" :key="item.id"
@click="goRelatedProducts(item)"
> >
<image class="cover" :src="item.mainPic" mode="aspectFill"></image> <image class="cover" :src="item.mainPic" mode="aspectFill"></image>
<view class="text-ellipsis title"> <view class="text-ellipsis title">
@ -221,6 +222,7 @@
const id = ref('') const id = ref('')
const info = ref({}) const info = ref({})
const productsImages = ref([]) const productsImages = ref([])
const relatedProducts = ref([])
const getInfo = () => { const getInfo = () => {
prodOrNewsInfoApi(id.value).then(({data:res}) => { prodOrNewsInfoApi(id.value).then(({data:res}) => {
info.value = res.data.busiProdNew info.value = res.data.busiProdNew
@ -232,6 +234,7 @@
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: res.data.busiProdNew.title title: res.data.busiProdNew.title
}) })
relatedProducts.value = res.data.randomList
nextTick(() => { nextTick(() => {
anchorTop.value.forEach(item => { anchorTop.value.forEach(item => {
const query = uni.createSelectorQuery().in(this); 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 = () => { const goOnline = () => {
uni.navigateTo({ uni.navigateTo({
url: `/application/online?prodId=${info.value.id}` url: `/application/online?prodId=${info.value.id}`
}) })
} }
const goRelatedProducts = (row) => {
uni.navigateTo({
url: `/application/product-details?id=${row.id}`
})
}
const previewImg = (index) => { const previewImg = (index) => {
uni.previewImage({ uni.previewImage({
urls: productsImages.value, urls: productsImages.value,