鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ 微信小程序?qū)崿F(xiàn)商品詳情頁規(guī)格選擇功能

微信小程序?qū)崿F(xiàn)商品詳情頁規(guī)格選擇功能

微信小程序?qū)崿F(xiàn)商品詳情頁規(guī)格選擇功能
圖片描述

要實(shí)現(xiàn)點(diǎn)擊版本版本對應(yīng)選項(xiàng)選中,點(diǎn)擊顏色對應(yīng)顏色選項(xiàng)選中

<view class='chosebox' wx:for="{{chose}}" wx:for-item="property" wx:key="index2" wx:if="{{chose.length>0}}">

  <text class='ctil'>{{property.name}}</text>
  <view class='chose'>
    <view wx:for="{{property.childsCurGoods}}" wx:for-item="item2" wx:key="index">
      {{item2.name}}
    </view>
  </view>
</view>
回答
編輯回答
枕頭人
<view wx:for="{{menu}}" class="{{activeIndex == index ? 'active':''}}" wx:for-item='menuName' wx:for-index='index' data-index='{{index}}' data-msg='{{menuName}}' wx:key='item' catchtap="clickMenu">

    <text>{{menuName.name}}</text>
</view>

clickMenu: function (event) {
        var index, id;
        var tempObj = event.currentTarget.dataset;
        index = tempObj.index;
        id = tempObj.msg.id;
        this.setData({
            activeIndex: index,
            tempKey: id
        })
    },
2018年6月15日 16:23