mobile / tt-yoho-app · Commits

Go to a project

Authored by huangyi
Commit 6395b5851993d1300c6f2d037bf9077259b4dd8a 1 parent d240d263

detail

Inline Side-by-side
Showing 5 changed files with 331 additions and 339 deletions
... ... @@ -5,79 +5,108 @@ Component({
type: Object,
value: null,
},
isloadingForPayment:{
type:Boolean,
value:false
isloadingForPayment: {
type: Boolean,
value: false
},
pickerShow:{
pickerShow: {
type: Boolean,
value: true,
}
},
data: {},
ready: function () {
console.log(this.data.pickerData);
var temData = {};
var view = this.data.pickerData.view;
temData.sourceType = this.data.pickerData.sourceType;
tt.getSystemInfo({
success: (res)=> {
var wHeight = res.windowHeight;
temData.view = view;
this.setData({
pickerData: temData
});
value: false,
observer: function (value) {
this.setData({_show: value})
}
})
}
},
data: {_show: false},
methods: {
init() {
// console.log(this.data.pickerData)
colorTap(event) {
var that = this
var tempData = that.data.pickerData;
//先遍历将所有颜色、尺码置为未选中状态
// console.log('color')
// console.log(tempData.view.goodsList)
tempData.view.goodsList && tempData.view.goodsList.map((item, index) => {
item.selected = false
item.size_list.map((subItem, index) => {
subItem.selected = false
subItem.enable = subItem.storage_number > 0 ? true : false
});
});
//将当前颜色置为选中状态
var tempItem = event.target.dataset.key
console.log(tempItem)
//遍历颜色尺码，根据库存切换显示状态
tempItem && tempItem.size_list && tempItem.size_list.map((item, index) => {
item.enable = item.storage_number > 0 ? true : false
})
tempItem.selected = true
//设置标志位，表示已经选择颜色
let colorSelected = true
//重置库存、当前选中sku的值
tempData.storageNumber = 0
tempData.selectedSKU = 0
// if (typeof (callBack) == "function") {
// callBack();
// }
tempData.view.goodsList[Number(event.target.id)] = tempItem
tempData.view.sizeList = tempItem.size_list
tempData.view.minusButtonEnable = false
//将购买数量设为初始状态
tempData.view.buyNumber = 1
this.triggerEvent('colorTap', {colorSelected, tempData})
},
pickerTap: function (event) {
if (event.target.id == "picker-bg") {
var that = this
this.setData({pickerShow:false})
sizeTap(event) {
var that = this
var tempData = that.data.pickerData
//现遍历将所有尺码置为未选中状态
tempData.view.sizeList && tempData.view.sizeList.map((item, index) => {
item.selected = false
});
//将当前尺码置为选中状态
var tempItem = event.currentTarget.dataset.key
tempItem.selected = true
tempData.view.sizeList[parseInt(event.currentTarget.id)] = tempItem
//设置数量加减按钮启用状态
tempData.view.plusButtonEnable = tempItem.storage_number > 1
tempData.view.minusButtonEnable = false
tempData.view.buyButtonEnable = true
//将购买数量设为初始状态
tempData.view.buyNumber = 1
if (tempItem.storage_number <= 0) {
this.wetoast.toast({
title: '该尺码已经售罄',
titleClassName: 'wetoast-title',
duration: 1000
});
tempData.view.buyButtonEnable = false
}
this.triggerEvent('sizeTap', {tempData, tempItem})
},
// pickerShow() {
// var temData = this.data.pickerData;
// temData.view.isShow = !temData.view.isShow;
// this.setData({
// pickerData: temData
// });
// //回调
// this.triggerEvent('pickerShow')
// },
//
// pickerHide() {
// var temData = this.data.pickerData;
// temData.view.isShow = false;
// this.setData({
// pickerData: temData
// });
// this.triggerEvent('pickerHide')
// },
colorTap() {
this.triggerEvent('colorTap')
show() {
this.setData({_show: true});
this.triggerEvent('showChange')
},
sizeTap() {
this.triggerEvent('sizeTap')
hide(event) {
if (event.target.id === "picker-bg") {
this.setData({_show: true})
this.triggerEvent('showChange')
}
},
bindMinus() {
this.triggerEvent('bindMinus')
bindMinus(event) {
this.triggerEvent('bindMinus', {pickerData: this.data.pickerData})
},
bindPlus() {
this.triggerEvent('bindPlus')
bindPlus(event) {
this.triggerEvent('bindPlus', {pickerData: this.data.pickerData})
},
goPayment() {
... ... @@ -87,7 +116,7 @@ Component({
catchtouchmove() {
this.triggerEvent('catchtouchmove')
},
addShopCart(){
addShopCart() {
this.triggerEvent('addShopCart')
}
}
... ...
<view class="picker-bg" id="picker-bg" catchtap="pickerTap" disable-scroll='true' catchtouchmove="catchtouchmove"
hidden="pickerShow">
<view class="picker-bg" id="picker-bg" catchtap="hide" disable-scroll='true' catchtouchmove="catchtouchmove"
hidden="{{!_show}}">
<view class="picker-view">
<view class="pickerGoodsInfo">
<image class="img" src="{{pickerData.view.image}}">
... ... @@ -19,7 +19,7 @@
<view class="goodsColor">
<text class="title">颜色</text>
<view class="list">
<block tt:for="{{pickerData.view.goodsList}}" tt:key="unique">
<block tt:for="{{pickerData.view.goodsList}}" tt:key="{{index}}">
<!--pickerData.view.availableColor[index]?'normalItem':'disableItem'-->
<view id="{{index}}" class="{{item.selected?'selectedItem':'normalItem'}}" bindtap="colorTap"
data-key="{{item}}">{{item.factory_goods_name}}
... ... @@ -31,7 +31,7 @@
<view class="goodsSize">
<text class="title">尺码</text>
<view class="list">
<block tt:for="{{pickerData.view.sizeList}}" tt:key="unique">
<block tt:for="{{pickerData.view.sizeList}}" tt:key="{{index}}">
<view id="{{index}}"
class="{{ item.enable?(item.selected?'selectedItem':'normalItem'):'disableItem'}}"
bindtap="sizeTap" data-key="{{item}}">{{item.size_name}}
... ...
... ... @@ -116,7 +116,7 @@ Page(extend({}, Actionsheet, {
isBuyNow: false,
//picker 需要的数据
pickerShow:false,
pickerShow: false,
pickerData: {
view: {
isSoldOutSoon: false, //是否展示即将售罄
... ... @@ -153,6 +153,7 @@ Page(extend({}, Actionsheet, {
},
isShowSnapshoot: false,
snapshootShareData: {},
picker:null
},
getParameterByName: function (name, url) {
... ... @@ -251,6 +252,11 @@ Page(extend({}, Actionsheet, {
})
},
showChange:function(){
let pickerShow = !this.data.pickerShow
this.setData({pickerShow});
},
//立即购买
buyAction: function (event) {
let that = this
... ... @@ -268,18 +274,16 @@ Page(extend({}, Actionsheet, {
let isBuyNow = true;
that.setData({isBuyNow})
// console.log('###uid', app.globalData.userInfo.uid)
if (app.globalData.userInfo.uid) {
this.setData({pickerShow:true})
} else {
this.loginAndRegisterTapped();
}
this.setData({pickerShow: true})
// if (app.globalData.userInfo.uid) {
// this.setData({pickerShow: true})
// } else {
// this.loginAndRegisterTapped();
// }
},
//加入购物车
addToShoppingCartBtnTapped: function (event) {
let that = this;
addToShoppingCartBtnTapped: function () {
if (this.data.isLimitBuy == true || this.data.is_deposit_advance == "Y" || this.data.is_secKill == "Y" || this.data.is_advance == "Y" || this.data.bundle_type == 2 || this.data.store_show_status === 3 || this.data.store_show_status === 4) {
this.wetoast.toast({
title: '暂不支持该商品购买，请前往Yoho!Buy有货官方应用选购！',
... ... @@ -289,15 +293,14 @@ Page(extend({}, Actionsheet, {
return;
}
if (that.data.storage_sum === 0) return;
if (this.data.storage_sum === 0) return;
let isBuyNow = false;
that.setData({isBuyNow})
if (app.globalData.userInfo.uid) {
this.setData({pickerShow:true})
} else {
this.loginAndRegisterTapped();
}
this.setData({pickerShow:true,isBuyNow})
// if (app.globalData.userInfo.uid) {
//
// } else {
// this.loginAndRegisterTapped();
// }
},
//跳转到登录页面
... ... @@ -349,7 +352,7 @@ Page(extend({}, Actionsheet, {
//减少购买数量
bindMinus: function (event) {
let pickerData = this.data.pickerData;
let pickerData = event.detail.pickerData;
let buyNumber = parseInt(pickerData.view.buyNumber);
if (buyNumber > 1) {
buyNumber = buyNumber - 1;
... ... @@ -390,7 +393,7 @@ Page(extend({}, Actionsheet, {
return;
}
let pickerData = this.data.pickerData;
let pickerData = event.detail.pickerData
let buyNumber = pickerData.view.buyNumber;
if (buyNumber >= this.data.storageNumber) {
... ... @@ -485,6 +488,7 @@ Page(extend({}, Actionsheet, {
},
goShoppingCart: function () {
debugger
tt.switchTab({
url: '/pages/shopCart/shopCart'
})
... ... @@ -506,7 +510,7 @@ Page(extend({}, Actionsheet, {
that2.showLoadingToast()
api.get({data: param}).then(function (data) {
that2.hideLoadingToast()
this.setData({pickerShow:false})
this.setData({pickerShow: false})
that2.setData({isloadingForPayment: false})
... ... @@ -538,8 +542,8 @@ Page(extend({}, Actionsheet, {
payNow: function (event) {
let that = this;
let param = {
method: 'app.Buynow.payment',
uid: app.getUid(),
method: 'app.Buynow.enhancedPayment',
uid: 600033236,
product_sku: that.data.selectedSKU > 0 ? that.data.selectedSKU : 0,
sku_type: 'I',
buy_number: that.data.pickerData.view.buyNumber,
... ... @@ -548,11 +552,12 @@ Page(extend({}, Actionsheet, {
}
that.showLoadingToast()
api.get({data:param})
api.get({data: param})
.then(function (data) {
debugger
that.hideLoadingToast()
var timestamp = Date.parse(new Date());
that.setData({isloadingForPayment: false,pickerShow:false})
that.setData({isloadingForPayment: false, pickerShow: false})
if (data && data.code == 200) {
that.setData({isloadingForPayment: false})
try {
... ... @@ -584,51 +589,14 @@ Page(extend({}, Actionsheet, {
pickerTap: function (event) {
if (event.target.id == "picker-bg") {
var that = this
this.setData({pickerShow:false})
this.setData({pickerShow: false})
}
},
//点击选择颜色
colorTap: function (event) {
//更新各个颜色的选中状态
var that = this
var tempData = that.data.pickerData;
//先遍历将所有颜色、尺码置为未选中状态
// console.log('color')
// console.log(tempData.view.goodsList)
tempData.view.goodsList && tempData.view.goodsList.map((item, index) => {
item.selected = false
item.size_list.map((subItem, index) => {
subItem.selected = false
subItem.enable = subItem.storage_number > 0 ? true : false
});
});
//将当前颜色置为选中状态
var tempItem = event.target.dataset.key
//遍历颜色尺码，根据库存切换显示状态
tempItem && tempItem.size_list && tempItem.size_list.map((item, index) => {
item.enable = item.storage_number > 0 ? true : false
})
tempItem.selected = true
//设置标志位，表示已经选择颜色
let colorSelected = true
//重置库存、当前选中sku的值
tempData.storageNumber = 0
tempData.selectedSKU = 0
tempData.view.goodsList[Number(event.target.id)] = tempItem
tempData.view.sizeList = tempItem.size_list
tempData.view.minusButtonEnable = false
//将购买数量设为初始状态
tempData.view.buyNumber = 1
let {tempData, colorSelected} = event.detail
this.setData({
colorSelected,
pickerData: tempData,
... ... @@ -637,35 +605,7 @@ Page(extend({}, Actionsheet, {
//点击选择尺码
sizeTap: function (event) {
var that = this
var tempData = that.data.pickerData
//现遍历将所有尺码置为未选中状态
tempData.view.sizeList && tempData.view.sizeList.map((item, index) => {
item.selected = false
});
//将当前尺码置为选中状态
var tempItem = event.currentTarget.dataset.key
tempItem.selected = true
tempData.view.sizeList[parseInt(event.currentTarget.id)] = tempItem
//设置数量加减按钮启用状态
tempData.view.plusButtonEnable = tempItem.storage_number > 1
tempData.view.minusButtonEnable = false
tempData.view.buyButtonEnable = true
//将购买数量设为初始状态
tempData.view.buyNumber = 1
// console.log(event)
if (tempItem.storage_number <= 0) {
this.wetoast.toast({
title: '该尺码已经售罄',
titleClassName: 'wetoast-title',
duration: 1000
});
tempData.view.buyButtonEnable = false
}
let {tempData, tempItem} = event.detail
this.setData({
pickerData: tempData,
selectedSKU: tempItem.storage_number > 0 ? tempItem.product_sku : 0,
... ... @@ -681,7 +621,7 @@ Page(extend({}, Actionsheet, {
}
var that = this
api.get({data:param})
api.get({data: param})
.then(function (data) {
console.log(data)
that.hideLoadingToast()
... ... @@ -799,7 +739,7 @@ Page(extend({}, Actionsheet, {
coupon_limit_status: 0
}
var that = this
api.get({data:param})
api.get({data: param})
.then(function (data) {
that.setData({
productSupportServiceList: data.data,
... ... @@ -820,7 +760,7 @@ Page(extend({}, Actionsheet, {
product_skn: this.data.productSKN
}
var that = this
api.get({data:param})
api.get({data: param})
.then(function (data) {
that.setData({
shoppingcartCount: data.data.cart_goods_count,
... ... @@ -842,7 +782,7 @@ Page(extend({}, Actionsheet, {
id: this.data.product_id
}
var that = this
api.get({data:param})
api.get({data: param})
.then(function (data) {
that.setData({
isFavorite: data.data,
... ... @@ -865,7 +805,7 @@ Page(extend({}, Actionsheet, {
type: 'product'
}
var that = this
api.get({data:param})
api.get({data: param})
.then(function (data) {
that.setData({
isFavorite: true,
... ... @@ -893,7 +833,7 @@ Page(extend({}, Actionsheet, {
type: 'product'
}
var that = this
api.get({data:param})
api.get({data: param})
.then(function (data) {
that.setData({
isFavorite: false,
... ... @@ -919,7 +859,7 @@ Page(extend({}, Actionsheet, {
product_skn: this.data.productSKN
}
var that = this
api.get({data:param})
api.get({data: param})
.then(function (data) {
that.hideLoadingToast()
... ... @@ -959,7 +899,7 @@ Page(extend({}, Actionsheet, {
productskn: this.data.productSKN
}
var that = this
api.get({data:param})
api.get({data: param})
.then(function (data) {
that.hideLoadingToast()
let infoList = data.productDescBo
... ...
<scroll-view scroll-y="true" style="height:{{windowHeight}}px" enable-back-to-top="true" scroll-top="{{scrollTop}}"
bindscroll="onScroll">
<view class='topContainer'>
<swiper class="swiper-box" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}"
duration="{{duration}}" indicator-color='rgba(255,255,255,0.2)'
indicator-active-color="rgba(255,255,255,1)">
<block tt:for="{{bannerImgUrls}}" tt:key="unique">
<swiper-item>
<image class="slide-image" data-src="{{item}}" src="{{item}}" mode="aspectFit"
bindtap="imgPreview"/>
</swiper-item>
</block>
</swiper>
<view class="goodTitle">
<text class="title">{{title}}</text>
</view>
<scroll-view scroll-y="true" style="height:{{windowHeight}}px" enable-back-to-top="true" scroll-top="{{scrollTop}}" bindscroll="onScroll">
<view class='topContainer'>
<swiper class="swiper-box" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color='rgba(255,255,255,0.2)' indicator-active-color="rgba(255,255,255,1)">
<block tt:for="{{bannerImgUrls}}" tt:key="unique">
<swiper-item>
<image class="slide-image" data-src="{{item}}" src="{{item}}" mode="aspectFit" bindtap="imgPreview"/>
</swiper-item>
</block>
</swiper>
<view class="goodTitle">
<text class="title">{{title}}</text>
</view>
</view>
<!-- <view class="price-seperator"></view> -->
<block tt:if="{{sales_phrase}}">
<view class="advanceTitleView">
<text class="advanceTitle">{{sales_phrase}}</text>
</view>
</block>
<!-- <view class="price-seperator"></view> -->
<block tt:if="{{sales_phrase}}">
<view class="advanceTitleView">
<text class="advanceTitle">{{sales_phrase}}</text>
</view>
</block>
<view class="price-seperator"></view>
<view class="goodPrice">
<text class="realPrice" >{{realPrice==='0'?price:realPrice}}</text>
<text class="price" style="display:{{realPrice==='0'?'none':''}}">{{price}}</text>
<view class="goodShare">
<image class="shareIcon" src="./images/share-ic@2x.png" bindtap="share"></image>
<button bindtap="share" class="shareButton">xxxxx</button>
</view>
</view>
<view class="price-seperator"></view>
<view class="goodPrice">
<text class="realPrice">{{realPrice==='0'?price:realPrice}}</text>
<text class="price" style="display:{{realPrice==='0'?'none':''}}">{{price}}</text>
<!--<view class="goodShare">-->
<!--<image class="shareIcon" src="./images/share-ic@2x.png" bindtap="share"></image>-->
<!--<button bindtap="share" class="shareButton">xxxxx</button>-->
<!--</view>-->
<!-- VIP价格 -->
<view class="price-seperator"></view>
<view class="vip_price" style="display:{{vipPrice.length>0?'flex':'none'}} ;flex-direction: row; padding:20rpx">
<view class="vip-price-item" tt:for="{{vipPrice}}" tt:key="price">
<image src="./images/baijin-vip@2x.png" class="vip-price-image" mode="widthFix" style="display:{{item.caption==='白金'?'block':'none'}}"></image>
<image src="./images/jin-vip@2x.png" class="vip-price-image" mode="widthFix" style="display:{{item.caption==='金卡'?'block':'none'}}"></image>
<image src="./images/yin-vip@2x.png" class="vip-price-image" mode="widthFix" style="display:{{item.caption==='银卡'?'block':'none'}}"></image>
<text class="vip-price-title">{{item.price}}</text>
</view>
</view>
<block tt:if="{{is_advance == 'Y'}}">
<view class="gap"></view>
<view class="advanceTimeView">
<text class="advanceTime">上市期:{{expect_arrival_time}}</text>
<!-- VIP价格 -->
<view class="price-seperator"></view>
<view class="vip_price" style="display:{{vipPrice.length>0?'flex':'none'}} ;flex-direction: row; padding:20rpx">
<view class="vip-price-item" tt:for="{{vipPrice}}" tt:key="price">
<image src="./images/baijin-vip@2x.png" class="vip-price-image" mode="widthFix"
style="display:{{item.caption==='白金'?'block':'none'}}"></image>
<image src="./images/jin-vip@2x.png" class="vip-price-image" mode="widthFix"
style="display:{{item.caption==='金卡'?'block':'none'}}"></image>
<image src="./images/yin-vip@2x.png" class="vip-price-image" mode="widthFix"
style="display:{{item.caption==='银卡'?'block':'none'}}"></image>
<text class="vip-price-title">{{item.price}}</text>
</view>
</view>
</block>
<block tt:else>
<view class="gap"></view>
</block>
<!-- 赠品、加价购 -->
<view class="promotion" style="display:{{productPromotionList.length>0?'flex':'none'}};flex-direction: row;padding:20rpx" bindtap="showPromotionDetail">
<view style='justify-content: center;display:flex;height:100%;width:100rpx;'>
<text class="promotion-title">促销</text>
</view>
<block tt:if="{{is_advance == 'Y'}}">
<view class="gap"></view>
<view class="advanceTimeView">
<text class="advanceTime">上市期:{{expect_arrival_time}}</text>
</view>
</block>
<block tt:else>
<view class="gap"></view>
</block>
<!-- 赠品、加价购 -->
<view class="promotion"
style="display:{{productPromotionList.length>0?'flex':'none'}};flex-direction: row;padding:20rpx"
bindtap="showPromotionDetail">
<view style='justify-content: center;display:flex;height:100%;width:100rpx;'>
<text class="promotion-title">促销</text>
</view>
<view class="promotion-item" tt:if="{{!showProductPromotionDetail}}">
<view style='padding-right:15rpx;margin-top:5rpx;margin-bottom:5rpx;' tt:for="{{productPromotionListForAbbreviations}}" tt:key="promotionitem">
<view class="promotion-item-border">
<text class="promotion-title-item">{{item}}</text>
</view>
</view>
</view>
<view tt:else style='width:100%'>
<text class="promotion-tips-title">促销优惠信息以确认订单页为准</text>
</view>
<view class="promotion-item" tt:if="{{!showProductPromotionDetail}}">
<view style='padding-right:15rpx;margin-top:5rpx;margin-bottom:5rpx;'
tt:for="{{productPromotionListForAbbreviations}}" tt:key="promotionitem">
<view class="promotion-item-border">
<text class="promotion-title-item">{{item}}</text>
</view>
</view>
</view>
<view tt:else style='width:100%'>
<text class="promotion-tips-title">促销优惠信息以确认订单页为准</text>
</view>
<view>
<image src="./images/arrow-down@2x.png" class="support-service-arrow" mode="widthFix" style="display:{{showProductPromotionDetail?'block':'none'}};"></image>
<view>
<image src="./images/arrow-down@2x.png" class="support-service-arrow" mode="widthFix"
style="display:{{showProductPromotionDetail?'block':'none'}};"></image>
<image src="./images/arrow-up@2x.png" class="support-service-arrow" mode="widthFix" style="display:{{showProductPromotionDetail?'none':'block'}};"></image>
</view>
<image src="./images/arrow-up@2x.png" class="support-service-arrow" mode="widthFix"
style="display:{{showProductPromotionDetail?'none':'block'}};"></image>
</view>
</view>
</view>
<view style="height:1rpx;background:rgb(238, 238, 238);padding-top:1rpx;width:100%"></view>
<view class="promotion" style="display:{{showProductPromotionDetail?'block':'none'}} ;flex-direction: column;">
<view class="promotion" style="display:{{showProductPromotionDetail?'block':'none'}} ;flex-direction: column;">
<view class="promotion-detail" tt:for="{{productPromotionList}}" tt:key="promotiondetail">
<view style='display:flex;' class="promotion-item-border">
<text class="promotion-title-item">{{item.promotionType}}</text>
</view>
<view class="promotion-detail" tt:for="{{productPromotionList}}" tt:key="promotiondetail">
<view style='display:flex;' class="promotion-item-border">
<text class="promotion-title-item">{{item.promotionType}}</text>
</view>
<view style="flex-direction:column; display:flex;flex:8;padding-left:10rpx;">
<text class="promotion-detail-title">{{item.promotionTitle}}</text>
<text class="promotion-detail-date">{{item.time}}</text>
<view class='promotion-item-seperator'></view>
</view>
<view style="flex-direction:column; display:flex;flex:8;padding-left:10rpx;">
<text class="promotion-detail-title">{{item.promotionTitle}}</text>
<text class="promotion-detail-date">{{item.time}}</text>
<view class='promotion-item-seperator'></view>
</view>
<!-- <view class="promotion-seperator"></view> -->
</view>
</view>
<view class="gap"></view>
</view>
<!-- 支持的服务 -->
<view class="supportService" style="display:{{productSupportServiceList.length>0?'block':'none'}} ;flex-direction: row; display: flex; padding:20rpx">
<view class="supportService-item" tt:for="{{productSupportServiceList}}" tt:key="supportService">
<image src="./images/checked@2x.png" class="support-service-image" mode="widthFix" style="display:{{item.flag===1?'block':'none'}}"></image>
<image src="./images/tip@2x.png" class="support-service-image" mode="widthFix" style="display:{{item.flag!==1?'block':'none'}}"></image>
<text class="support-service-title" >{{item.title}}</text>
</view>
</view>
<view class="gap"></view>
<view class="gap"></view>
<view class="goodsInfo" style="display:{{productDesc.length>0?'block':'none'}}">
<text class="title">商品信息</text>
<text class="subtitle">DESCRIPTION</text>
<view class="seperator"></view>
<view class="table">
<view class="tr" tt:for="{{productDesc.length/2}}" tt:key="unique">
<view class="td">{{productDesc[index*2]}}</view>
<view class="td">{{productDesc[index*2+1]}}</view>
<!-- 支持的服务 -->
<view class="supportService"
style="display:{{productSupportServiceList.length>0?'block':'none'}} ;flex-direction: row; display: flex; padding:20rpx">
<view class="supportService-item" tt:for="{{productSupportServiceList}}" tt:key="supportService">
<image src="./images/checked@2x.png" class="support-service-image" mode="widthFix"
style="display:{{item.flag===1?'block':'none'}}"></image>
<image src="./images/tip@2x.png" class="support-service-image" mode="widthFix"
style="display:{{item.flag!==1?'block':'none'}}"></image>
<text class="support-service-title">{{item.title}}</text>
</view>
</view>
<view tt:if="{{productPhrare}}" class="goodsInfoPhrare">
<text class="lightGrayFont">{{productPhrare}}</text>
</view>
</view>
<view class="gap"></view>
<view class="goodsInfo" style="display:{{productSizeContent.length>0?'block':'none'}}">
<text class="title">尺码信息</text>
<text class="subtitle">SIZE INFO</text>
<view class="seperator"></view>
<scroll-view class="table">
<view class="tr">
<view class="td" tt:for="{{productSizeTitle}}" tt:key="unique">{{item}}</view>
<view class="goodsInfo" style="display:{{productDesc.length>0?'block':'none'}}">
<text class="title">商品信息</text>
<text class="subtitle">DESCRIPTION</text>
<view class="seperator"></view>
<view class="table">
<view class="tr" tt:for="{{productDesc.length/2}}" tt:key="unique">
<view class="td">{{productDesc[index*2]}}</view>
<view class="td">{{productDesc[index*2+1]}}</view>
</view>
</view>
<view class="tr" tt:for="{{productSizeContent}}" tt:key="unique">
<view class="td" tt:for="{{productSizeContent[index]}}" tt:key="unique">{{item}}</view>
<view tt:if="{{productPhrare}}" class="goodsInfoPhrare">
<text class="lightGrayFont">{{productPhrare}}</text>
</view>
</scroll-view>
</view>
</view>
<view class="goodsInfo" style="display:{{productMeasurementImage?'block':'none'}}">
<text class="title">测量方式</text>
<text class="subtitle">MEASUREMENT METHOD</text>
<view class="seperator"></view>
<image src="{{productMeasurementImage}}" mode="widthFix"></image>
</view>
<!-- <view class="gap"></view> -->
<!--<view class="goodsInfo" style="display:{{productMeasurementImage?'block':'none'}}">
<text class="title">模特试穿</text>
<text class="subtitle">REFERENCE</text>
<view class="seperator"></view>
<scroll-view class="brandContainer" scroll-x="true">
<view class="table">
<view class="tr">
<view class="td" tt:for="{{productModelTitleList}}" tt:key="unique">{{item}}</view>
</view>
<!--<view class="tr" tt:for="{{productModelList}}" tt:key="unique">
<view class="td" tt:for="{{productModelList[index]}}" tt:key="unique">{{item}}</view>
</view>
</view>
</scroll-view>
</view>-->
<view class="goodsInfo" style="display:{{productSizeContent.length>0?'block':'none'}}">
<text class="title">尺码信息</text>
<text class="subtitle">SIZE INFO</text>
<view class="seperator"></view>
<scroll-view class="table">
<view class="tr">
<view class="td" tt:for="{{productSizeTitle}}" tt:key="unique">{{item}}</view>
</view>
<view class="tr" tt:for="{{productSizeContent}}" tt:key="unique">
<view class="td" tt:for="{{productSizeContent[index]}}" tt:key="unique">{{item}}</view>
</view>
</scroll-view>
</view>
<view class="goodsInfo" style="display:{{productMaterialList[0].remark?'block':'none'}}">
<text class="title">商品材质</text>
<text class="subtitle">MATERIALS</text>
<view class="seperator"></view>
<view class="goodsInfoDescription">
<text class="lightGrayFont">{{productMaterialList[0].remark}}</text>
<view class="goodsInfo" style="display:{{productMeasurementImage?'block':'none'}}">
<text class="title">测量方式</text>
<text class="subtitle">MEASUREMENT METHOD</text>
<view class="seperator"></view>
<image src="{{productMeasurementImage}}" mode="widthFix"></image>
</view>
<view class="seperator"></view>
<view class="goodsTexture" tt:for="{{productWashTipsBoList}}" tt:key="unique">
<view class="texture">
<image class="img" src= "{{item.img}}" mode="widthFix"/>
<view class="desc">
<text class="lightGrayFont">{{item.caption}}</text>
<!-- <view class="gap"></view> -->
<!--<view class="goodsInfo" style="display:{{productMeasurementImage?'block':'none'}}">
<text class="title">模特试穿</text>
<text class="subtitle">REFERENCE</text>
<view class="seperator"></view>
<scroll-view class="brandContainer" scroll-x="true">
<view class="table">
<view class="tr">
<view class="td" tt:for="{{productModelTitleList}}" tt:key="unique">{{item}}</view>
</view>
<!--<view class="tr" tt:for="{{productModelList}}" tt:key="unique">
<view class="td" tt:for="{{productModelList[index]}}" tt:key="unique">{{item}}</view>
</view>
</view>
</scroll-view>
</view>-->
<view class="goodsInfo" style="display:{{productMaterialList[0].remark?'block':'none'}}">
<text class="title">商品材质</text>
<text class="subtitle">MATERIALS</text>
<view class="seperator"></view>
<view class="goodsInfoDescription">
<text class="lightGrayFont">{{productMaterialList[0].remark}}</text>
</view>
<view class="seperator"></view>
<view class="goodsTexture" tt:for="{{productWashTipsBoList}}" tt:key="unique">
<view class="texture">
<image class="img" src="{{item.img}}" mode="widthFix"/>
<view class="desc">
<text class="lightGrayFont">{{item.caption}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="goodsInfo" style="display:{{productIntroImageList.length>0?'block':'none'}}">
<text class="title">商品详情</text>
<text class="subtitle">DETAILS</text>
<view class="seperator"></view>
<view tt:for="{{productIntroImageList}}" tt:key="introImage" style="text-align:center">
<image src="{{item}}" mode="widthFix"></image>
<view class="goodsInfo" style="display:{{productIntroImageList.length>0?'block':'none'}}">
<text class="title">商品详情</text>
<text class="subtitle">DETAILS</text>
<view class="seperator"></view>
<view tt:for="{{productIntroImageList}}" tt:key="introImage" style="text-align:center">
<image src="{{item}}" mode="widthFix"></image>
</view>
</view>
</view>
<view class="seperator"></view>
<view class="seperator"></view>
<view class='bottom-tip-view' style="display:{{storage_sum===0?'flex':'none'}}">
<text class="bottom-tip-view-title" style="display:{{is_supplyed?'flex':'none'}}">此商品已售罄，请等待后续备货!</text>
<text class="bottom-tip-view-title" style="display:{{is_supplyed?'none':'flex'}}">已售罄</text>
</view>
<view class='bottom-tip-view' style="display:{{storage_sum===0?'flex':'none'}}">
<text class="bottom-tip-view-title" style="display:{{is_supplyed?'flex':'none'}}">此商品已售罄，请等待后续备货!</text>
<text class="bottom-tip-view-title" style="display:{{is_supplyed?'none':'flex'}}">已售罄</text>
</view>
</scroll-view>
<!-- 底部按钮 -->
<view class="bottom">
<view class='shoppint-cart-icon' >
<image src="./images/shop@2x.png" class="shoppint-cart-icon-image" mode="widthFix" bindtap='goShoppingCart'></image>
<view hidden='{{shoppingcartCount===0?true:false}}' class="badge">{{shoppingcartCount}}</view>
<view class='shoppint-cart-icon'>
<image src="./images/shop@2x.png" class="shoppint-cart-icon-image" mode="widthFix"
bindtap='goShoppingCart'></image>
<view hidden='{{shoppingcartCount===0?true:false}}' class="badge">{{shoppingcartCount}}</view>
</view>
<view class='shoppint-like-icon' >
<image class="shoppint-cart-icon-image" src='{{isFavorite ? "./images/like_pre@2x.png" : "./images/like@2x.png"}}' mode="widthFix" bindtap='{{isFavorite ? "cancelFavoriteRequest" : "addFavoriteRequest"}}'></image>
<view class='shoppint-like-icon'>
<image class="shoppint-cart-icon-image"
src='{{isFavorite ? "./images/like_pre@2x.png" : "./images/like@2x.png"}}' mode="widthFix"
bindtap='{{isFavorite ? "cancelFavoriteRequest" : "addFavoriteRequest"}}'></image>
</view>
<view class='shoppint-cart-add' style='background:{{storage_sum===0||store_show_status===3||store_show_status===4||isLimitBuy?"#b0b0b0":"#444444"}};' bindtap="addToShoppingCartBtnTapped">
<text class="bottom-title">加入购物车</text>
<view class='shoppint-cart-add'
style='background:{{storage_sum===0||store_show_status===3||store_show_status===4||isLimitBuy?"#b0b0b0":"#444444"}};'
bindtap="addToShoppingCartBtnTapped">
<text class="bottom-title">加入购物车</text>
</view>
<view class='buynow' style='background:{{storage_sum===0||store_show_status===3||store_show_status===4||isLimitBuy?"#b0b0b0":"#d0021b"}};' bindtap="buyAction">
<text class="bottom-title">立即购买</text>
<view class='buynow'
style='background:{{storage_sum===0||store_show_status===3||store_show_status===4||isLimitBuy?"#b0b0b0":"#d0021b"}};'
bindtap="buyAction">
<text class="bottom-title">立即购买</text>
</view>
</view>
<quickNavigation id="quickNavigation" isShowIndicator="{{isShowIndicator}}" isShowShopCart="{{false}}" marginBottom="{{190}}" bind:backToTop="backToTop"></quickNavigation>
<snapshootShare id="snapshootShare" isShow="{{isShowSnapshoot}}" sourceType="product" shareData="{{snapshootShareData}}" bind:hiddenSheet="hiddenSheet"></snapshootShare>
</view>
<quickNavigation id="quickNavigation" isShowIndicator="{{isShowIndicator}}" isShowShopCart="{{false}}"
marginBottom="{{190}}" bind:backToTop="backToTop"></quickNavigation>
<snapshootShare id="snapshootShare" isShow="{{isShowSnapshoot}}" sourceType="product" shareData="{{snapshootShareData}}"
bind:hiddenSheet="hiddenSheet"></snapshootShare>
<picker id="picker"
pickerData="{{pickerData}}" isloadingForPayment="{{isloadingForPayment}}"
pickerShow="{{pickerShow}}"
... ... @@ -235,5 +257,6 @@
bind:bindPlus="bindPlus"
bind:goPayment="goPayment"
bind:catchtouchmove="catchtouchmove"
bind:showChange="showChange"
></picker>
... ...