dw_lotter_draw/pages/award-detail/award-detail.wxml

<import src="../../lib/wxParse/wxParse.wxml"></import>
<view class="award-detail">
  <view class="banner-wrapper">
    <swiper class="swiper" current="{{swiperIndex}}">
      <block wx:for="{{cover_images}}" wx:key="{{item}}">
        <swiper-item>
          <image src="{{item}}" class="slide-image" class='swiper-image' mode="scaleToFill" />
        </swiper-item>
      </block>
    </swiper>
    <view class="preview-list">
      <block wx:for="{{cover_images}}" wx:key='{{item}}'>
        <image class="preview-item" src="{{item}}" mode="scaleToFill" bind:tap="swipeTo" data-index="{{index}}"></image>
      </block>
    </view>
    <view class="wrapper-mid">
      <view class="left">
        <text class="award-title">{{title}} x {{winner_count}}</text>
        <text class="award-time">{{state === '2' ? '已结束' : draw_ts + '自动开奖'}}</text>
      </view>
      <button class="download" wx:if="{{download_url}}" bind:tap="download">下载</button>
    </view>
    <view class="wrapper-bottom">
      <view class="award-sponsor">抽奖发起人</view>
      <view class="sponsor">
        <image class="" src="{{host_avatar_url}}" mode="scaleToFill"></image>
        {{host_name}}
      </view>
    </view>
  </view>


  <view class="award-article {{isFold ? 'fold': ''}}">
    <template is="wxParse" data="{{wxParseData:article.nodes}}"></template>
    <button class="fold" bind:tap="toggleFold" wx:if="{{needFold}}">
      {{isFold ? '展开' : '收起'}}
      <i-icon type="unfold" color="#64a8d1" size="26" class="{{!isFold ?'hide' : ''}}"></i-icon>
      <i-icon type="packup" color="#64a8d1" size="26" class="{{isFold ? 'hide' : ''}}"></i-icon>
    </button>
  </view>


  <i-notice-bar loop>{{host_type === '1' ? '关注公众号"' + host_name + '"即可参与抽奖!' : ''}}邀请好友参与抽奖即可获得额外的抽奖码一枚，抽奖码数量越多中奖概率就越高哟！</i-notice-bar>


  <view class="public-platform">
    <image class="" src="{{host_avatar_url}}" mode="scaleToFill"></image>
    <view class="info">
      <view class="name">{{host_name}}</view>
      <view>{{host_detail}}</view>
    </view>
    <i-button size="small" type="primary" shape="scirle" inline="{{false}}" i-class='h30' open-type="contact" send-message-title="测试标题" 
    send-message-card="true"
    send-message-path="{{'/pages/award-detail/award-detail?id=' + id}}"  show-message-card="true">
      关注
    </i-button>
  </view>


  <view class="steps">
    <i-steps current="{{state}}">
      <i-step >
        <view slot="title">准备中</view>
        <view slot="content">抽奖未开始</view>
      </i-step>
      <i-step >
        <view slot="title">进行中</view>
        <view slot="content">抽奖进行中</view>
      </i-step>
      <i-step >
        <view slot="title">已结束</view>
        <view slot="content">抽奖已结束</view>
      </i-step>
    </i-steps>
  </view>

  <view class="btn-wrapper" wx:if="{{state !== '0'}}">
  <form report-submit="true" bindsubmit="handleDrawLottery">
    <button class="btn-draw" wx:if="{{user_draw_state === 0 && state !== '2'}}" form-type="submit">点击抽奖
    </button>
  </form>
    <button class="btn-invite" wx:if="{{user_draw_state === 1 && state !== '2'}}" open-type="share">邀请好友
    </button>
    <view class="aniamte-ring {{user_draw_state === 1 ? 'invite' : 'draw'}}" wx:if="{{state !== '2'}}">
    </view>
  </view>



  <view class="my-code">
 
    <i-alert wx:if="{{user_lottery_codes.length !== 0}}">
        我的抽奖码:
      <block wx:for="{{user_lottery_codes}}" wx:key="{{item}}">
        <view slot="desc" class="award-code">
          {{item.code}}
        <i-tag class="i-tags" type="dot" color="{{item.isWin ? 'green' : 'yellow'}}" wx:if="{{state === '2'}}">{{item.isWin ? '已' : '未'}}中奖</i-tag>
        </view>
      </block>
    </i-alert>
  </view>

  <view class="invited-users" wx:if="{{invited_user_avatars.length !== 0}}">
    <view class="title">
      我的队友
    </view>
    <view class="invited-list">
    <block wx:for="{{invited_user_avatars}}" wx:key="{{item}}">
      <i-avatar src="{{item}}" size="large" shape="square"  i-class="avatar"></i-avatar>
    </block>
    </view>
  </view>

  <view class="results" wx:if="{{winner_codes.length !== 0 && state === '2'}}">
    <!-- <view class="title">
   
    </view> -->

      <i-alert type="success" class="i-class" fixMargin="{{true}}">
         本期中奖码:
        <block wx:for="{{winner_codes}}" wx:key="{{item}}">
          <view class="winner-code" slot="desc">{{item}}</view>
        </block>
      </i-alert>


  </view>

    <i-divider content="·"></i-divider>

  <view class="all-users">
    <view class="count">已经有{{lottery_user_count}}人参与 <text class="see-all" bind:tap="seeAll">查看全部 ></text></view>

    <view class="users-list">
      <block wx:for="{{lottery_user_avatars}}" wx:key="{{item}}">
          <i-avatar src="{{item}}"  shape="square"  i-class="avatar"></i-avatar>
      </block>
    </view>

  <view class="view-count">
    <view>
      浏览数{{visit_count}}
    </view>
    <view bind:tap="showModal">
      免责声明
    </view>
  </view>

  </view>
  <i-modal show-cancel="{{false}}" title="免责声明" visible="{{true}}" bind:ok="hideModal" visible="{{modalVisiable}}">
    {{notice}}
  </i-modal>

    <i-divider content="·"></i-divider>

  <recommend-award award="{{recommend_lottery}}"></recommend-award>
  <share-btns posterInfo="{{ shareInfo }}"></share-btns>
</view>