minixyz/pages/details/details.wxml

<!--pages/details/details.wxml-->
<view>
  <view class="pos_rel">
    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" style="height:750rpx">
      <block wx:for="{{imgUrls}}" wx:key="*this">
        <swiper-item>
          <image src="{{item}}" class="slide-image" mode="widthFix" style="width: 100%;" />
        </swiper-item>
      </block>
    </swiper>
    <view class="comment_swiper" wx:if="{{datas.comment.content}}">
      <navigator class="f0" url="/pages/comments/comments?common_id={{datas.comment.common_id}}">
        <image src="{{datas.comment.member_avatar}}"></image>
        <text class="nickname" decode="{{true}}">&nbsp;&nbsp;{{datas.comment.nickname}}:</text>
        <text class="comment_content one_line_hidden">{{datas.comment.content}}</text>
      </navigator>
    </view>
    <view class="details_collection flex_center">已收藏人数 {{getOneSummary.goods_collect}}</view>
  </view>

  <view class="goods_content">
    <view class="padLR30">
      <view class="one_line_hidden goods_name_title">{{getOneSummary.goods_mobile_name}}</view>
      <view class="one_line_hidden col333 f28">{{getOneSummary.goods_jingle}}</view>
    </view>
    <view class="bonus_price flex_center">
      <text decode="{{true}}">￥{{getOneSummary['act_type'] == 0?getOneSummary.bonus_price:getOneSummary['goods_promotion_price']}}&nbsp;&nbsp;</text>
      <text class="goods_price" decode="{{true}}">天猫价&nbsp;{{getOneSummary.goods_price}}</text>
    </view>

    <view class="goods_desc">
      <text wx:if="{{getOneSummary['act_type'] == 0}}" decode="{{true}}">红包抵{{(getOneSummary.goods_price*100 - getOneSummary.bonus_price*100) / 100}}元&nbsp;/</text>
      <text decode="{{true}}">已售{{getOneSummary.goods_salenum}}件&nbsp;/&nbsp;库存{{getOneSummary.goods_storage}}件</text>
    </view>
  </view>

  <view wx:if="{{getOneSummary['act_type'] == 0}}" class="congratulation_text one_line_hidden">{{getOneSummary.gap_desc}}</view>
  <view class="details_stamps">
    <view class="stamps_item">
      <image class="goods_logo" src="{{getOneSummary.brand_country_logo}}"></image>
      {{getOneSummary.brand_country}}品牌
    </view>
    <view class="stamps_item">
      <image class="goods_logo" src="../../image/small_logo.png"></image>
      熊猫美妆自营
    </view>
    <view class="stamps_item">
      <image class="goods_logo" src="../../image/authorize_icon.png"></image>
      {{getOneSummary.brand_author_desc}}
    </view>
    <view class="stamps_item">
      <image class="goods_logo" src="../../image/seven_icon.png"></image>
      7天无理由退货
    </view>
  </view>

  <view class="place-bac247"></view>

  <view class="comments_block">
    <view>用户评价
      <text class="colef524d">({{datas.common_info.comments}})</text>
    </view>
    <navigator url="/pages/comments/comments?common_id={{datas.comment.common_id}}">
      <view class="f24">查看全部评论 > </view>
    </navigator>
  </view>

  <view class="comment">
    <view class="user">
      <view class="member_avatar f_left">
        <image src="{{datas.comment.member_avatar}}">
        </image>
      </view>
      <view class="f28 f_left">{{datas.comment.nickname}}</view>
      <view class="scores f_right">
        <view class="flex-stars">
          <image class="star" src="../../image/star.png" wx:for="{{datas.comment.scores}}" wx:key="*this"></image>
        </view>
        <view class="comment_time">{{datas.comment.comment_time}}</view>
      </view>
    </view>
    <view class="spec">规格:{{datas.comment.goods_spec}}</view>
    <view class="content">{{datas.comment.content}}</view>
    <view class="content_img"></view>
  </view>

  <view class="place-bac247"></view>

  <view class="comments_block">
    <view>产品参数</view>
  </view>

  <view class="vux-1px-b">
    <view class="attr_list_item" wx:for="{{datas.common_info.attrs}}" wx:key="*this">
      <text>{{item.name}}</text>
      <text class="col333">{{item.value}}</text>
    </view>
  </view>

  <view class="place-bac247"></view>
  <button style="width: 60%;" type="primary" plain="true" bindtap="toWebView">查看更多详情</button>
  <view class="details_tabbar">
    <navigator class="details_tabbar_item" url="/pages/index/index" open-type="switchTab">
      <image class="details_tabbar_icon" src="../../image/home-icon.png"></image>
      <view class="details_tabbar_label">首页</view>
    </navigator>
    <navigator class="details_tabbar_item" url="/pages/shopCart/shopCart" open-type="switchTab">
      <image class="details_tabbar_icon" src="../../image/shopcart-icon.png"></image>
      <view class="details_tabbar_label">购物车</view>
    </navigator>
    <view class="details_tabbar_simple" bindtap='animation_flag' data-flag="true">加入购物车</view>
    <view class="details_tabbar_simple buy" bindtap='animation_flag' data-flag="true">立即购买</view>
  </view>

  <view class="animation_popup {{animation_flag ? 'show_popup' : ''}}" bindtap='animation_flag' data-flag="false"></view>
  <view class="simple_shopcart {{animation_flag ? 'show_animation' : ''}}">
    <view class="simple_goods_info pab30 vux-1px-b">
      <view class="flexbox_item">
        <image class="goods_small_img" src="{{getOneSummary.goods_image_url}}"></image>
      </view>
      <view class="flexbox_item">
        <view class="simple_goods_price">
          <text decode="{{true}}">￥{{getOneSummary['act_type'] !== 1?getOneSummary.bonus_price:datas['groupbuy'][0]['promotion_price']}}&nbsp;&nbsp;</text>
          <text class="goods_original_price">{{getOneSummary.goods_price}}</text>
        </view>
        <view class="f24">已售{{getOneSummary.goods_salenum}}件/库存{{getOneSummary.goods_storage}}件</view>
      </view>
    </view>

    <view class="simple_goods_spec vux-1px-b">
      <view class="f24">选择{{datas.common_info.spec_name}}</view>
      <view class="simple_sec_content">
        <view class="sec_content_btn {{sec_index==idx?'sec_active':''}}" wx:for="{{datas.common_info.skus}}" wx:for-index="idx" wx:key="idx" bindtap='secSku' data-secindex="{{idx}}" data-skus="{{datas.common_info.skus}}" data-goodsid="{{item.goods_id}}">{{item.spv_name}}</view>      
      </view>
    </view>

    <view class="simple_goods_info">
      <view class="flexbox_item pal30 f24">数量</view>
      <view class="flexbox_item">
        <view class="simple_goods_compute">-</view>
        <view class="simple_goods_result">1</view>
        <view class="simple_goods_compute">+</view>
      </view>
    </view>

    <view class="simple_goods_buy">确定</view>    

  </view>
</view>