GululuQ-mp/pages/prodDetail/prodDetail.wxml

<!--pages/prodDetail/prodDetail.wxml-->
<view>
    <!-- banner -->
    <swiper class="swiper" indicator-dots="{{true}}" indicator-color="#FFFFFF" 	indicator-active-color="#CCCCCC" autoplay circular>
        <block wx:for="{{prodDetail.prodPicList}}" wx:key='{{item.id}}'>
            <swiper-item class="swiperItem">
                <image class="banner" src="{{item.picUrl}}" mode="widthFix"/>
            </swiper-item>
       </block>
    </swiper>

    <!-- 商品信息 -->
    <view class="prodPrice">￥{{prodDetail.prodAttrList[0].prodAttrPrice.price}}</view>

    <text class="prodName">{{prodDetail.prodName}}</text>

    <!-- 商品详情 -->
    <view class="prodDetail">
       <text class="tab">商品详情</text>
       <rich-text class="prodDescribe" nodes="{{prodDetail.description}}"/>
    </view>

    <!-- 底部按钮 -->
    <view class="bottomView">
       <view>
          <image class="card" src="/images/mall/card.png" mode="" catchtap="goCard"/>
       </view>
       <view>
          <image class="button" src="/images/index/add-cart.png" mode="widthFix" catchtap="addCard"/>
          <image class="button" src="/images/index/buy-now.png" mode="widthFix" data-buy="{{true}}" catchtap="addCard" />
       </view>
    </view>

    <!-- 商品属性模态框 -->
    <addCartModel visible="{{showAddCartModal}}" product="{{currentProduct}}" bindclose="handleCloseAddCartModal"></addCartModel>
</view>