|
|
|
@ -4,25 +4,26 @@ |
|
|
|
|
|
|
|
<view class="swipe"> |
|
|
|
<uv-swiper |
|
|
|
:list="productDetail.image.split(',')" |
|
|
|
v-if="productDetail.picDetail" |
|
|
|
:list="productDetail.picDetail.split(',')" |
|
|
|
indicator |
|
|
|
height="350rpx"></uv-swiper> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info"> |
|
|
|
<view class="title"> |
|
|
|
桌布租赁 |
|
|
|
{{ productDetail.specsName }} |
|
|
|
</view> |
|
|
|
<view class="info-line"> |
|
|
|
<view class="price"> |
|
|
|
￥<text>45.9</text>起 |
|
|
|
单价￥<text>{{ productDetail.price }}</text> |
|
|
|
</view> |
|
|
|
<view class="num"> |
|
|
|
已售1000+ |
|
|
|
<image src="../static/product/like.png" mode=""></image> |
|
|
|
库存{{ productDetail.num }} |
|
|
|
<!-- <image src="../static/product/like.png" mode=""></image> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="tips"> |
|
|
|
<!-- <view class="tips"> |
|
|
|
<view class="tip"> |
|
|
|
专业设备 |
|
|
|
</view> |
|
|
|
@ -32,10 +33,10 @@ |
|
|
|
<view class="tip"> |
|
|
|
质量保证 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-unit"> |
|
|
|
<!-- <view class="info-unit"> |
|
|
|
<uv-cell title="是否有桌布" isLink> |
|
|
|
<template #icon> |
|
|
|
<text class="text">桌布</text> |
|
|
|
@ -53,22 +54,60 @@ |
|
|
|
<text>上门取件·送货上门</text> |
|
|
|
</template> |
|
|
|
</uv-cell> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<!-- <uv-parse :content="productDetail.content"></uv-parse> --> |
|
|
|
|
|
|
|
<view class="content" |
|
|
|
v-if="productDetail.video"> |
|
|
|
<view class="title"> |
|
|
|
商品视频 |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="list-video"> |
|
|
|
<view class="video" |
|
|
|
:key="index" |
|
|
|
v-for="(item, index) in productDetail.video.split(',')"> |
|
|
|
<video :src="item"></video> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="content" |
|
|
|
v-if="productDetail.report"> |
|
|
|
<view class="title"> |
|
|
|
检测报告 |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="" |
|
|
|
style="padding: 0 30rpx;"> |
|
|
|
<uv-album |
|
|
|
:urls="productDetail.report.split(',')"></uv-album> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="content"> |
|
|
|
<view class="content" |
|
|
|
v-if="productDetail.reportVideo"> |
|
|
|
<view class="title"> |
|
|
|
商品详情 |
|
|
|
检测视频 |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="list-video"> |
|
|
|
<view class="video" |
|
|
|
:key="index" |
|
|
|
v-for="(item, index) in productDetail.reportVideo.split(',')"> |
|
|
|
<video :src="item"></video> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<uv-parse :content="productDetail.content"></uv-parse> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 分享和租赁按钮 --> |
|
|
|
<submit |
|
|
|
@submit="$refs.submitUnitSelect.open()" |
|
|
|
@submit="submit" |
|
|
|
@share="share"/> |
|
|
|
|
|
|
|
<!-- 选择规格 --> |
|
|
|
<submitUnitSelect ref="submitUnitSelect"/> |
|
|
|
<!-- <submitUnitSelect ref="submitUnitSelect"/> --> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -83,13 +122,11 @@ |
|
|
|
data() { |
|
|
|
return { |
|
|
|
productDetail : { |
|
|
|
image : 'https://cdn.uviewui.com/uview/swiper/swiper3.png,https://cdn.uviewui.com/uview/swiper/swiper2.png', |
|
|
|
content : '', |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(args) { |
|
|
|
console.log(args); |
|
|
|
this.productDetail = this.$store.state.productDetail |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 分享商品 |
|
|
|
@ -98,7 +135,9 @@ |
|
|
|
}, |
|
|
|
// 选择完成规格立即租赁下单 |
|
|
|
submit(){ |
|
|
|
|
|
|
|
uni.navigateTo({ |
|
|
|
url: `/pages_order/tradingPlatform/nowOrder`, |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -106,6 +145,7 @@ |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.page{ |
|
|
|
padding-bottom: 120rpx; |
|
|
|
.swipe{ |
|
|
|
|
|
|
|
} |
|
|
|
@ -165,5 +205,14 @@ |
|
|
|
padding: 30rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.list-video{ |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
video{ |
|
|
|
width: 750rpx; |
|
|
|
height: 420rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
