小程序 封装的商品规格选择器

    index  wxml

<button class="btn" bindtap="popup" data-position="bottom">选择商品</button>

<page-container  // 微信自己退出的底部弹出

  show="{ {show}}"

  duration="200"

  position="{ {position}}"

  close-on-slide-down="{ {false}}"

>

  <view class="detail-page">

    <selector ws:if="{ {selectorList}}" skuList="{ {skuList}}"  selectorListL="{ {selectorList}}"  pitchOnList="{ {pitchOnList}}" bindmyevent="myevent" ></selector>

  </view>

</page-container>

index  js

// index/index.js

Page({

  /**

   * 页面的初始数据

   */

  data: {},

  /**

   * 生命周期函数--监听页面加载

   */

  onLoad: function (options) {

    this.selector()

  },

  selector() {

    var that = this

    // 页面加载到详情页 获取详情页要渲染的数据

    var api = '公司AP无法展示，可以看下面的数据格式  去写一个假数据'

    wx.request({

      url: api,

      data: {

        productId: 123,

        userId: 261,

        partnerId: 0,

        platform: 'miniProgram',

      },

      success(res) {

        that.onLoadList(res.data.data)

        that.setData({

          selectorList: res.data