Small_Program/pages/user/my_reward/index.wxml

<view class="container">
  <view class="weui-tab">
    <view class='yuezhan-nav'>
      <view class="yuezhan-navbar">
        <block wx:for="{{tabs}}" wx:key="index">
          <view id="{{index}}" class="nav-item {{index==activeIndex?'nav-item_on':''}}" bindtap='tabClick'>
            <view class="">
              {{item}}
            </view>
          </view>
           <view class="navbar__slider" style="width:{{100/tabs.length}}%; left: {{activeIndex * (100/tabs.length)}}%; ">
            <view class='navbar_slider-item'></view>
           </view>
        </block>
      </view>
    </view>
    <view class="weui-tab__panel" hidden="{{activeIndex!=0}}">
      <view class="weui-tab__content">
        <block wx:for="{{8}}" wx:key="index">
          <view class='weui-tab__content_item' bindtap='to_search'>
            <view class="fdkk-cells">
              <view class="weui-panel__bd">
                <view class="weui-media-box weui-media-box_appmsg">
                  <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
                    <image class="weui-media-box__thumb" src="{{avatar}}" />
                  </view>
                  <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
                    <view class="weui-media-box__title weui-flex">
                      <view class="weui-flex__item">阿丽莎·柯伟德：格物致新</view>
                    </view>
                    <view class='weui-flex__item' style='font-weight:normal'>电子发票*1</view>

                    <view class="weui-media-box__desc">
                      有效期:2017.01.08-2017.01.09
                    </view>
                  </view>
                  <view>
                  </view>
                </view>
              </view>
              <view class="fdkk_cell">
                <view class="fdkk_cell_item">
                  <view class='weui-media-box__desc' style='color:#E02F2F'>领取条件：</view>
                  <view class='weui-media-box__desc'>用四维看展看3个以上的不同展览</view>
                </view>
                <view class='fdkk_cell_item'>
                  <view class='btn-primary'>领取</view>
                  <!-- <view class='btn-done'>已领取</view> 
                   <view class='btn-done'>已失效</view>  -->
                </view>
              </view>
            </view>
          </view>
        </block>

      </view>
    </view>
    <view class="weui-tab__panel" hidden="{{activeIndex!=1}}">
      <view class="weui-tab__content">
        <block wx:for="{{8}}" wx:key="index">
          <view class='weui-tab__content_item' bindtap='to_search'>
            <view class="fdkk-cells">
              <view class="weui-panel__bd">
                <view class="weui-media-box weui-media-box_appmsg">
                  <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
                    <image class="weui-media-box__thumb" src="{{avatar}}" />
                  </view>
                  <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
                    <view class="weui-media-box__title weui-flex">
                      <view class="weui-flex__item">阿丽莎·柯伟德：格物致新</view>
                    </view>
                    <view class='weui-flex__item' style='font-weight:normal'>电子发票*1</view>

                    <view class="weui-media-box__desc">
                      有效期:2017.01.08-2017.01.09
                    </view>
                  </view>
                  <view>
                  </view>
                </view>
              </view>
              <view class="fdkk_cell">
                <view class="fdkk_cell_item">
                  <view class='weui-media-box__desc' style='color:#E02F2F'>订单编号：3065611918635161
                  </view>
                  
                </view>
                <view class='fdkk_cell_item'>
                  <view class='btn-primary' style='width:200rpx;'>获取兑换码</view>
                  <!-- <view class='btn-done'>已领取</view> 
                   <view class='btn-done'>已失效</view>  -->
                </view>
              </view>
            </view>
          </view>
        </block>

      </view>
    </view>
        <view class="weui-tab__panel" hidden="{{activeIndex!=2}}">
      <view class="weui-tab__content">
        <block wx:for="{{8}}" wx:key="index">
          <view class='weui-tab__content_item' bindtap='to_search'>
            <view class="fdkk-cells">
              <view class="weui-panel__bd">
                <view class="weui-media-box weui-media-box_appmsg">
                  <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
                    <image class="weui-media-box__thumb" src="{{avatar}}" />
                  </view>
                  <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
                    <view class="weui-media-box__title weui-flex">
                      <view class="weui-flex__item">阿丽莎·柯伟德：格物致新</view>
                    </view>
                    <view class='weui-flex__item' style='font-weight:normal'>电子发票*1</view>

                    <view class="weui-media-box__desc">
                      有效期:2017.01.08-2017.01.09
                    </view>
                  </view>
                  <view>
                  </view>
                </view>
              </view>
              <view class="fdkk_cell">
                <view class="fdkk_cell_item">
                  <view class='weui-media-box__desc' style='color:#E02F2F'>订单编号：3065611918635161
                  </view>
                  
                </view>
                <view class='fdkk_cell_item'>
                   <view class='btn-done'>已兑换</view> 
                   <!-- <view class='btn-done'>已失效</view>   -->
                </view>
              </view>
            </view>
          </view>
        </block>

      </view>
    </view>
  </view>
</view>