|
|
@@ -21,7 +21,7 @@
|
|
|
id="topBar"
|
|
|
v-show="isNavbarFiexd"
|
|
|
:class="navbarFiexd"
|
|
|
- :style="{ top: ( CustomBar - 2 ) + 'px' }"
|
|
|
+ :style="{ top: CustomBar - 2 + 'px' }"
|
|
|
>
|
|
|
<view class="search-input">
|
|
|
<view class="gosearch-btn" :class="navbarFiexd" @click="this.$api.navigateTo(clickPath)">
|
|
|
@@ -89,7 +89,7 @@
|
|
|
<view class="product-top">
|
|
|
<view class="banner-section">
|
|
|
<!-- <view class="cm-product-tags"> -->
|
|
|
- <!-- <view class="cm-product-cover" v-if="product.appletsActType === 1"
|
|
|
+ <!-- <view class="cm-product-cover" v-if="product.appletsActType === 1"
|
|
|
>云上美博会</view
|
|
|
> -->
|
|
|
<view class="cm-product-type" v-if="product.productType == 2">医疗器械</view>
|
|
|
@@ -283,9 +283,35 @@
|
|
|
<view class="product-details qualifications product-details2" v-if="product.qualificationImg">
|
|
|
<view class="title"><view class="title-tab">商品资质</view></view>
|
|
|
<view class="product-details-image">
|
|
|
- <image class="qualificationImg-image" :src="product.qualificationImg" mode="aspectFill" @click="previewImg1(product.qualificationImg)"></image>
|
|
|
+ <view class="product-details-table clearfix">
|
|
|
+ <view class="ladder-tr">
|
|
|
+ <view class="ladder-item-td th">证书编号</view>
|
|
|
+ <view class="ladder-item-td th">产品名称</view>
|
|
|
+ <view class="ladder-item-td th">详情</view>
|
|
|
+ </view>
|
|
|
+ <view class="ladder-tr">
|
|
|
+ <view class="ladder-item-td">
|
|
|
+ <view class="te-text">{{ product.qualificationNo }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="ladder-item-td">
|
|
|
+ <view class="te-text">{{ product.productName }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="ladder-item-td">
|
|
|
+ <view class="te-text last">{{ product.qualificationLink }}</view>
|
|
|
+ <view class="te-copy">
|
|
|
+ <text class="clipboard" @click.stop="clipboard(product.qualificationLink)">复制</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image
|
|
|
+ class="qualificationImg-image"
|
|
|
+ :src="product.qualificationImg"
|
|
|
+ mode="aspectFill"
|
|
|
+ @click="previewImg1(product.qualificationImg)"
|
|
|
+ ></image>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
<!-- 相关推荐 -->
|
|
|
<view class="product-details recommend product-details3">
|
|
|
<view class="title"> <view class="title-tab">相关推荐</view> </view>
|
|
|
@@ -404,11 +430,17 @@
|
|
|
<view class="list-cell-type">
|
|
|
<view class="list-cell-tags">
|
|
|
<template v-if="coupon.moneyCouponFlag == 1">
|
|
|
- <text class="tags" v-if="coupon.moneyCouponType == 1">意向{{ coupon.couponType | TypeFormat }}</text>
|
|
|
- <text class="tags" v-else>定向{{ coupon.couponType | TypeFormat }}</text>
|
|
|
+ <text class="tags" v-if="coupon.moneyCouponType == 1"
|
|
|
+ >意向{{ coupon.couponType | TypeFormat }}</text
|
|
|
+ >
|
|
|
+ <text class="tags" v-else
|
|
|
+ >定向{{ coupon.couponType | TypeFormat }}</text
|
|
|
+ >
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <text class="tags">{{ coupon.couponType | TypeFormat }}</text>
|
|
|
+ <text class="tags">{{
|
|
|
+ coupon.couponType | TypeFormat
|
|
|
+ }}</text>
|
|
|
</template>
|
|
|
</view>
|
|
|
<view class="list-cell-texts">
|
|
|
@@ -438,13 +470,15 @@
|
|
|
<view class="icon-used">
|
|
|
<template v-if="coupon.couponBtnType == 0">
|
|
|
<template v-if="coupon.couponPayWay == 2">
|
|
|
- <view class="icon-used-text">{{ coupon.moneyCouponPrice }}采美豆</view>
|
|
|
+ <view class="icon-used-text"
|
|
|
+ >{{ coupon.moneyCouponPrice }}采美豆</view
|
|
|
+ >
|
|
|
<view
|
|
|
class="icon-used-btn receive"
|
|
|
@click="toDeductCoupon(coupon)"
|
|
|
>抵扣</view
|
|
|
>
|
|
|
- </template>
|
|
|
+ </template>
|
|
|
<template v-else-if="coupon.couponPayWay == 1">
|
|
|
<view class="icon-used-text">购买</view>
|
|
|
<view
|
|
|
@@ -453,7 +487,7 @@
|
|
|
>￥{{ coupon.moneyCouponPrice }}</view
|
|
|
>
|
|
|
</template>
|
|
|
- <template v-else>
|
|
|
+ <template v-else>
|
|
|
<view
|
|
|
class="icon-used-btn receive"
|
|
|
@click="receiveCoupon(coupon)"
|
|
|
@@ -461,7 +495,9 @@
|
|
|
>
|
|
|
</template>
|
|
|
</template>
|
|
|
- <view class="icon-used-btn make" v-if="coupon.couponBtnType == 1"
|
|
|
+ <view
|
|
|
+ class="icon-used-btn make"
|
|
|
+ v-if="coupon.couponBtnType == 1"
|
|
|
>已领取</view
|
|
|
>
|
|
|
</view>
|
|
|
@@ -651,6 +687,7 @@ import authorize from '@/common/config/authorize.js'
|
|
|
import wxLogin from '@/common/config/wxLogin.js'
|
|
|
import { debounce } from '@/common/config/common.js'
|
|
|
import wechatPay from '@/utils/mixins/wechatPay.js'
|
|
|
+import thorui from '@/components/clipboard/clipboard.thorui.js'
|
|
|
var isPreviewImg
|
|
|
export default {
|
|
|
mixins: [wechatPay],
|
|
|
@@ -753,7 +790,7 @@ export default {
|
|
|
collectionType: false,
|
|
|
isShowSupportingList: false,
|
|
|
supportingList: [],
|
|
|
- supportingNum: 0 ,// 组合商品总数
|
|
|
+ supportingNum: 0, // 组合商品总数
|
|
|
contentModalText: '', //操作文字提示语句
|
|
|
contentModalText1: '', //操作文字提示语句
|
|
|
modal: false,
|
|
|
@@ -788,7 +825,7 @@ export default {
|
|
|
plain: false
|
|
|
}
|
|
|
],
|
|
|
- isShowCaimeiShop:false
|
|
|
+ isShowCaimeiShop: false
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -852,7 +889,8 @@ export default {
|
|
|
console.log('是iPhoneX', this.isIphoneX)
|
|
|
},
|
|
|
methods: {
|
|
|
- async initGetStotage() {// 初始化
|
|
|
+ async initGetStotage() {
|
|
|
+ // 初始化
|
|
|
const userInfo = await this.$api.getStorage()
|
|
|
this.userId = this.couponParam.userId = userInfo.userId ? userInfo.userId : 0
|
|
|
this.userIdentity = userInfo.userIdentity ? userInfo.userIdentity : 0
|
|
|
@@ -883,7 +921,7 @@ export default {
|
|
|
this.shop = response.data.shop
|
|
|
this.shopId = response.data.shopId
|
|
|
this.product = response.data
|
|
|
- if(this.product.shopType === 2){
|
|
|
+ if (this.product.shopType === 2) {
|
|
|
this.isShowCaimeiShop = true
|
|
|
}
|
|
|
if (this.product.userLike && this.product.userLike == 1) {
|
|
|
@@ -907,7 +945,7 @@ export default {
|
|
|
this.buyRetailPriceStep = this.product.step
|
|
|
this.number = this.product.minBuyNumber
|
|
|
this.minBuyNumber = this.product.minBuyNumber
|
|
|
-
|
|
|
+
|
|
|
//处理商品图片列表
|
|
|
this.product.imageList.forEach(item => {
|
|
|
this.productImage.push(item.image)
|
|
|
@@ -964,7 +1002,7 @@ export default {
|
|
|
// setTimeout(() => {
|
|
|
// this.getSectionProps()
|
|
|
// }, 2000)
|
|
|
- if(this.product.productType === 2 && (this.userIdentity != 1 || this.userIdentity != 3)){
|
|
|
+ if (this.product.productType === 2 && (this.userIdentity != 1 || this.userIdentity != 3)) {
|
|
|
this.handleShowProductType()
|
|
|
}
|
|
|
if ((this.hasLogin && this.userIdentity == 2) || this.userIdentity == 4) {
|
|
|
@@ -972,48 +1010,60 @@ export default {
|
|
|
}
|
|
|
this.queryProductDetilsCoupons()
|
|
|
this.getCommodityCombinationList()
|
|
|
- setTimeout(()=>{
|
|
|
+ setTimeout(() => {
|
|
|
this.skeletonShow = false
|
|
|
this.isRequest = true
|
|
|
- },1000)
|
|
|
+ }, 1000)
|
|
|
})
|
|
|
.catch(error => {
|
|
|
this.$util.msg(error.msg, 2000)
|
|
|
})
|
|
|
},
|
|
|
- handleShowProductType(){// 根据用户弹窗提示
|
|
|
- if(!this.hasLogin){//游客
|
|
|
+ handleShowProductType() {
|
|
|
+ // 根据用户弹窗提示
|
|
|
+ if (!this.hasLogin) {
|
|
|
+ //游客
|
|
|
this.modal1 = true
|
|
|
- this.contentModalText1 = '该商品仅限医美类机构查看，请注册医美机构后继续查看。有采美账号的，请直接登录。'
|
|
|
+ this.contentModalText1 =
|
|
|
+ '该商品仅限医美类机构查看，请注册医美机构后继续查看。有采美账号的，请直接登录。'
|
|
|
this.modalButton1 = [
|
|
|
- { text: '关闭', type: 'gray',plain: true },
|
|
|
- { text: '去注册/登录',
|
|
|
- customStyle: { color: '#fff', bgColor: 'linear-gradient(90deg, #F28F31 0%, #E15616 100%)'},
|
|
|
- plain: false
|
|
|
+ { text: '关闭', type: 'gray', plain: true },
|
|
|
+ {
|
|
|
+ text: '去注册/登录',
|
|
|
+ customStyle: { color: '#fff', bgColor: 'linear-gradient(90deg, #F28F31 0%, #E15616 100%)' },
|
|
|
+ plain: false
|
|
|
}
|
|
|
]
|
|
|
return
|
|
|
- }else{
|
|
|
- if(this.userIdentity === 4 ){// 普通机构
|
|
|
+ } else {
|
|
|
+ if (this.userIdentity === 4) {
|
|
|
+ // 普通机构
|
|
|
this.modal1 = true
|
|
|
this.contentModalText1 = '该商品仅限医美类机构查看，请升级为医美机构后继续查看。'
|
|
|
this.modalButton1 = [
|
|
|
- { text: '关闭', type: 'gray',plain: true },
|
|
|
- { text: '去升级',
|
|
|
- customStyle: { color: '#fff', bgColor: 'linear-gradient(90deg, #F28F31 0%, #E15616 100%)'},
|
|
|
- plain: false
|
|
|
+ { text: '关闭', type: 'gray', plain: true },
|
|
|
+ {
|
|
|
+ text: '去升级',
|
|
|
+ customStyle: { color: '#fff', bgColor: 'linear-gradient(90deg, #F28F31 0%, #E15616 100%)' },
|
|
|
+ plain: false
|
|
|
}
|
|
|
]
|
|
|
return
|
|
|
- }else if( this.userIdentity === 2 ){//会员机构
|
|
|
- if(this.firstClubType != 1){
|
|
|
+ } else if (this.userIdentity === 2) {
|
|
|
+ //会员机构
|
|
|
+ if (this.firstClubType != 1) {
|
|
|
this.modal1 = true
|
|
|
- this.contentModalText1 = '该商品仅限医美类机构查看，您暂无权限。您可去机构资料页面查看机构类型。'
|
|
|
+ this.contentModalText1 =
|
|
|
+ '该商品仅限医美类机构查看，您暂无权限。您可去机构资料页面查看机构类型。'
|
|
|
this.modalButton1 = [
|
|
|
- { text: '关闭', type: 'gray',plain: true },
|
|
|
- { text: '去查看资料',
|
|
|
- customStyle: { color: '#fff', bgColor: 'linear-gradient(90deg, #F28F31 0%, #E15616 100%)'},
|
|
|
- plain: false
|
|
|
+ { text: '关闭', type: 'gray', plain: true },
|
|
|
+ {
|
|
|
+ text: '去查看资料',
|
|
|
+ customStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ bgColor: 'linear-gradient(90deg, #F28F31 0%, #E15616 100%)'
|
|
|
+ },
|
|
|
+ plain: false
|
|
|
}
|
|
|
]
|
|
|
return
|
|
|
@@ -1021,29 +1071,34 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- hideMobel1(){
|
|
|
+ hideMobel1() {
|
|
|
this.modal1 = false
|
|
|
this.$api.navigateBack(1)
|
|
|
},
|
|
|
- handleClick1(e){// 医美器械弹窗跳转
|
|
|
+ handleClick1(e) {
|
|
|
+ // 医美器械弹窗跳转
|
|
|
if (e.index == 1) {
|
|
|
- if(!this.hasLogin){//游客跳转登录页
|
|
|
+ if (!this.hasLogin) {
|
|
|
+ //游客跳转登录页
|
|
|
this.$api.navigateTo('/pages/login/login')
|
|
|
- }else{
|
|
|
- if(this.userIdentity === 4 ){// 个人机构跳转升级页面
|
|
|
+ } else {
|
|
|
+ if (this.userIdentity === 4) {
|
|
|
+ // 个人机构跳转升级页面
|
|
|
this.$api.navigateTo('/pages/login/apply')
|
|
|
- }else if( this.userIdentity === 2 ){//会员机构
|
|
|
- if(this.firstClubType != 1){// 会员非医美机构跳转资料页
|
|
|
+ } else if (this.userIdentity === 2) {
|
|
|
+ //会员机构
|
|
|
+ if (this.firstClubType != 1) {
|
|
|
+ // 会员非医美机构跳转资料页
|
|
|
this.$api.navigateTo('/pages/login/information')
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
this.modal1 = false
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.modal1 = false
|
|
|
if (this.isShareType == 'share') {
|
|
|
this.$api.switchTabTo('/pages/tabBar/home/index')
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.$api.navigateBack(1)
|
|
|
}
|
|
|
}
|
|
|
@@ -1061,11 +1116,11 @@ export default {
|
|
|
? this.$api.adaptRichTextImg(product.productDetail.detailInfo)
|
|
|
: defaulHtml
|
|
|
} else {
|
|
|
- if(product.productDetail.commonDetailInfo){
|
|
|
+ if (product.productDetail.commonDetailInfo) {
|
|
|
html = product.productDetail
|
|
|
? this.$api.adaptRichTextImg(product.productDetail.commonDetailInfo)
|
|
|
: defaulHtml
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
html = defaulHtml
|
|
|
}
|
|
|
}
|
|
|
@@ -1139,7 +1194,7 @@ export default {
|
|
|
this.$uma.trackEvent('Um_Event_productCouponReceive', {
|
|
|
Um_Key_PageName: '商品详情',
|
|
|
Um_Key_EvenName: '领取优惠券',
|
|
|
- Um_Key_CouponId: `${coupon.couponId}`,
|
|
|
+ Um_Key_CouponId: `${coupon.couponId}`
|
|
|
})
|
|
|
}
|
|
|
this.ProductService.ReceiveCoupon({
|
|
|
@@ -1165,7 +1220,7 @@ export default {
|
|
|
this.$uma.trackEvent('Um_Event_userCouponCollectionBuy', {
|
|
|
Um_Key_PageName: '领券中心',
|
|
|
Um_Key_EvenName: '抵扣优惠券',
|
|
|
- Um_Key_CouponId: `${coupon.couponId}`,
|
|
|
+ Um_Key_CouponId: `${coupon.couponId}`
|
|
|
})
|
|
|
}
|
|
|
if (this.hasLogin) {
|
|
|
@@ -1178,24 +1233,24 @@ export default {
|
|
|
this.$api.navigateTo('/pages/login/login')
|
|
|
}
|
|
|
},
|
|
|
- WeChatPayCouponBeans(coupon){
|
|
|
+ WeChatPayCouponBeans(coupon) {
|
|
|
// 采美豆抵扣优惠券
|
|
|
this.PayService.WeChatPayCouponBeans({
|
|
|
source: 1, //领取渠道 1 小程序 2 网站
|
|
|
userId: this.couponParam.userId,
|
|
|
couponId: coupon.couponId
|
|
|
})
|
|
|
- .then(response => {
|
|
|
- this.$util.msg('抵扣成功', 1500)
|
|
|
- setTimeout(() => {
|
|
|
- this.currentTab = 1
|
|
|
- this.couponParam.status = 2
|
|
|
- this.queryPopupCoupons()
|
|
|
- }, 1500)
|
|
|
- })
|
|
|
- .catch(error => {
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
- })
|
|
|
+ .then(response => {
|
|
|
+ this.$util.msg('抵扣成功', 1500)
|
|
|
+ setTimeout(() => {
|
|
|
+ this.currentTab = 1
|
|
|
+ this.couponParam.status = 2
|
|
|
+ this.queryPopupCoupons()
|
|
|
+ }, 1500)
|
|
|
+ })
|
|
|
+ .catch(error => {
|
|
|
+ this.$util.msg(error.msg, 2000)
|
|
|
+ })
|
|
|
},
|
|
|
toPayCoupon(coupon) {
|
|
|
// 点击购买优惠券,友盟埋点收集购买优惠券
|
|
|
@@ -1203,46 +1258,54 @@ export default {
|
|
|
this.$uma.trackEvent('Um_Event_productCouponBuy', {
|
|
|
Um_Key_PageName: '商品详情',
|
|
|
Um_Key_EvenName: '购买优惠券',
|
|
|
- Um_Key_CouponId: `${coupon.couponId}`,
|
|
|
+ Um_Key_CouponId: `${coupon.couponId}`
|
|
|
})
|
|
|
}
|
|
|
this.createCouponRecord(coupon)
|
|
|
},
|
|
|
- createCouponRecord(coupon){
|
|
|
+ createCouponRecord(coupon) {
|
|
|
// 生成购买优惠券记录Id
|
|
|
this.PayService.WeChatCouponRecord({
|
|
|
userId: this.userId,
|
|
|
couponId: coupon.couponId
|
|
|
})
|
|
|
- .then(response => {
|
|
|
- this.MiniWxPayFor(coupon,response.data.couponRecordId)
|
|
|
- })
|
|
|
- .catch(error => {
|
|
|
- if(error.code == -1){//个人机构不能购买
|
|
|
- this.contentModalText ='该优惠券仅限医美机构购买，请升级为医美机构后再次购买。'
|
|
|
- this.modal = true
|
|
|
-
|
|
|
- }else if(error.code == -2){//会员机构不是医美机构不能购买
|
|
|
- this.$util.msg('该优惠券仅限医美机构购买', 2000)
|
|
|
- }
|
|
|
- })
|
|
|
+ .then(response => {
|
|
|
+ this.MiniWxPayFor(coupon, response.data.couponRecordId)
|
|
|
+ })
|
|
|
+ .catch(error => {
|
|
|
+ if (error.code == -1) {
|
|
|
+ //个人机构不能购买
|
|
|
+ this.contentModalText = '该优惠券仅限医美机构购买，请升级为医美机构后再次购买。'
|
|
|
+ this.modal = true
|
|
|
+ } else if (error.code == -2) {
|
|
|
+ //会员机构不是医美机构不能购买
|
|
|
+ this.$util.msg('该优惠券仅限医美机构购买', 2000)
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
- async MiniWxPayFor(coupon,couponRecordId){
|
|
|
+ async MiniWxPayFor(coupon, couponRecordId) {
|
|
|
const wechatcode = await authorize.getCode('weixin')
|
|
|
const params = {
|
|
|
userId: this.userId,
|
|
|
couponId: coupon.couponId,
|
|
|
- couponRecordId:couponRecordId,
|
|
|
- payType:'XCX',
|
|
|
+ couponRecordId: couponRecordId,
|
|
|
+ payType: 'XCX',
|
|
|
code: wechatcode,
|
|
|
source: 1 //支付来源 1 小程序 2 WWW
|
|
|
}
|
|
|
- this.weChatMiniCouponWxPay(params,'Um_Event_productCouponPay','商品详情','线上支付优惠券',coupon.couponId,this.userId)
|
|
|
+ this.weChatMiniCouponWxPay(
|
|
|
+ params,
|
|
|
+ 'Um_Event_productCouponPay',
|
|
|
+ '商品详情',
|
|
|
+ '线上支付优惠券',
|
|
|
+ coupon.couponId,
|
|
|
+ this.userId
|
|
|
+ )
|
|
|
},
|
|
|
- hideMobel(){
|
|
|
+ hideMobel() {
|
|
|
this.modal = false
|
|
|
},
|
|
|
- handleClick(e){
|
|
|
+ handleClick(e) {
|
|
|
//个人机构跳转升级页面
|
|
|
if (e.index == 1) {
|
|
|
this.$api.navigateTo('/pages/login/apply')
|
|
|
@@ -1254,7 +1317,7 @@ export default {
|
|
|
const index = e.detail.current
|
|
|
this.current = index
|
|
|
},
|
|
|
- previewImg1(url){
|
|
|
+ previewImg1(url) {
|
|
|
let mentuzArray = []
|
|
|
mentuzArray.push(url)
|
|
|
uni.previewImage({
|
|
|
@@ -1484,7 +1547,7 @@ export default {
|
|
|
},
|
|
|
goSupplier() {
|
|
|
//跳供应商资料页
|
|
|
- if(!this.isShowCaimeiShop){
|
|
|
+ if (!this.isShowCaimeiShop) {
|
|
|
this.$api.navigateTo('/pages/supplier/user/my-shop?shopId=' + this.shopId)
|
|
|
}
|
|
|
},
|
|
|
@@ -1623,14 +1686,23 @@ export default {
|
|
|
100,
|
|
|
true
|
|
|
),
|
|
|
- debounce (fn,delay){
|
|
|
- let timer = null //借助闭包
|
|
|
- return function() {
|
|
|
- if(timer){
|
|
|
- clearTimeout(timer)
|
|
|
- }
|
|
|
- timer = setTimeout(fn,delay) // 简化写法
|
|
|
- }
|
|
|
+ debounce(fn, delay) {
|
|
|
+ let timer = null //借助闭包
|
|
|
+ return function() {
|
|
|
+ if (timer) {
|
|
|
+ clearTimeout(timer)
|
|
|
+ }
|
|
|
+ timer = setTimeout(fn, delay) // 简化写法
|
|
|
+ }
|
|
|
+ },
|
|
|
+ clipboard(data) {
|
|
|
+ thorui.getClipboardData(data, (res) => {
|
|
|
+ if (res) {
|
|
|
+ this.$util.msg("复制成功",2000,true,'success');
|
|
|
+ } else {
|
|
|
+ this.$util.msg("复制失败",2000,true,'none');
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
getWinHeight() {
|
|
|
this.winHeight = wx.getSystemInfoSync().windowHeight
|
|
|
@@ -1641,8 +1713,8 @@ export default {
|
|
|
},
|
|
|
onPageScroll(e) {
|
|
|
//实时获取到滚动的值
|
|
|
- const { scrollTop } = e
|
|
|
- this.debounce(this.getSectionProps(),1000)
|
|
|
+ const { scrollTop } = e
|
|
|
+ this.debounce(this.getSectionProps(), 1000)
|
|
|
if (!this.tabSelectFlag) {
|
|
|
this.activeTab(scrollTop, this)
|
|
|
}
|
|
|
@@ -1699,22 +1771,22 @@ page {
|
|
|
width: 100%;
|
|
|
height: 750rpx;
|
|
|
position: relative;
|
|
|
- .cm-product-tags{
|
|
|
+ .cm-product-tags {
|
|
|
position: absolute;
|
|
|
right: 30rpx;
|
|
|
top: 0;
|
|
|
z-index: 999;
|
|
|
}
|
|
|
- .cm-product-type{
|
|
|
+ .cm-product-type {
|
|
|
width: 64rpx;
|
|
|
height: 64rpx;
|
|
|
text-align: justify;
|
|
|
box-sizing: border-box;
|
|
|
padding: 10rpx;
|
|
|
border-radius: 0 0 8rpx 8rpx;
|
|
|
- background-color: #33CCBF;
|
|
|
+ background-color: #33ccbf;
|
|
|
font-size: $font-size-22;
|
|
|
- color: #FFFFFF;
|
|
|
+ color: #ffffff;
|
|
|
line-height: 25rpx;
|
|
|
position: absolute;
|
|
|
left: 30rpx;
|
|
|
@@ -1722,8 +1794,8 @@ page {
|
|
|
z-index: 999;
|
|
|
}
|
|
|
.cm-product-cover {
|
|
|
- width: 120rpx;
|
|
|
- height: 77rpx;
|
|
|
+ width: 120rpx;
|
|
|
+ height: 77rpx;
|
|
|
line-height: 57rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #fff;
|
|
|
@@ -2281,12 +2353,88 @@ page {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .product-details-image{
|
|
|
+ .product-details-image {
|
|
|
width: 100%;
|
|
|
min-height: 856rpx;
|
|
|
box-sizing: border-box;
|
|
|
padding: 0 24rpx;
|
|
|
- .qualificationImg-image{
|
|
|
+ .product-details-table{
|
|
|
+ width: 100%;
|
|
|
+ min-height: 160rpx;
|
|
|
+ border: 1px solid #E1E1E1;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ .ladder-tr{
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ justify-content: center;
|
|
|
+ height: 80rpx;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: 1px solid #E1E1E1;
|
|
|
+ &:last-child{
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .ladder-item-td{
|
|
|
+ height: 80rpx;
|
|
|
+ justify-content: center;
|
|
|
+ text-align: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 10rpx;
|
|
|
+ float: left;
|
|
|
+ .te-text{
|
|
|
+ line-height: 28rpx;
|
|
|
+ font-size: $font-size-24;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ word-break: break-all;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ color: #999999;
|
|
|
+ &.last{
|
|
|
+ width: 60%;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .te-copy{
|
|
|
+ width: 40%;
|
|
|
+ float: right;
|
|
|
+ font-size: $font-size-24;
|
|
|
+ padding-top: 10rpx;
|
|
|
+ .clipboard{
|
|
|
+ width: 84rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ background: #4688fa;
|
|
|
+ text-align: center;
|
|
|
+ font-size: $font-size-24;
|
|
|
+ color: #FFFFFF;
|
|
|
+ border-radius: 18rpx;
|
|
|
+ line-height: 36rpx;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.th{
|
|
|
+ display: flex;
|
|
|
+ height: 80rpx;
|
|
|
+ align-items: center;
|
|
|
+ line-height: 80rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ &:nth-child(1){
|
|
|
+ width:25%;
|
|
|
+ border-right: 1px solid #E1E1E1;
|
|
|
+ }
|
|
|
+ &:nth-child(2){
|
|
|
+ width:35%;
|
|
|
+ border-right: 1px solid #E1E1E1;
|
|
|
+ }
|
|
|
+ &:nth-child(3){
|
|
|
+ width:40%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .qualificationImg-image {
|
|
|
width: 100%;
|
|
|
height: 856rpx;
|
|
|
display: block;
|
