VSpikeMallDetail.wxml 9.0 KB
<view class="container">
  <view class="header">
    <view class="s" style='height:{{statusTop}}px'></view>
    <view class="left_img">
      <image src="{{imagesUrl}}assets/static/img/img_z.png" bindtap="goback" />
      <view class="title_oage">限时抢购</view>
    </view>
  </view>
  <view class="health">
    <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.goods_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="let_imgd">
      <view class="let_ith">
        <view class="let_bane">活动时间:</view>
        <view class="timer">
          <!--  -->
          <van-count-down use-slot time="{{ time }}" bindchange="onChange" data-time="{{time}}">
            <view class="time_is">
              <view class="item0">仅剩</view>
              <view class="item">{{ timeData.days }}</view>
              <view class="item0">天</view>
              <view class="item">{{ timeData.hours }}</view>
              <view class="item0">小时</view>
              <view class="item">{{ timeData.minutes }}</view>
              <view class="item0">分</view>
              <view class="item">{{ timeData.seconds }}</view>
              <view class="item0">秒</view>
              <view class="item0">结束</view>
            </view>
          </van-count-down>
        </view>
      </view>
    </view>
    <view class="chefuWu" bindtap="golookfuwu">
      <view class="c">
        <view class="icon_conte">
          <view class="fw">
            <view class="icon_fw">
              <image src="../../static/img/bao.png" />
            </view>
          </view>
          <text class="pub">同放直营</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}}">
        <!-- <rich-text nodes="{{content}}"></rich-text> -->
        <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="btn2 bind" bindtap="clickme" data-id="{{detailsContent.goods_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.goods_name}}</text>
          </view>
          <view class="storeMoney">
            <text class="icon_money">¥</text>
            <text>{{goodsPrice}}</text>
          </view>
        </view>
      </view>
      <!-- 规格 -->
      <view class="rules">
        <view class="left_num" wx:for="{{guiArr}}" wx:key="index" wx:for-item="item" wx:for-index="index">
          <view class="guiName">{{item.name}}</view>
          <view class="rules_change">
            <view class="down  {{items.is_choose == 1?'active_tag':''}}" wx:for="{{item.value}}" wx:key="indexsec" wx:for-item="items" wx:for-index="indexsec" catchtap="changeguige" data-gui_id="{{items.id}}" data-index="{{indexsec}}" data-parindex="{{index}}">
              {{items.spec_value}}
            </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" bindtap="payStore" data-id="{{changedShop.goods_id}}" data-num="{{changedShop.num}}">
          立即购买
        </button>
        <!-- <button class="btnbuy__" size="default" wx:if="{{addshow}}" bindtap="addSHOPStore" data-id="{{changedShop.id}}">
          加入购物车
        </button> -->
      </view>
    </view>
    <lfy-login id="lfyLogin" bind:istoken="bindistoken" />
  </view>
</view>