<view class="container">
  <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="*this" wx:for-item="item">
          <image src="{{item}}" 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.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}}</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>
          <text class="icon_title">保障</text>
        </view>
        <text class="pub">4S店促销</text>
        <text class="pub">商品优选</text>
        <text class="pub">破损包退</text>
        <text class="pub">极速赔付</text>
      </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">
      <button open-type="contact" class="transparent"></button>
      <image class="img1" src="{{imagesUrl}}assets/static/img/kefu_icon@2x.png"></image>
      <image class="img1" src="{{imagesUrl}}assets/static/img/shouye_icon@2x.png" bindtap="goToShopCart" />
    </view>
    <view class="buy">
      <button class="btn1 bind" bindtap="addSHOPStore" data-id="{{detailsContent.id}}">
        加入购物车
      </button>
      <button class="btn2 bind" bindtap="clickme" data-id="{{detailsContent.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">
      <view class="storeImg">
        <image src="{{changedShop.img}}" />
      </view>
      <view class="store_cont">
        <view class="store_cont_name">
          <text>{{changedShop.name}}</text>
        </view>
        <view class="storeMoney">
          <text class="icon_money">￥</text>
          <text>{{changedShop.price}}</text>
        </view>
      </view>
    </view>
    <!-- 规格 -->
    <!-- <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 {{item.lineId==indexsec?'active_tag':''}}" wx:for="{{item.value}}" wx:key="indexsec" wx:for-item="items" wx:for-index="indexsec" catchtap="changeitem" data-gui_id="{{items.id}}" data-index="{{indexsec}}" data-parindex="{{index}}">
            <text class="aaatext">{{items.spec_value}}</text>
          </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>
    <view class="btnbuy">
      <button class="btnbuy__" size="default" wx:if="{{show}}" bindtap="payStore" data-id="{{changedShop.id}}" data-num="{{changedShop.num}}">
        立即购买
      </button>
      <button class="btnbuy__" size="default" wx:if="{{addshow}}" bindtap="addSHOPStore" data-id="{{changedShop.id}}">
        加入购物车
      </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>
  <lfy-login id="lfyLogin" bind:istoken="bindistoken" />
</view>