auction-detail.wxml 3.42 KB
<view class="page">
  <view class="app__bgc bgc"></view>
  <view class="app__bg bg"></view>
  <!-- <view class="app__top-shadow"></view> -->
  <view class="app__content main">
    <view class="top-space"></view>
    <view class="content">
      <!-- 产品图 -->
      <view class="img-wrap">
        <swiper class="swiper" indicator-color="rgba(0,0,0,.3)" indicator-active-color="rgba(255,255,255,1)" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{5000}}" duration="{{500}}">
          <block wx:for="{{productInfo.auctionImage}}" wx:key="{{index}}">
            <swiper-item>
              <image class="swiper-image" src="{{item}}" mode="aspectFill" />
            </swiper-item>
          </block>
        </swiper>
      </view>
      <!-- 价格栏 -->
      <view class="func">
        <view class="arrow"></view>
        <view class="func-ele func-left">
          <text class="prize">¥5</text>
          <text class="t1">当前价格</text>
        </view>
        <view class="func-ele func-right">
          <text class="t1">拍卖进行中</text>
          <text class="t1 date">时间时间</text>
        </view>
      </view>
      <!-- 描述 -->
      <view class="desc">
        <view class="refresh-btn">刷新价格</view>
        <view class="desc-tit">标题</view>
        <view class="desc-t1">描述</view>
        <view class="desc-t1">活动区域</view>
      </view>
      <!-- 线 -->
      <view class="line"></view>
      <!-- 拍卖详情 -->
      <view class="auction">
        <view class="auction-desc">
          <view class="t1">产品原价:280元</view>
          <view class="t1">起拍价:280元</view>
          <view class="t1">最小价格幅度:280元</view>
          <view class="t1">延时周期:5分钟</view>
        </view>
        <view class="auction-table">
          <view class="tab">
            <view class="tab-item">
              <view class="item item1">状态</view>
              <view class="item item2">竞拍者</view>
              <view class="item item3">出价</view>
              <view class="item item4">时间</view>
            </view>
            <view class="tab-item">
              <view class="item item1">
                <view class="block">领先</view>
              </view>
              <view class="item item2">xxx123</view>
              <view class="item item3">¥150</view>
              <view class="item item4">2019.10.02 10:36:12</view>
            </view>
            <view class="tab-item tab-item2">
              <view class="item item1">
                <view class="block">领先</view>
              </view>
              <view class="item item2">xxx123</view>
              <view class="item item3">¥150</view>
              <view class="item item4">2019.10.02 10:36:12</view>
            </view>
            <view class="tab-item tab-item2">
              <view class="item item1">
                <view class="block">领先</view>
              </view>
              <view class="item item2">xxx123</view>
              <view class="item item3">¥150</view>
              <view class="item item4">2019.10.02 10:36:12</view>
            </view>
          </view>
          <view class="tips">查看所有n次出价></view>
        </view>
      </view>
    </view>
    <!-- 按钮 -->
    <view class="submit-btn">我要出价</view>
  </view>
</view>
<van-popup show="{{ authorizeVisible }}">
  <authorize-comp bind:evtcomp="evtcomp"></authorize-comp>
</van-popup>