|
|
|
@ -65,31 +65,17 @@ |
|
|
|
@couponClick="handleShowCoupon" |
|
|
|
/> |
|
|
|
|
|
|
|
<!-- 发货 --> |
|
|
|
<view class="express-box flex-items flex-row fs24 u-skeleton-fillet"> |
|
|
|
<label class="fs24 font-color-999 mar-right-20 ">{{$t('order.send')}}</label> |
|
|
|
<image |
|
|
|
src="https://ceres.zkthink.com/static/images/mapIcon.png" |
|
|
|
v-if="productData.receive && productData.receive.receiveAdress" |
|
|
|
></image> |
|
|
|
<label |
|
|
|
class="mar-left-10 mapName mar-right-30" |
|
|
|
v-if="productData.receive && productData.receive.receiveAdress" |
|
|
|
>{{ |
|
|
|
productData.receive.receiveAdress |
|
|
|
}}</label> |
|
|
|
<label>{{$t('common.express')}}：¥ {{ productData.logisticsPrice || 0 }}</label> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="prod-descr-title">产品描述</view> |
|
|
|
<view class="prod-descr-content">POÄNG 波昂扶手椅设计经典，舒适耐用，推出40多年来，一直深受大众喜爱。延续了摇椅经典的弯曲造型，舒适的弹性达到全新高度。</view> |
|
|
|
<view class="border-line"/> |
|
|
|
<!-- 选择SKU --> |
|
|
|
<view |
|
|
|
class="fs24 chooseSize-box flex-start" |
|
|
|
@click=" handleShowGoodsSkuSelect(6)" |
|
|
|
> |
|
|
|
@click=" handleShowGoodsSkuSelect(6)"> |
|
|
|
<view class="chooseSize-content flex-items flex-row flex-sp-between u-skeleton-fillet"> |
|
|
|
<view class="flex-row-plus "> |
|
|
|
<label class="fs26 mar-left-30 font-color-999">{{$t('common.choosesimple')}}</label> |
|
|
|
<view class="valueBox mar-left-20 flex-items"> |
|
|
|
<label class="fs28 font-color-252744 fs-bold mar-left-30 font-color-999">{{$t('product.specification')}}</label> |
|
|
|
<view class="fs28 font-color-595B6B mar-left-30 flex-items"> |
|
|
|
<view |
|
|
|
class="mar-right-10" |
|
|
|
v-for="(item, index) of currentSuk" |
|
|
|
@ -100,11 +86,40 @@ |
|
|
|
</view> |
|
|
|
<image |
|
|
|
class="arrow-icon" |
|
|
|
src="https://ceres.zkthink.com/static/img/user/arrow.png" |
|
|
|
src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_shop_forward.png" |
|
|
|
></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="sku-image-box"> |
|
|
|
<!--规格图片遍历处理最大只显示4个--> |
|
|
|
<image class="sku-image" :src="imageUrl"/> |
|
|
|
<image class="sku-image" :src="imageUrl"/> |
|
|
|
<image class="sku-image-select" :src="imageUrl"/> |
|
|
|
<image class="sku-image" :src="imageUrl"/> |
|
|
|
<image class="sku-image-more" @click=" handleShowGoodsSkuSelect(6)" src="https://wechat.hnthee.com/ceres-local-file/image/prod_detail_sku_more.png"/> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="border-line"/> |
|
|
|
|
|
|
|
<!-- 发货 --> |
|
|
|
<view class="express-box flex-items flex-row fs24 u-skeleton-fillet"> |
|
|
|
<label class="fs28 font-color-252744 fs-bold mar-right-20 ">{{$t('order.send')}}</label> |
|
|
|
<!-- <image |
|
|
|
src="https://ceres.zkthink.com/static/images/mapIcon.png" |
|
|
|
v-if="productData.receive && productData.receive.receiveAdress" |
|
|
|
></image>--> |
|
|
|
<label |
|
|
|
class="fs28 font-color-595B6B mar-left-10 mapName mar-right-30" |
|
|
|
v-if="productData.receive && productData.receive.receiveAdress" |
|
|
|
>{{ |
|
|
|
productData.receive.receiveAdress |
|
|
|
}}</label> |
|
|
|
<label class="fs28 font-color-595B6B">{{$t('common.express')}}：¥ {{ productData.logisticsPrice || 0 }}</label> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="border-line-wide"/> |
|
|
|
|
|
|
|
<!--结合销售--> |
|
|
|
<combined-sales |
|
|
|
:pid="productId" |
|
|
|
@ -176,6 +191,7 @@ |
|
|
|
:product-info="productData" |
|
|
|
:comment-list="commentList" |
|
|
|
/> |
|
|
|
|
|
|
|
<!-- 店铺 --> |
|
|
|
<view class="inStore-box flex-items flex-row flex-sp-between u-skeleton-fillet"> |
|
|
|
<view class="flex-display flex-row"> |
|
|
|
@ -188,8 +204,8 @@ |
|
|
|
></image> |
|
|
|
</view> |
|
|
|
<view class="flex-display flex-column mar-left-20"> |
|
|
|
<label @click="handleJumpToStore">{{ productData.shopName }}</label> |
|
|
|
<view class="flex-display flex-row fs24 font-color-999 mar-top-5"> |
|
|
|
<label @click="handleJumpToStore" class="fs32 fs-bold font-color-252744">{{ productData.shopName }}</label> |
|
|
|
<view class="flex-display flex-row fs24 font-color-252744 mar-top-5"> |
|
|
|
<label>{{$t('common.classifynum')}}：{{ productData.classifyNumber }}</label> |
|
|
|
<label class="mar-left-30">{{$t('common.soldnum',{number:productData.number})}}</label> |
|
|
|
</view> |
|
|
|
@ -217,9 +233,12 @@ |
|
|
|
</view> |
|
|
|
<!-- 底部购买 --> |
|
|
|
<view class="buygoods-box"> |
|
|
|
<view |
|
|
|
<!-- <view |
|
|
|
class="buygoodsBut-box flex-row-plus" |
|
|
|
:style="{'height':(isIphone === true? 160:130)+'rpx'}" |
|
|
|
>--> |
|
|
|
<view |
|
|
|
class="buygoodsBut-box flex-row-plus" |
|
|
|
> |
|
|
|
<view class="btns_container"> |
|
|
|
<view |
|
|
|
@ -228,12 +247,12 @@ |
|
|
|
> |
|
|
|
<image |
|
|
|
class="store-icon" |
|
|
|
src="https://ceres.zkthink.com/static/images/storeIcon.png" |
|
|
|
src="https://wechat.hnthee.com/ceres-local-file/image/prod_detail_shop.png" |
|
|
|
></image> |
|
|
|
<label class="fs22">{{$t('common.beautishop')}}</label> |
|
|
|
<label class="fs20 font-color-252744">{{$t('common.beautishop')}}</label> |
|
|
|
</view> |
|
|
|
<!-- #ifdef MP-WEIXIN || APP-PLUS || H5 --> |
|
|
|
<view |
|
|
|
<!-- <view |
|
|
|
class="btns flex-column-plus mar-left-10" |
|
|
|
@click="flyToService" |
|
|
|
> |
|
|
|
@ -242,7 +261,7 @@ |
|
|
|
src="https://ceres.zkthink.com/static/images/service-product-detail.png" |
|
|
|
></image> |
|
|
|
<label class="fs22">{{$t('common.service')}}</label> |
|
|
|
</view> |
|
|
|
</view>--> |
|
|
|
<!-- #endif --> |
|
|
|
<view |
|
|
|
class="btns flex-column-plus mar-left-10 flex-items Cart" |
|
|
|
@ -255,9 +274,9 @@ |
|
|
|
</view> |
|
|
|
<image |
|
|
|
class="store-icon" |
|
|
|
src="https://ceres.zkthink.com/static/images/gouwuche.png" |
|
|
|
src="https://wechat.hnthee.com/ceres-local-file/image/prod_detail_cart.png" |
|
|
|
></image> |
|
|
|
<label class="fs22">{{$t('page.shoppingcart')}}</label> |
|
|
|
<label class="fs20 font-color-252744">{{$t('page.shoppingcart')}}</label> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="btns_container"> |
|
|
|
@ -451,7 +470,8 @@ export default { |
|
|
|
eventType: 1, |
|
|
|
productIds: '', |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
imageUrl: 'http://122.9.152.120/ceres-local-file/file/2023/05/4237d7abe33d45a485a4b81c865e55bb_9344949001256.png' |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
@ -874,7 +894,7 @@ background-color: #F7F7F7; |
|
|
|
|
|
|
|
.arrow-icon { |
|
|
|
width: 16rpx; |
|
|
|
height: 24rpx; |
|
|
|
height: 28rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.goodgDes-box { |
|
|
|
@ -955,7 +975,6 @@ background-color: #F7F7F7; |
|
|
|
|
|
|
|
.express-box { |
|
|
|
height: 100rpx; |
|
|
|
background-color: #FFFFFF; |
|
|
|
padding-left: 30rpx; |
|
|
|
border-top: 12rpx solid #F8F8F8; |
|
|
|
border-bottom: 12rpx solid #F8F8F8; |
|
|
|
@ -988,8 +1007,8 @@ background-color: #F7F7F7; |
|
|
|
|
|
|
|
.chooseSize-box { |
|
|
|
height: 90rpx; |
|
|
|
background-color: #FFFFFF; |
|
|
|
margin: 10rpx 0; |
|
|
|
margin-right: 30rpx; |
|
|
|
|
|
|
|
.chooseSize-content { |
|
|
|
width: 100%; |
|
|
|
@ -1065,26 +1084,25 @@ background-color: #F7F7F7; |
|
|
|
|
|
|
|
.inStore-box { |
|
|
|
background-color: #FFFFFF; |
|
|
|
margin-top: 20rpx; |
|
|
|
padding: 20rpx 30rpx; |
|
|
|
padding: 30rpx 30rpx; |
|
|
|
|
|
|
|
.inStore-logo { |
|
|
|
width: 70rpx; |
|
|
|
height: 70rpx; |
|
|
|
width: 74rpx; |
|
|
|
height: 74rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.inStore-but { |
|
|
|
width: 140rpx; |
|
|
|
height: 60rpx; |
|
|
|
line-height: 60rpx; |
|
|
|
text-align: left; |
|
|
|
width: 155rpx; |
|
|
|
height: 68rpx; |
|
|
|
line-height: 68rpx; |
|
|
|
text-align: center; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #FFEBC4; |
|
|
|
color: #FAFAFA; |
|
|
|
background: #333333; |
|
|
|
padding-left: 20rpx; |
|
|
|
position: relative; |
|
|
|
border-radius: 35rpx; |
|
|
|
|
|
|
|
&:before { |
|
|
|
/* &:before { |
|
|
|
content: ''; |
|
|
|
width: 60rpx; |
|
|
|
height: 60rpx; |
|
|
|
@ -1093,23 +1111,27 @@ background-color: #F7F7F7; |
|
|
|
display: block; |
|
|
|
position: absolute; |
|
|
|
right: 0; |
|
|
|
} |
|
|
|
}*/ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.goodsDetails-box { |
|
|
|
background-color: #FFFFFF; |
|
|
|
margin-top: 20rpx; |
|
|
|
//margin-top: 20rpx; |
|
|
|
padding: 20rpx 30rpx; |
|
|
|
|
|
|
|
.goodsDetails-title { |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 30rpx; |
|
|
|
color: #252744; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 32rpx; |
|
|
|
|
|
|
|
.goodsDetails-Line { |
|
|
|
width: 265rpx; |
|
|
|
border-bottom: 1rpx solid #EDEDED; |
|
|
|
width: 252rpx; |
|
|
|
border-bottom: 1rpx solid #D3D4DE; |
|
|
|
} |
|
|
|
|
|
|
|
.goodsDetails-text { |
|
|
|
@ -1199,10 +1221,13 @@ background-color: #F7F7F7; |
|
|
|
} |
|
|
|
|
|
|
|
.buygoodsBut-box { |
|
|
|
background-color: #FFFFFF; |
|
|
|
width: 750rpx; |
|
|
|
height: 180rpx; |
|
|
|
padding: 20rpx 32rpx; |
|
|
|
box-shadow: 0rpx 0rpx 10rpx 1rpx #EDEDED; |
|
|
|
background-color: #FFFFFF; |
|
|
|
border-top-right-radius: 60rpx; |
|
|
|
border-top-left-radius: 60rpx; |
|
|
|
//box-shadow: 0rpx 0rpx 10rpx 1rpx #EDEDED; |
|
|
|
box-sizing: border-box; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
@ -1227,7 +1252,7 @@ background-color: #F7F7F7; |
|
|
|
text-align: center; |
|
|
|
font-size: 17rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
background: #C5AA7B; |
|
|
|
background: #F54639; |
|
|
|
border-radius: 50%; |
|
|
|
opacity: 1; |
|
|
|
z-index: 999; |
|
|
|
@ -1262,25 +1287,28 @@ background-color: #F7F7F7; |
|
|
|
} |
|
|
|
|
|
|
|
.joinShopCartBut { |
|
|
|
width: 190rpx; |
|
|
|
height: 80rpx; |
|
|
|
width: 230rpx; |
|
|
|
height: 90rpx; |
|
|
|
background-color: #FFFFFF; |
|
|
|
color: #333333; |
|
|
|
font-size: 28rpx; |
|
|
|
line-height: 80rpx; |
|
|
|
border: 2rpx solid #333333; |
|
|
|
font-size: 32rpx; |
|
|
|
line-height: 85rpx; |
|
|
|
border: 1px solid #252744; |
|
|
|
border-radius: 49rpx; |
|
|
|
text-align: center; |
|
|
|
margin-left: 40rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.buyNowBut { |
|
|
|
width: 190rpx; |
|
|
|
height: 80rpx; |
|
|
|
background: #333333; |
|
|
|
color: #FFEBC4; |
|
|
|
font-size: 28rpx; |
|
|
|
line-height: 80rpx; |
|
|
|
width: 230rpx; |
|
|
|
height: 90rpx; |
|
|
|
//background: #333333; |
|
|
|
background: linear-gradient(-10deg, #252744, #484A66); |
|
|
|
border-radius: 49rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
font-size: 32rpx; |
|
|
|
line-height: 85rpx; |
|
|
|
text-align: center; |
|
|
|
margin-left: 16rpx; |
|
|
|
} |
|
|
|
@ -1300,7 +1328,7 @@ background-color: #F7F7F7; |
|
|
|
|
|
|
|
.returnTopService-box { |
|
|
|
position: fixed; |
|
|
|
bottom: 160rpx; |
|
|
|
bottom: 200rpx; |
|
|
|
right: 30rpx; |
|
|
|
|
|
|
|
.fs16 { |
|
|
|
@ -1740,4 +1768,60 @@ background-color: #F7F7F7; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.prod-descr-title{ |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: bold; |
|
|
|
color: #252744;; |
|
|
|
margin-left: 30rpx; |
|
|
|
margin-top: 50rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.prod-descr-content{ |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #595B6B; |
|
|
|
margin-left: 30rpx; |
|
|
|
margin-right: 30rpx; |
|
|
|
margin-top: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.border-line{ |
|
|
|
box-sizing: border-box; |
|
|
|
margin-right: 30rpx; |
|
|
|
margin-left: 30rpx; |
|
|
|
margin-top: 40rpx; |
|
|
|
border: 1rpx solid #D3D4DE; |
|
|
|
} |
|
|
|
|
|
|
|
.sku-image-box{ |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-content: flex-end; |
|
|
|
margin-left: 30rpx; |
|
|
|
} |
|
|
|
.sku-image{ |
|
|
|
width: 86rpx; |
|
|
|
height: 86rpx; |
|
|
|
border: 2px solid #D3D4DE; |
|
|
|
border-radius: 20rpx; |
|
|
|
margin-right: 30rpx; |
|
|
|
} |
|
|
|
.sku-image-select{ |
|
|
|
width: 86rpx; |
|
|
|
height: 86rpx; |
|
|
|
border: 2px solid #252744; |
|
|
|
border-radius: 20rpx; |
|
|
|
margin-right: 30rpx; |
|
|
|
} |
|
|
|
.sku-image-more{ |
|
|
|
width: 92rpx; |
|
|
|
height: 92rpx; |
|
|
|
margin-right: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.border-line-wide{ |
|
|
|
width: 100%; |
|
|
|
border: 10rpx solid #D3D4DE; |
|
|
|
} |
|
|
|
</style> |
dy-hu
10 months ago