<view class="container">
  <view class="youimg" 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="aspectFill" data-src='{{item}}' bindload="{{index == 0 ? 'imageLoad' : ''}}" data-list='{{detailsContent.imgs}}' bindtap="previewImage"></image>
          </swiper-item>
        </block>
      </swiper>
    </view>
    <view class="card">
      <view class="card_text  title_content2">{{detailsContent.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" wx:if="{{detailsContent.type == 3}}">
            <text class="sales">{{detailsContent.sales_initial}}</text>
            <text class="sales_per">位车友推荐</text>
          </view>
          <view class="collar" wx:else>
            至少领
            <view class="count_num">{{detailsContent.fen}}</view>
            唛积分
          </view>
        </view>
        <view class="card_right">
          <view class="num_buy" wx:if="{{detailsContent.type != 3}}">
            <text class="sales">{{detailsContent.sales_initial}}</text>
            <text class="sales_per">位车友推荐</text>
          </view>
          <view class="all_clear collar" wx:if="{{detailsContent.yun_str  != 0 }}">
            运费：{{detailsContent.yun_str}}
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="noimg" wx:else>
    <view class="card">
      <view class="card_text  title_content2 ">{{detailsContent.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" wx:if="{{detailsContent.type == 3}}">
            <text class="sales">{{detailsContent.sales_initial}}</text>
            <text class="sales_per">位车友推荐</text>
          </view>
          <view class="collar" wx:else>
            至少领
            <view class="count_num">{{detailsContent.fen}}</view>
            唛积分
          </view>
        </view>
        <view class="card_right">
          <view class="num_buy" wx:if="{{detailsContent.type != 3}}">
            <text class="sales">{{detailsContent.sales_initial}}</text>
            <text class="sales_per">位车友推荐</text>
          </view>
          <view class="all_clear collar" wx:if="{{detailsContent.yun_str  != 0 }}">
            运费：{{detailsContent.yun_str}}
          </view>
        </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">{{detailsContent.type == 3?'汽车商城':'车唛直营'}}</view>
        <view class="pub">商品优选</view>
        <view class="pub">破损包退</view>
        <view class="pub">极速赔付</view>
      </view>
    </view>
    <view class="icon_img">></view>
  </view>
  <view class="lool" bindtap="goaddcar" wx:if="{{detailsContent.bang_id == 0 &&  detailsContent.type== 3}}">
    <view class="te">添加车辆，享受更多车主权益</view>
    <view class="icon_img">></view>
  </view>
  <!-- 10个赞 -->
  <view class="praise">
    <view class="praise_title">{{detailsContent.num}}个赞就能以点赞价购买商品，快去分享吧！</view>
    <view class="bentfox">
      <!-- <button catchtap="GOcanvas"></button> -->
      <view class="s" 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 mm">
        <image class="bents" src="{{imagesUrl}}assets/static/img/1_icon@2x.png"></image>
      </view>
    </view>
  </view>
  <!-- 我的人气 -->
  <view class="praise_person" wx:if="{{user_arr.length !=0}}">
    <text>我的人气</text>
  </view>
  <view class="person_box" wx:if="{{user_arr.length !=0}}">
    <swiper class='statistics_list' autoplay="{{true}}" wx:if="{{user_arr.length > 3}}" duration="{{duration}}" interval="{{interval}}" display-multiple-items="3" circular="{{circular}}" vertical="true" current="{{swiperError}}" bindchange="swiperChange">
      <block wx:for="{{user_arr}}" wx:key="index" wx:for-index="index" wx:for-item="item">
        <swiper-item>
          <view class="person_name">
            <image src="{{item.img}}"></image>
            <view class="itemnickname">{{item.nickname}}</view>
            <view class="itemnickname  title_content1">
              认为该商品很棒，并为 {{detailsContent.nickname}} 点赞
            </view>
          </view>
        </swiper-item>
      </block>
    </swiper>
    <block wx:else>
      <view class="person_name" wx:for="{{user_arr}}" wx:key="index" wx:for-index="index" wx:for-item="item">
        <image src="{{item.img}}"></image>
        <view class="itemnickname">{{item.nickname}}</view>
        <view class="itemnickname  title_content1">认为该商品很棒，并为 {{detailsContent.nickname}} 点赞</view>
      </view>
    </block>
  </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="buy" wx:if="{{is_me == false}}">
      <button open-type="contact" class="transparent"></button>
      <image src="{{imagesUrl}}assets/static/img/kefu_icon@2x.png"></image>
      <button class="btnPay" wx:if="{{detailsContent.btn == 'zan'  &&  detailsContent.zan_id == 1 }}" data-id="{{detailsContent.id}}" catchtap="dianZan" data-zan_id="{{detailsContent.zan_id}}">
        {{zan}}
      </button>
      <button class="btnPayno" wx:if="{{detailsContent.btn == 'zan'  &&  detailsContent.zan_id == 0 }}" open-type="share">
        分享好友，获得{{detailsContent.num}}个赞即可购买
      </button>
      <button class="btnPay" wx:if="{{detailsContent.buy_id == 1 &&  detailsContent.btn == 'buy' }}" catchtap="gotopay" data-id="{{detailsContent.id}}" data-buy_id="{{detailsContent.buy_id}}">
        立刻购买
      </button>
      <button class="btnPayno" open-type="share" wx:if="{{detailsContent.buy_id == 0 &&  detailsContent.btn == 'buy'  }}">
        分享好友，获得{{detailsContent.num}}个赞即可购买
      </button>
    </view>
    <view class="buy" wx:else>
      <button open-type="contact" class="transparent"></button>
      <image src="{{imagesUrl}}assets/static/img/kefu_icon@2x.png"></image>
      <block wx:if="{{is_can ==1}}">
        <button class="btnPay" catchtap="gotopay" data-id="{{detailsContent.id}}" data-buy_id="{{detailsContent.buy_id}}">
          立刻购买
        </button>
      </block>
      <block wx:else>
        <button class="btnPayno" open-type="share">分享好友，获得{{detailsContent.num}}个赞即可购买</button>
      </block>
    </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="title_content2">{{changedShop.name}}</view>
        <view class="storeMoney">
          <text class="icon_money">￥</text>
          <text>{{changedShop.price}}</text>
        </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-number="{{changedShop.num}}">
        立即购买
      </button>
    </view>
  </view>
  <!-- 授权登录 -->
  <view class="login">
    <!-- 屏幕背景变暗的背景 -->
    <view class="commodity_screen" bindtap="hideModal1" wx:if="{{showModalStatu}}"></view>
    <!-- 弹出框 -->
    <view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatu}}">
      <view class="phoneshou">
        <view class="padlock" catchtap="hideModal1">
          <image src="{{imagesUrl}}assets/static/img/updown.png" />
        </view>
        <view class="phone_title">请先授权登录</view>
        <view class="tips_content">为了更好的为你提供服务，请允许微信授权后再使用功能</view>
        <view class="downbtn">
          <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>
  </view>
</view>