微信小程序商品详情页交互源码（选择商品类型切换、预览商品图片）_微信小程序 表单设计源码支持预览

}

var data = that.data.orinGoodMsg;//写死的商品信息

var goodBaseMsg = data.good;//商品基本信息
var goodflowersMsg = data.goodflowers;//商品花色信息
var swiperAy = [];//伦比途

var goodPrice = 999.99;//显示价格
var goodOrinPrice = 999.99;//划线价格

for (var i = 0; i < goodflowersMsg.length; i++) {
var jo = {
flower_image: goodflowersMsg[i].flower_image,
flower_id: goodflowersMsg[i].flower_id,
}

swiperAy.push(jo);
};
that.setData({//商品
mainImg: goodBaseMsg.good_display_img,
flowerImgSelect: goodBaseMsg.good_display_img,
good: goodBaseMsg,
goodflowers: goodflowersMsg,
imgUrls: swiperAy,
goodPrice: goodPrice,
goodOrinPrice: goodOrinPrice,

});
if (wx.hideLoading()) {
wx.hideLoading()
}

},
/**选择花色 */
chooseFlower: function (data) {
var that = this;
var flower_id = data.currentTarget.dataset.select;
var flower_name = data.currentTarget.dataset.flowerName;

that.setData({//把选中值，放入判断值中
flowerNameSelect: flower_name,
flowerSelect: flower_id
})
var str = flower_id + ‘,’ + flower_name;
var chooseFlowers = that.data.chooseFlowers;
chooseFlowers = [];
chooseFlowers.push(str);
that.setData({
chooseFlowers: chooseFlowers,
flowerImgSelect: data.currentTarget.dataset.img
})

},
/**点击选择花色按钮、显示页面 */
viewFlowerArea: function (data) {
var that = this;
var animation = wx.createAnimation({//动画
duration: 500,//动画持续时间
timingFunction: ‘linear’,//动画的效果 动画从头到尾的速度是相同的
})
animation.translateY(0).step()//在Y轴偏移tx，单位px

this.animation = animation
that.setData({
showModalStatus: true,//显示遮罩
animationData: animation.export()
})
that.setData({//把选中值，放入判断值中
isHidden: 1,
})
},
/**隐藏选择花色区块 */
hideModal: function (data) {

var that = this;
that.setData({//把选中值，放入判断值中
showModalStatus: false,//显示遮罩
isHidden: 0,
})

},
goodAdd: function (data) {

var that = this;
var goodCount = that.data.goodNum + 1;
that.setData({//商品数量+1
goodNum: goodCount
})

},
goodReduce: function (data) {

var that = this;
var goodCount = that.data.goodNum - 1;
that.setData({//商品数量+1
goodNum: goodCount
})

},
/**商品详情、参数切换 */
changeArea: function (data) {
var that = this;
var area = data.currentTarget.dataset.area;
that.setData({ “select”: area });

},
/**
* 加入购物车
*/
addCart: function (data) {
var that = this;
var thatData = that.data;
var ja = thatData.chooseFlowers;//选中的花色i