minixyz/pages/details/details.wxml

<!--pages/details/details.wxml-->
<import src="../../wxParse/wxParse.wxml" />
<view class="bacfff">
  <view class="pos_rel">
    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="#E8E8E8"
      circular="true" indicator-active-color="##2B2B2B" 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>
  <view class="place-bacd9"></view>
  <view class="n_goods_content">
    <view class="n_price_content align_center">
      <!-- <text class="f24 col333" wx:if="{{getOneSummary['act_type'] == 0}}">红包价：</text> -->
      <text class="f34 col2B2B2B ft_bold">¥{{getOneSummary['act_type'] == 0?getOneSummary.bonus_price:getOneSummary['goods_promotion_price']}}</text>
      <text class="f24 col999 ml10 line-through">专柜价：¥{{getOneSummary.goods_price}}</text>
    </view>
    <view class="f24 col666 l_height34 mt4">库存：{{getOneSummary.goods_storage}}件</view>
    <view class="n_goods_title">
      <view class="brand_auth" wx:if="{{getOneSummary.brand_author_desc}}">{{getOneSummary.brand_author_desc}}</view>
      <text decode="{{true}}">{{getOneSummary.goods_mobile_name}}&nbsp;&nbsp;{{getOneSummary.goods_jingle}}</text>
    </view>
  </view>

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

  <view class="ensure_desc" bindtap='isExplain_flag' data-flag="true">
    <view class="stamps_list">
      <view class="n_stamps_item" wx:if="{{getOneSummary.brand_country_logo}}">
        <image class="stamp_pic" src="{{getOneSummary.brand_country_logo}}"></image>
        {{getOneSummary.brand_country}}品牌
      </view>
      <view class="n_stamps_item">
        <image class="stamp_pic" src="../../image/lrlz.png"></image>
        丽妆自营
      </view>
      <view class="n_stamps_item">
        <image class="stamp_pic zg" src="../../image/zg.png"></image>
        线上专柜
      </view>
    </view>
    <view class="ensure_desc_text" wx:if="{{datas.common_info.brand_tip}}">{{datas.common_info.brand_tip}} </view>
    <view class="see_ensure_wrap">
      <image class="see_ensure_desc" src="../../image/back.png"></image>
    </view>
  </view>
  <view class="place-bac247"></view>

  <block wx:if="{{datas.comment}}">
    <view class="comments_box">
      <view class="comments_header">
        -商品评价-
        <view class="all_comments" catchtap="allComments">
          查看全部
          <image class="all_comments_icon" src="../../image/back.png"></image>
        </view>
      </view>

      <view class="comments_basic_info">
        <view class="f30 col333">商品评论
          <text class="ft_bold ml8">({{datas.common_info.comments}})</text>
        </view>
        <view class="align_center">
          <text class="f24 col333 mr10">{{datas.common_info.comments_rate}}</text>
          <block wx:for="{{starSrcs}}" wx:key="*this">
            <image class="star" src="{{item}}"></image>
          </block>
        </view>
      </view>

      <block wx:for="{{comments}}" wx:key="*this" wx:for-index="index">
        <view class="comments_item">
          <view>
            <view class="align_center member_avatar">
              <image src="{{item.member_avatar}}"></image>
              <view class="f28 col333 ml20">{{item.nickname}}</view>
            </view>
          </view>
          <view class="f24 col333 l_height34 mt20">{{item.content}}</view>
          <view class="f24 col333 l_height34 mt20">规格:{{item.goods_spec}}</view>
          <view class="f24 col999 l_height34 mt10" wx:if="{{item['transform_addtime']}}">{{item['transform_addtime']}}</view>
          <view wx:if="{{item.images.length}}">
              <image bindtap='showCarousel' mode="widthFix" data-images="{{item.images}}" data-current="{{imgIndex}}" class="content_img"
                src="{{imgItem}}" wx:for-item="imgItem" wx:for="{{item.images}}" wx:for-index="imgIndex" wx:key="imgIndex"></image>
            </view>
            <view class="content" wx:if="{{item.explain}}">{{item.explain}}</view>
        </view>
        <view class="place-bacd9" wx:if="{{index < comments.length - 1}}"></view>
      </block>
    </view>
  </block>
  <view class="place-bac247"></view>

  <view class="comments_box">
    <view class="comments_header mb20">-图文详情-</view>
    <template is="wxParse" data="{{wxParseData:article.nodes}}" />
  </view>

  <view class="place_details_tabbar"></view>
  <view class="details_tabbar">
    <navigator class="details_tabbar_item right_line" url="/pages/index/index" open-type="switchTab">
      <view class="tabbar_icon_wrap flex_center">
        <image class="home_icon" src="../../image/home-icon.png"></image>
      </view>
      <view class="details_tabbar_label">首页</view>
    </navigator>
    <navigator class="details_tabbar_item right_line" url="/pages/shopCart/shopCart" open-type="switchTab">
      <view class="tabbar_icon_wrap flex_center">
        <image class="shopcart_icon" src="../../image/shopcart-icon.png"></image>
      </view>
      <view class="details_tabbar_label">购物车</view>
    </navigator>
    <view class="details_tabbar_item" session-from="weapp">
      <contact-button session-from="weapp" style="opacity:0;position: absolute;left: 0;right:0;top: 0;bottom: 0;z-index:2;"></contact-button>
      <view class="tabbar_icon_wrap flex_center">
        <image class="shopcart_icon" src="../../image/details_customer.png"></image>
      </view>
      <view class="details_tabbar_label">客服</view>
    </view>
    <view class="details_tabbar_simple" bindtap='animation_flag' data-flag="true" data-cartorbuy="isCart">加入购物车</view>
    <view class="details_tabbar_simple buy" bindtap='animation_flag' data-flag="true" data-cartorbuy="isBuy">立即购买</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 line-through">{{getOneSummary.goods_price}}</text>
        </view>
        <view class="f24">库存{{getOneSummary.goods_storage}}件</view>
        <block wx:if="{{getgift}}">
          <navigator url="/pages/details/details?goods_id={{item.gifts.gift_goods_id}}" wx:for="{{getgift}}" wx:index="giftindex" wx:key="giftindex">
            <view class="gifts_wrap one_line_hidden">
              <text class="gift_tag">赠品</text>
              <text class="gift_underline ml8">{{item.sum.goods_mobile_name}}</text>
            </view>
          </navigator>
        </block>
      </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-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" bindtap="goodsNumHandle" data-type="minus">-</view>
        <view class="simple_goods_result">{{goodsNumber}}</view>
        <view class="simple_goods_compute" bindtap="goodsNumHandle" data-type="add">+</view>
      </view>
    </view>
    <view class="close_btn" bindtap='animation_flag' data-flag="false"></view>
    <view class="simple_goods_buy" bindtap="checkSubmit">确定</view>
  </view>

  <!-- 评论图片弹窗 -->
  <commentsCarousel wx:if="{{show_carousel}}" bind:hideCarousel="hideCarousel" current="{{current}}" carouselImgs="{{carouselImgs}}">
    </commentsCarousel>

    <!-- 商品说明弹窗 -->
    <view class="animation_popup {{isExplain ? 'show_popup' : ''}}" bindtap='isExplain_flag' data-flag="false"></view>
    <view class="simple_explain {{isExplain ? 'show_animation' : ''}}">
      <!-- view -->
      <view class="close_explain" bindtap='isExplain_flag' data-flag="false"></view>
      <image src="../../image/goods_explain.png" style="width: 100%" mode="widthFix"></image>
    </view>
</view>