challengeFamily/pages/product/goods/detail.wxml

<view class="common_fix common_back" hidden="{{!showBack}}" bindtap="toTop">
  <text class="icon icon-toTop"></text>
</view>
<navigator class="common_fix common_home" wx:if="{{currentPages == 1}}" open-type="reLaunch" url="/pages/home/index" hover-class="none">
  <text class="icon icon-home"></text>
</navigator>
<chat show="{{chatShow}}" aid="{{aid}}" type="0" />
<sku show="{{skuShow}}" aid="{{aid}}" atype="{{datas.atype}}" setMeals="{{['颜色类别','型号尺码']}}" maxUserCoin="{{datas.maxUserCoin||0}}" />

<!-- <view class="bar-bottom buttons-row">
  <button class="button button-white" bindtap="chat">
    <text class="middle icon-chat font20 subtitleColor"></text><text class="middle"> 咨询</text>
  </button>
  <view class="button button-warn" bindtap="goPay" wx:if="{{datas.status == 0 && datas.canbuy == 0}}">立即购买</view>
  <view class="button disabled" wx:if="{{datas.status == 0 && datas.canbuy != 0}}">立即购买</view>
  <view class="button disabled" wx:if="{{datas.status == 2}}">已满额</view>
  <view class="button disabled" wx:if="{{datas.status == 3}}">已下架</view>
</view> -->
<!-- 底部按钮 -->
<view class="barOnBottom ">
  <view class="buttons-row">
    <view class="button-growup">
      <button class="button button-white" bindtap="gohome">
        <image src="https://img.bbztx.com/miniProgram/challengeFamily/actToHome.png" class="actBoIcon" mode="widthFix" />
        <text class="middle font12"> 首页</text>
      </button>
      <button class="button button-white" bindtap="chat">
        <image src="https://img.bbztx.com/miniProgram/challengeFamily/actToConsult.png" class="actBoIcon" mode="widthFix" />
        <text class="middle font12"> 咨询</text>
      </button>
      <button id="invite" class="button button-white" bindtap='invite'>
        <image src="https://img.bbztx.com/miniProgram/challengeFamily/actToDate.png" class="actBoIcon" mode="widthFix" />
        <text class="middle font12"> 约伴</text>
      </button>
    </view>
    <view class="button-growup">
      <view class="button-r button-warn" bindtap="goPay" wx:if="{{datas.status == 0 && datas.canbuy == 0}}">立即购买</view>
      <view class="button-r disabled" wx:if="{{datas.status == 0 && datas.canbuy != 0}}">立即购买</view>
      <view class="button-r disabled" wx:if="{{datas.status == 2}}">已满额</view>
      <view class="button-r disabled" wx:if="{{datas.status == 3}}">已下架</view>
    </view>
  </view>
