GululuQ-mp/pages/prodDetail/prodDetail.js

import { API } from "../../service/api"

// pages/prodDetail/prodDetail.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // swiperHeight : "height: 250px",
  },
  // 获取商品详情
  getProdDetail(e){
      let data = {
        pageNum:1,
        pageSize:1,
        mercId:e.mercId,
        prodId:e.prodId,
        mercProdId:e.mercProdId
      }
      API.getProdDetail(data).then(res=>{
            this.setData({
              prodDetail:res
            });
      })
  },
  // 进入购物车
  goCard(){
      wx.navigateTo({
        url: '/pages/cart/cart',
      })
  },
  // 添加购物车、立即购买
  addCard(e){
    console.log(e);
    let prodInfo = this.data.prodDetail;
    prodInfo.buy = e.currentTarget.dataset.buy;
    this.setData({
        showAddCartModal: true,
        currentProduct:prodInfo
    });
  },
  // 关闭商品属性模态框
  handleCloseAddCartModal() {
    this.setData({ showAddCartModal: false });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let prod = JSON.parse(decodeURIComponent(options.prod));
    this.getProdDetail(prod);

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    // wx.createSelectorQuery().select(".box").boundingClientRect(rect=> {
    //   const swiperWidth = rect.width;
    //   const calcHeight = swiperWidth * (955 / 750);
    //   console.log(swiperWidth + " | "+  calcHeight);
    //   this.setData({ swiperHeight: `height: ${calcHeight}px`});

    // }).exec();

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})