<view class="container">
  <block wx:if="{{detailsContent.imgs.length>0}}">
    <view class="top_img">
      <swiper class="banner" indicator-dots indicator-color="rgba(255, 255, 255, 0.6)" indicator-active-color="#fff">
        <block>
          <swiper-item wx:for="{{detailsContent.imgs}}" wx:key="index" wx:for-item="item" wx:for-index="index">
            <image src="{{item}}" mode="widthFix" data-src='{{item}}' bindload="{{index == 0 ? 'imageLoad' : ''}}" data-list='{{detailsContent.imgs}}' bindtap="previewImage"></image>
          </swiper-item>
        </block>
      </swiper>
    </view>
    <!-- 卡片 -->
    <view class="cards">
      <view class="card">
        <view class="ittt">
          <view class="card_text  title_content2">{{detailsContent.goods_name}}</view>
          <view class="imgbtns">
            <view class="s_btn" catchtap="GOcanvas">
              <image class="bents" src="{{imagesUrl}}assets/static/img/2_icon@2x.png"></image>
            </view>
            <button open-type="share" class="buttonShare"></button>
            <view class="s_btn mm">
              <image class="bents" src="{{imagesUrl}}assets/static/img/1_icon@2x.png"></image>
            </view>
          </view>
        </view>
        <view class="card_box">
          <view class="card_left">
            <view class="price_dP">
              <view class="zan_price">
                <text class="icon_name">现价:</text>
                <text class="money_icon">¥</text>
                <text class="price_big">{{detailsContent.price}}</text>
              </view>
              <view class="del">
                <text class="money_icon">¥</text>
                <text class="del_price">{{detailsContent.line_price}}</text>
              </view>
            </view>
            <view class="num_buy">
              <text class="sales">{{detailsContent.sales_initial}}</text>
              <text class="sales_per">位车友推荐</text>
            </view>
          </view>
          <view class="card_right">
            <view class="collar">
              至少领
              <text class="count_num">{{detailsContent.fen}}</text>
              唛积分
            </view>
            <text class="all_clear collar">运费:{{detailsContent.yun_str}}</text>
          </view>
        </view>
      </view>
    </view>
  </block>
  <view class="cardnoIMG" wx:else>
    <view class="card_text">{{detailsContent.goods_name}}</view>
    <view class="card_box">
      <view class="card_left">
        <view class="price_dP">
          <view class="zan_price">
            <text class="icon_name">现价:</text>
            <text class="money_icon">¥</text>
            <text class="price_big">{{detailsContent.price}}</text>
          </view>
          <view class="del">
            <text class="money_icon">¥</text>
            <text class="del_price">{{detailsContent.line_price}}</text>
          </view>
        </view>
        <view class="num_buy">
          <text class="sales">{{detailsContent.sales_initial}}</text>
          <text class="sales_per">位车友推荐</text>
        </view>
      </view>
      <view class="card_right">
        <view class="collar">
          至少领
          <text class="count_num">{{detailsContent.fen}}</text>
          唛积分
        </view>
        <view class="all_clear collar">
          <text class="yun">运费:</text>
          <text class="yunfei">{{detailsContent.yun_str}}</text>
        </view>
      </view>
    </view>
  </view>
  <view class="chefuWu" bindtap="golookfuwu">
    <view class="c">
      <view class="icon_conte">
        <view class="fw">
          <view class="icon_fw">
            <image src="{{imagesUrl}}assets/static/img/web2x_vip_icon.png" />
          </view>
          <view class="icon_title">保障</view>
        </view>
        <view class="pub  pubone">{{s4_id == 0?'车唛直营' : '直营'}}</view>
        <view class="pub">商品优选</view>
        <view class="pub">破损包退</view>
        <view class="pub">极速赔付</view>
      </view>
    </view>
    <view class="icon_img">></view>
  </view>
  <!-- 详情 评价 -->
  <view class="details">
    <view class="details_name {{_num == 1? 'cur':''}}" data-num="1" bindtap="changeTitle">详情</view>
    <view class="appraise_name  {{_num == 2? 'cur':''}}" data-num="2" bindtap="changeTitle">
      评价
    </view>
  </view>
  <view class="details_box">
    <!-- 详情 -->
    <view class="details_img" wx:if="{{_num == 1}}">
      <import src="../../wxParse/wxParse.wxml" />
      <template is="wxParse" data="{{wxParseData:content.nodes}}" />
    </view>
    <!-- 评价内容 -->
    <block wx:if="{{_num == 2}}">
      <view class="c" wx:if="{{pingList.length > 0}}">
        <view class="praise_content" wx:for="{{pingList}}" wx:key="this">
          <view class="person_content">
            <view class="left_ziliao">
              <view class="imgNum">
                <image src="{{item.user.avatar}}" />
              </view>
              <view class="per_item">
                <text class="nickname">{{item.user.nickname}}</text>
                <view class="dateTime">{{item.time}}</view>
              </view>
            </view>
            <view class="praise_star">
              <image src="{{imagesUrl}}assets/static/img/haoping_icon@2x.png" wx:if="{{item.ping == 1}}" />
              <image src="{{imagesUrl}}assets/static/img/zhongping_icon@2x.png" wx:if="{{item.ping == 2}}" />
              <image src="{{imagesUrl}}assets/static/img/chaping_icon@2x.png" wx:if="{{item.ping == 3}}" />
              <text wx:if="{{item.ping == 1}}">好评</text>
              <text wx:if="{{item.ping == 2}}">中评</text>
              <text wx:if="{{item.ping == 3}}">差评</text>
            </view>
          </view>
          <view class="praise_text">{{item.cnt}}</view>
          <view class="imgsnox">
            <view class="imgs" wx:for="{{item.imgs}}" wx:key="this" wx:for-item="items">
              <image src="{{items}}" />
            </view>
          </view>
        </view>
      </view>
      <view class="d" wx:else>暂无评价</view>
    </block>
  </view>
  <!-- 立刻购买 -->
  <view class="box_buy">
    <view class="kefu   {{s4_id!=0?'newimg' : ''}}">
      <button open-type="contact" class="transparent  "></button>
      <image class="img1 " src="{{imagesUrl}}assets/static/img/kefu_icon@2x.png"></image>
      <image class="img1" wx:if="{{s4_id==0}}" src="{{imagesUrl}}assets/static/img/shouye_icon@2x.png" bindtap="goToShopCart" />
    </view>
    <view class="buy">
      <button class="btn1 bind" wx:if="{{s4_id==0}}" bindtap="addShopCart" data-id="{{detailsContent.goods_id}}">
        加入购物车
      </button>
      <button class="btn2 bind  {{s4_id!=0?'newbind' : ''}}" bindtap="clickme" data-id="{{detailsContent.goods_id}}">
        立刻购买
      </button>
    </view>
  </view>
  <!-- 弹窗 -->
  <!-- 屏幕背景变暗的背景 -->
  <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
  <!-- 弹出框 -->
  <view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
    <view class="updown" bindtap="hideModal">
      <image src="{{imagesUrl}}assets/static/img/updown.png" />
    </view>
    <view class="buyStore" wx:if="{{changedShop.img}}">
      <view class="storeImg">
        <image src="{{changedShop.img}}" />
      </view>
      <view class="store_cont">
        <view class="store_cont_name">
          <text>{{changedShop.goods_name}}</text>
        </view>
        <view class="storeMoney">
          <text class="icon_money">￥</text>
          <text>{{goodsPrice}}</text>
        </view>
      </view>
    </view>
    <view class="buyStoreNOimg" wx:else>
      <view class="store_cont">
        <view class="store_cont_name">
          <text>{{changedShop.goods_name}}</text>
        </view>
        <view class="storeMoney">
          <text class="icon_money">￥</text>
          <text>{{changedShop.price}}</text>
        </view>
      </view>
    </view>
    <!-- 规格 -->
    <view class="cond">
      <scroll-view scroll-y='true' style='height:100%'>
        <view class="rules">
          <view class="left_num" wx:for="{{gui}}" wx:key="index" wx:for-item="item" wx:for-index="index">
            <view class="guiName">{{item.name}}</view>
            <view class="rules_change">
              <view class="down  {{items.is_choose == 1?'active_tag':''}}" wx:for="{{item.value}}" wx:key="indexs" wx:for-item="items" wx:for-index="indexs" catchtap="changeguige" data-gui_id="{{items.id}}" data-index="{{indexs}}" data-parindex="{{index}}">
                {{items.spec_value}}
              </view>
            </view>
          </view>
        </view>
        <!-- 数量 -->
        <view class="number">
          <view class="left_num">数量</view>
          <view class="right_num">
            <view class="jian_img itemImg_" bindtap="countMinus">
              <image src="{{imagesUrl}}assets/static/img/jian.png" />
            </view>
            <view class="center_num  itemImg_">{{num}}</view>
            <view class="jia_img  itemImg_" bindtap="countPlus">
              <image src="{{imagesUrl}}assets/static/img/jia1.png" />
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
    <view class="btnbuy">
      <button class="btnbuy__" size="default" wx:if="{{show}}" bindtap="payStore" data-id="{{changedShop.goods_id}}" data-num="{{changedShop.num}}">
        立即购买
      </button>
      <button class="btnbuy__" size="default" wx:if="{{addshow}}" bindtap="addSHOPStore" data-id="{{changedShop.goods_id}}" data-num="{{changedShop.num}}">
        加入购物车
      </button>
    </view>
  </view>
  <view class="zan_dialog" catchtap="toggleDialog" wx:if="{{showDialog}}"></view>
  <view class="phoneshou" wx:if="{{showDialog}}">
    <view class="padlock" catchtap="toggleDialog">
      <image src="{{imagesUrl}}assets/static/img/updown.png" />
    </view>
    <view class="phone_title">请先授权登录</view>
    <view class="tips_content">为了更好的为你提供服务，请允许微信授权后再使用功能</view>
    <view class="downbtn">
      <!-- <button class="btn" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">
        <image src="{{imagesUrl}}assets/static/img/icon_wechat.png" />
        微信授权登录
      </button> -->
      <view class="si_box">
        <button class="btn" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">
          <image src="{{imagesUrl}}assets/static/img/icon_wechat.png" />
          微信授权登录
        </button>
      </view>
    </view>
  </view>
</view>