|
|
@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<view> |
|
|
|
<view class="se-w-vw-100 se-h-500"> |
|
|
|
<u-swiper :radius="0" :list="list" :height="250" :autoplay="false"></u-swiper> |
|
|
|
<u-swiper :radius="0" :list="detail.images" :height="250" :autoplay="false"></u-swiper> |
|
|
|
</view> |
|
|
|
<view class="se-py-20 se-flex se-bgc-white"> |
|
|
|
<view class="se-w-vw-90 se-pl-30"> |
|
|
@ -24,11 +24,51 @@ |
|
|
|
<text>型号:</text> |
|
|
|
<text class="se-ml-10">{{detail.model}}</text> |
|
|
|
</view> |
|
|
|
<template v-if="detail.imageFronts && detail.imageFronts.length>0"> |
|
|
|
<view class="se-mt-20 se-bgc-white se-px-20 se-py-10 se-ta-l se-c-black se-py-20 se-flex se-flex-ai-c se-fs-24"> |
|
|
|
<text>车辆照片(前):</text> |
|
|
|
</view> |
|
|
|
<view class="se-flex se-m-20" style="flex-wrap: wrap;"> |
|
|
|
<image v-for="(items,indexs) in detail.imageFronts" :key="indexs" @click="previewImage(detail.imageBacks,items)" class="se-w-220 se-h-180 se-bgc-f5 se-br-5 se-mr-10 se-mb-10" :src="items" mode=""></image> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<template v-if="detail.imageBacks && detail.imageBacks.length>0"> |
|
|
|
<view class="se-mt-20 se-bgc-white se-px-20 se-py-10 se-ta-l se-c-black se-py-20 se-flex se-flex-ai-c se-fs-24"> |
|
|
|
<text>车辆照片(后):</text> |
|
|
|
</view> |
|
|
|
<view class="se-flex se-m-20" style="flex-wrap: wrap;"> |
|
|
|
<image v-for="(items,indexs) in detail.imageBacks" :key="indexs" @click="previewImage(detail.imageBacks,items)" class="se-w-220 se-h-180 se-bgc-f5 se-br-5 se-mr-10 se-mb-10" :src="items" mode=""></image> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<template v-if="detail.imageLefts && detail.imageLefts.length>0"> |
|
|
|
<view class="se-mt-20 se-bgc-white se-px-20 se-py-10 se-ta-l se-c-black se-py-20 se-flex se-flex-ai-c se-fs-24"> |
|
|
|
<text>车辆照片(左):</text> |
|
|
|
</view> |
|
|
|
<view class="se-flex se-m-20" style="flex-wrap: wrap;"> |
|
|
|
<image v-for="(items,indexs) in detail.imageLefts" :key="indexs" @click="previewImage(detail.imageLefts,items)" class="se-w-220 se-h-180 se-bgc-f5 se-br-5 se-mr-10 se-mb-10" :src="items" mode=""></image> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<template v-if="detail.imageRights && detail.imageRights.length>0"> |
|
|
|
<view class="se-mt-20 se-bgc-white se-px-20 se-py-10 se-ta-l se-c-black se-py-20 se-flex se-flex-ai-c se-fs-24"> |
|
|
|
<text>车辆照片(右):</text> |
|
|
|
</view> |
|
|
|
<view class="se-flex se-m-20" style="flex-wrap: wrap;"> |
|
|
|
<image v-for="(items,indexs) in detail.imageRights" :key="indexs" @click="previewImage(detail.imageRights,items)" class="se-w-220 se-h-180 se-bgc-f5 se-br-5 se-mr-10 se-mb-10" :src="items" mode=""></image> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<template v-if="detail.imageCabs && detail.imageCabs.length>0"> |
|
|
|
<view class="se-mt-20 se-bgc-white se-px-20 se-py-10 se-ta-l se-c-black se-py-20 se-flex se-flex-ai-c se-fs-24"> |
|
|
|
<text>车辆照片(驾驶室):</text> |
|
|
|
</view> |
|
|
|
<view class="se-flex se-m-20" style="flex-wrap: wrap;"> |
|
|
|
<image v-for="(items,indexs) in detail.imageCabs" :key="indexs" @click="previewImage(detail.imageCabs,items)" class="se-w-220 se-h-180 se-bgc-f5 se-br-5 se-mr-10 se-mb-10" :src="items" mode=""></image> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<view class="se-pt-20"> |
|
|
|
<view class="se-p-20 se-c-black se-fs-28"> |
|
|
|
产品参数 |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="se-p-20 se-pb-200"> |
|
|
|
<u-parse :content="detail.detail"></u-parse> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -128,10 +168,56 @@ |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options) { |
|
|
|
//#ifdef MP-WEIXIN |
|
|
|
wx.showShareMenu({ |
|
|
|
withShareTicket: true, |
|
|
|
menus: ['shareAppMessage', 'shareTimeline'] |
|
|
|
}); |
|
|
|
//#endif |
|
|
|
this.id = options.goodsId |
|
|
|
if(options.shareId){ |
|
|
|
uni.setStorageSync('shareId',options.shareId) |
|
|
|
} |
|
|
|
this.onDetail() |
|
|
|
}, |
|
|
|
onShareTimeline(){ |
|
|
|
let share = { |
|
|
|
title:this.detail.goodsName, |
|
|
|
path:"/pages_subpack/detail/index?id="+this.id+"&shareId="+uni.getStorageSync('userInfo').id, |
|
|
|
imageUrl:this.list[0].url, |
|
|
|
success:(res) => { |
|
|
|
console.info(res) |
|
|
|
}, |
|
|
|
fail:(err)=>{ |
|
|
|
console.info(err) |
|
|
|
} |
|
|
|
} |
|
|
|
console.info(share) |
|
|
|
return share |
|
|
|
}, |
|
|
|
onShareAppMessage(options) { |
|
|
|
console.info(options) |
|
|
|
let share = { |
|
|
|
title:this.detail.goodsName, |
|
|
|
path:"/pages_subpack/detail/index?id="+this.id+"&shareId="+uni.getStorageSync('userInfo').id, |
|
|
|
imageUrl:this.list[0].url, |
|
|
|
success:(res) => { |
|
|
|
console.info(res) |
|
|
|
}, |
|
|
|
fail:(err)=>{ |
|
|
|
console.info(err) |
|
|
|
} |
|
|
|
} |
|
|
|
console.info(share) |
|
|
|
return share |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
previewImage(urls, current) { |
|
|
|
uni.previewImage({ |
|
|
|
urls: urls, // 需要预览的图片 HTTP 链接列表 |
|
|
|
current: current // 当前显示图片的链接,不填则默认为 urls 的第一张 |
|
|
|
}); |
|
|
|
}, |
|
|
|
onDetail(){ |
|
|
|
let that = this |
|
|
|
queryGoodsById({goodsId:that.id}).then(response=>{ |
|
|
@ -145,6 +231,37 @@ |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
if(items.image){ |
|
|
|
items.images = items.image.split(',') |
|
|
|
}else{ |
|
|
|
items.images = [] |
|
|
|
} |
|
|
|
if(items.imageBack){ |
|
|
|
items.imageBacks = items.imageBack.split(',') |
|
|
|
}else{ |
|
|
|
items.imageBacks = [] |
|
|
|
} |
|
|
|
|
|
|
|
if(items.imageCab){ |
|
|
|
items.imageCabs = items.imageCab.split(',') |
|
|
|
}else{ |
|
|
|
items.imageCabs = [] |
|
|
|
} |
|
|
|
if(items.imageFront){ |
|
|
|
items.imageFronts = items.imageFront.split(',') |
|
|
|
}else{ |
|
|
|
items.imageFronts = [] |
|
|
|
} |
|
|
|
if(items.imageLeft){ |
|
|
|
items.imageLefts = items.imageLeft.split(',') |
|
|
|
}else{ |
|
|
|
items.imageLefts = [] |
|
|
|
} |
|
|
|
if(items.imageRight){ |
|
|
|
items.imageRights = items.imageRight.split(',') |
|
|
|
}else{ |
|
|
|
items.imageRights = [] |
|
|
|
} |
|
|
|
that.detail = items |
|
|
|
}).catch(error=>{ |
|
|
|
|
|
|
|