【微信小程序开发】 商城多规格选择 购物车添加 简易demo

HTML

<view id="vmsimulatedDATA">

  <view class='productConten'>

    <view class="productDelcom" wx:for="{ {simulatedDATA.specifications}}" wx:for-index='n' wx:for-item="ProductItem">

      <view class='p'>{ {ProductItem.name}}</view>

      <ul class="productFooterlist clearfix">

        <li wx:for="{ {ProductItem.item}}" wx:for-item="oItem" bindtap="specificationBtn" data-show="{ {oItem.isShow}}" class="{ {oItem.isShow?'':'noneActive'}} { {subIndex[n] == index?'productActive':''}}" data-ol="{ {subIndex[n]}}" data-name="{ {oItem.name}}" data-n="{ {n}}" data-index="{ {index}}">{ {oItem.name}}</li>

      </ul>

    </view>

  </view>

  <view wx:if="{ {boxArr.id}}">

    { {boxArr.id+'--'+boxArr.price}}

  </view>

</view>

js

Page({

  data: {

    simulatedDATA: {

      difference: [{

          id: "19",

          price: "200.00",

          stock: "19",

          difference: "红色,x"

<