<view class="container">
 <swiper class="goodsimgs" indicator-dots="true" autoplay="true" interval="3000" duration="1000">
  <swiper-item wx:for="{{goods.gallery}}" wx:key="*this">
   <image src="{{item}}" background-size="cover"></image>
  </swiper-item>
 </swiper>

 <!-- 商品信息 -->
 <view class="goods-info">
  <view class="c">
   <text class="name">{{goods.name}}</text>
   <text class="desc">{{goods.brief}}</text>
   <view class="price">
    <view class="counterPrice">原价：￥{{goods.counterPrice}}</view>
    <view class="retailPrice">现价：￥{{checkedSpecPrice}}</view>
   </view>

   <view class="brand" wx:if="{{brand.name}}">
    <navigator url="../brandDetail/brandDetail?id={{brand.id}}">
     <text>{{brand.name}}</text>
    </navigator>
   </view>
  </view>
 </view>

 <!-- 规格框体 -->
 <view class="section-nav section-attr" bindtap="switchAttrPop">
  <view class="t">{{checkedSpecText}}</view>
  <image class="i" src="/static/images/address_right.png" background-size="cover"></image>
 </view>

 <view class="goods-attr">
  <view class="t">商品参数</view>
  <view class="l">
   <view class="item" wx:for="{{attribute}}" wx:key="name">
    <text class="left">{{item.attribute}}</text>
    <text class="right">{{item.value}}</text>
   </view>
  </view>
 </view>

 <view class="detail">
  <import src="/lib/wxParse/wxParse.wxml" />
  <template is="wxParse" data="{{wxParseData:goodsDetail.nodes}}" />
 </view>

 <view class="common-problem">
  <view class="h">
   <view class="line"></view>
   <text class="title">常见问题</text>
  </view>
  <view class="b">
   <view class="item" wx:for="{{issueList}}" wx:key="id">
    <view class="question-box">
     <text class="spot"></text>
     <text class="question">{{item.question}}</text>
    </view>
    <view class="answer">
     {{item.answer}}
    </view>
   </view>
  </view>
 </view>

 <!-- 大家都在看 -->
 <view class="related-goods" wx:if="{{relatedGoods.length > 0}}">
  <view class="h">
   <view class="line"></view>
   <text class="title">大家都在看</text>
  </view>
  <goodList goods="{{relatedGoods}}"></goodList>
 </view>
</view>

<!-- 规格选择界面 -->
<view class="attr-pop-box" hidden="{{!openAttr}}">
 <view class="attr-pop">
  <view class="close" bindtap="closeAttr">
   <image class="icon" src="/static/images/icon_close.png"></image>
  </view>
  <view class="img-info">
   <image class="img" src="{{goods.picUrl}}"></image>
   <view class="info">
    <view class="c">
     <view class="p">价格：￥{{checkedSpecPrice}}</view>
     <view class="a">{{tmpSpecText}}</view>
    </view>
   </view>
  </view>

  <!-- 规格列表 -->
  <view class="spec-con">
   <view class="spec-item" wx:for="{{specificationList}}" wx:key="name">
    <view class="name">{{item.name}}</view>
    <view class="values">
     <view class="value {{vitem.checked ? 'selected' : ''}}" bindtap="clickSkuValue" wx:for="{{item.valueList}}" wx:for-item="vitem" wx:key="{{vitem.id}}" data-value-id="{{vitem.id}}" data-name="{{vitem.specification}}">{{vitem.value}}</view>
    </view>
   </view>

   <view class="spec-con" wx:if="{{groupon.length > 0}}">
    <view class="spec-item">
     <view class="name">团购立减</view>
     <view class="values">
      <view class="value {{vitem.checked ? 'selected' : ''}}" bindtap="clickGroupon" wx:for="{{groupon}}" wx:for-item="vitem" wx:key="{{vitem.id}}" data-value-id="{{vitem.id}}" data-name="{{vitem.specification}}">￥-{{vitem.discount}} ({{vitem.discountMember}}人)</view>
     </view>
    </view>
   </view>

   <!-- 数量 -->
   <view class="number-item">
    <view class="name">数量</view>
    <view class="selnum">
     <view class="cut" bindtap="cutNumber">-</view>
     <input value="{{number}}" class="number" disabled="true" type="number" />
     <view class="add" bindtap="addNumber">+</view>
    </view>
   </view>

  </view>
 </view>
</view>

<!-- 联系客服 -->
<view class="contact">
 <contact-button style="opacity:0;position:absolute;" type="default-dark" session-from="weapp" size="27">
 </contact-button>
</view>

<!-- 顶部提示 -->
<van-notify id="van-notify" />

<!-- 分享框体界面 -->
<sharePop id="sharePop" bottom="80" url="{{shareImage}}"></sharePop>

<!-- 底部按钮 -->
<view class="bottom-btn">
 <view class="l l-collect" bindtap="showShare" wx:if="{{!isGroupon}}">
  <image class="icon" src="../../images/goods-share.png"/>
 </view>
 <view class="l l-cart" wx:if="{{!isGroupon}}">
  <view class="box">
   <text class="cart-count">{{cartGoodsCount}}</text>
   <image bindtap="openCartPage" class="icon" src="/static/images/ic_menu_shoping_nor.png"></image>
  </view>
 </view>
 <view class="r" bindtap="addToCart" wx:if="{{!soldout}}" wx:if="{{!isGroupon}}">加入购物车</view>
 <view class="c" bindtap="addFast" wx:if="{{!soldout}}">{{isGroupon?'参加团购':'立即购买'}}</view>
 <view class="n" wx:if="{{soldout}}">商品已售空</view>
</view>