</view>
<view class="content">
  <view class="header">
    <view class="nav topNav" hidden="{{!isColumn}}">
      <view class="nav-one {{item.id == current?'current':'nocur'}}" wx:for="{{nav}}" wx:key="unique" data-id="{{item.id}}" bindtap="chooseNav">{{item.title}}</view>
    </view>
    <swiper indicator-dots="true" class="swiper">
      <block wx:for="{{datas.pics}}" wx:key="unique">
        <swiper-item>
          <image src="{{item}}" class="slide-image" mode="aspectFill" />
        </swiper-item>
      </block>
    </swiper>
    <view class="goods-price" wx:if="{{datas.price || datas.originalPrice}}">
      <view class="price-ins">当前价</view>
      <view class="real-p" wx:if="{{datas.price}}">￥{{datas.price}}</view>
      <view class="orig-p" wx:if="{{datas.originalPrice}}">￥{{datas.originalPrice}}</view>
    </view>
  </view>
  <view class="headDet card">
    <view class="titleBox">
      <view class="title">{{datas.title}}</view>
    </view>
    <!-- 两行标签滑动 -->
    <view class="tag subtitleColor">
      <view class="product-tag">
        <view>
          <view class="product-tag-item" wx:for="{{datas.keyTag1}}" wx:for-index="idx" wx:for-item="it" wx:key="idx">{{it.tagValue}}</view>
        </view>
        <view>
          <view class="product-tag-item" wx:for="{{datas.keyTag2}}" wx:for-index="idx" wx:for-item="it" wx:key="idx">{{it.tagValue}}</view>
        </view>
      </view>
    </view>
  </view>

  <view class="card" wx:if="{{comments.comments.length>0}}">
    <navigator class="r-float font12  buttom1" url="/pages/product/comment/index?aid={{datas.aid}}">查看全部 </navigator>

    <view class="scoreBox">
      <view class="scoreTit inline-block">整体评分</view>
      <view class="starBlank inline-block">
        <view class="scoreBG" style="width:{{score}}%"></view>
      </view>
    </view>
    <view class="line"></view>
    <block wx:for="{{comments.comments}}" wx:key="unique">
      <view class="userInfor">
        <view class="headerBox">
          <image class="headerImgB" src="{{item.ownerAvatar}}" />
          <text>{{item.ownerNick}}</text>
        </view>
        <view class="userBox">
          <text class="gray font12">{{item.weiboTime}}</text>
        </view>
      </view>
      <view class="listScore">
        <view class="score" bindtap="showAllComment"><view class="comment_content">{{item.contented}}</view></view>
        <view class="scoreImg " wx:if="{{item.imageList.length>0}}" bindtap="previewImage" data-index="{{index}}">
          <image class="appraise" src="{{item.imageList[0]}}?x-oss-process=image/resize,m_mfit,h_300,w_300" mode="aspectFill"></image>
        </view>
        <view class="addScore" wx:if="{{item.fcomments.fcontent}}">
          <view class="addTitle">{{item.fcomments.fweibotime}}追加评论</view>
          <view class="score" wx:if="{{item.fcontent}}">{{item.fcontent}}</view>
          <view class="scoreImg mTop10" wx:if="{{item.fcomments.fimages.length > 0}}" bindtap="previewFimages" data-index="{{index}}">
            <image wx:for="{{item.fcomments.fimages}}" wx:key="unique" wx:for-item="itemImg" src="{{itemImg}}?x-oss-process=image/resize,m_mfit,h_300,w_300" mode="aspectFill" data-i="{{index}}"></image>
          </view>
        </view>
        <view class="reply" wx:if="{{item.answer}}">
          <view class="addTitle replyTitle"><text class="icon icon-commentd"></text>宝大大回复：</view>
          <view class="score">{{item.answer}}</view>
        </view>
      </view>
    </block>
  </view>
  <!-- 保障 -->
  <view class="card" wx:if="{{datas.postExplain||datas.goodsGuarantee.length>0||datas.maxUserCoin>0}}">
    <view class="col-item" wx:if="{{datas.maxUserCoin&&datas.maxUserCoin>0}}">
      <view class="col-it-label"><text>宝贝币</text></view>
      <view class="col-it-val">部分规格可用，最高可再抵<text class="subtitleColor">{{datas.maxUserCoin/10}}元</text></view>
    </view>
    <view class="col-item" wx:if="{{datas.postExplain}}">
      <view class="col-it-label"><text>快递</text></view>
      <view class="col-it-val">{{datas.postExplain}}</view>
    </view>
    <view class="col-item" wx:if="{{datas.goodsGuarantee.length>0}}">
      <view class="col-it-label"><text>保障</text></view>
      <view class="col-it-val"><text wx:for="{{datas.goodsGuarantee}}" wx:key="*this" style="margin-right: 10rpx;">{{item.tagValue}}</text></view>
    </view>
  </view>
  <!-- 详情内容 -->
  <view class="details card">
    <view class="product-nav {{isColumn ? 'product-nav-fiexd':''}}">
      <view class="nav {{isColumn ? 'topNav':''}}">
        <view class="nav-one {{item.id == current?'current':'nocur'}}" wx:for="{{nav}}" wx:key="unique" data-id="{{item.id}}" bindtap="chooseNav">{{item.title}}</view>
      </view>
    </view>
    <view class="detail-content" id="content">
      <video class="video" id="myVideo-{{index}}" wx:if="{{viode}}" wx:for="{{viode}}" wx:if="{{index < 3}}" wx:key="unique" src="{{item}}"></video>
      <rich-text nodes="{{datas.content}}"></rich-text>
    </view>
    <view class="detail-content" id="notes">
      <rich-text nodes="{{datas.notes}}"></rich-text>
    </view>
  </view>
</view>