swkz_wx/pages/user/reward_detail/index.wxml

<!--pages/reward_detail/index.wxml-->
<view class='container'>
  <view class='reward_detail_bg'>
    <image class='reward_detail_bg_img' src='{{testImg}}'></image>
  </view>
  <view class='reward_detail_info'>
    <view class='reward_detail_info_item'>
      <view class='reward_detail_info_title'>
        <text>阿丽莎·柯伟德：格物致新</text>
        <text class='btn-primary'>领取</text>
      </view>
      <view class='reward_detail_info_sub_title'>
        <text>电子门票*1</text>
        <text style='margin-left:40rpx;'>限量：100份</text>
      </view>
    </view>
    <view class='reward_detail_info_item'>
      <view class='reward_detail_info_subTxt'>
        <text class='reward_detail_info_subTxt_title' style='margin-left:0;'>兑换有效期：</text>
        <text class='reward_detail_info_subTxt_title'>2018.03.05-2018.04.29</text>
      </view>
      <view class='reward_detail_info_sub_title flex-con'>
        <text class='reward_detail_info_subTxt_title' style='margin-left:0; flex:1'>领取条件：</text>
        <text class='reward_detail_info_subTxt_title' style=' flex:3;margin-left:0'>用四维看展看3个以上不同展览</text>
      </view>
    </view>
    <view class='reward_detail_info_item'>
      <view class='reward_detail_info_subTxt flex-con'>
        <text class='reward_detail_info_subTxt_title' style='margin-left:0;flex:1'>温馨提示：</text>
        <text class='reward_detail_info_subTxt_txt' style='flex:3'>该实物奖品需要在有效时间内前往展馆凭四维看展小程序已领取奖励界面领取</text>
      </view>
    </view>
  </view>

  <view class='reward_act_detail'>
    <view class='fdkk-cells'>
      <view class='weui-cell no-border'>
        <view class='weui-cell__bd'>
          <text class='sub_bar_title'>活动详情</text>
        </view>
      </view>
      <view class='reward_detail_info_subTxt' style='margin-bottom:30rpx;'>
        <text class='iconfont icon-time'></text>
        <text class='reward_detail_info_subTxt_title'>展览时间：</text>
        <text class='reward_detail_info_subTxt_txt'>2018.03.05-2018.04.29</text>
        <text class="iconfont icon-like {{isLike?'icon-like_active':''}}" animation="{{isLike?animationData:''}}" bindtap='addLike'>
        <text class='like-num'>{{likeNum}}</text>
        </text>
      </view>
      <view class='reward_detail_info_subTxt'>
        <text class='iconfont icon-piaowu'></text>
        <text class='reward_detail_info_subTxt_title'>票务：</text>
        <text class='reward_detail_info_subTxt_txt'>免费</text>
        <text class='iconfont icon-view'>
          <text class='view-num'>45151</text>
        </text>
      </view>
      <view class="">
        <navigator url="../../cg_detail/index" class="weui-cell weui-cell_access">
          <view class="weui-media-box__hd">
            <image class='weui-media-box__hd_avatar' src='{{avatar}}'></image>
          </view>
          <view class="weui-cell__bd">
            <view class="weui-media-box__title">
              <view class="weui-flex__item">红砖美术馆</view>
            </view>
          </view>
          <view class="weui-cell__ft weui-cell__ft_in-access"></view>
        </navigator>
        <view class="reward_detail_body {{active?'reward_detail_body_active':''}}">
          <text class='reward_detail_txt'>
        红砖美术馆地处北京市东北部何各庄一号地国际艺术区，由企业家、收藏家闫士杰和曹梅夫妇创办，初步建成并试运营，将于2014年5月正式对外开放。作为一号地的地标性建筑，红砖美术馆占地面积近二万平红砖美术馆地处北京市东北部何各庄一号地国际艺术区，由企业家、收藏家闫士杰和曹梅夫妇创办，初步建成并试运营，将于2014年5月正式对外开放。作为一号地的地标性建筑，红砖美术馆占地面积近二万平红砖美术馆地处北京市东北部何各庄一号地国际艺术区，由企业家、收藏家闫士杰和曹梅夫妇创办，初步建成并试运营，将于2014年5月正式对外开放。作为一号地的地标性建筑，红砖美术馆占地面积近二万平
      </text>
        </view>
        <view class='shensuo' bindtap='clickCell'>
          <text class="iconfont icon-jiantou {{active?'icon-jiantou_active':''}}">{{active?'收起':'展开'}}</text>
        </view>
      </view>
    </view>
  </view>

  <view class='reward_artist'>
    <view class='fdkk-cells'>
      <view class='weui-cell no-border' style='padding-bottom:0'>
        <view class='weui-cell__bd'>
          <text class='sub_bar_title'>艺术家（6）</text>
        </view>
        <view class="weui-cell__ft weui-cell__ft_in-access {{readActive?'weui-cell__ft_in-access_active':''}}" bindtap='readMore'>{{readActive?'收起全部':'查看全部'}}</view>
      </view>
      <view class='artist_avatar'>
        <view class='artist_avatar_item' wx:for="{{readActive?6:3}}" wx:key="index">
          <image class='artist_avatar_img' src='{{avatar}}'></image>
          <text style='text-align:center'>安德森</text>
        </view>
      </view>
    </view>
  </view>
  <view class='tour_guide'>
    <view class='fdkk-cells' style='padding: 0;margin-bottom:0'>
      <view class='weui-cell fix-padding'>
        <view class='weui-cell__bd' style='padding:0 30rpx;'>
          <text class='sub_bar_title'>参观指南</text>
        </view>
      </view>
      <cover-view class='tour_map'>
        <map id="map" longitude="113.324520" latitude="23.099994" scale="14" controls="{{controls}}" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregionchange="regionchange" show-location style="width: 100%; height: 400rpx;">
          <cover-image src='{{icon_quanping}}' bindtap='navigateToLocation' class='icon_quanping'></cover-image>
        </map>
      </cover-view>
      <view style='padding-bottom:15px;'>
        <view wx:for="{{tour_info_data}}" wx:key="index" class='tour_info'>
          <view class='tour_info_title'>{{item.title}}</view>
          <view class='tour_info_txt'>{{item.txt}}</view>
        </view>
      </view>
    </view>
  </view>
</view>