<block wx:if='{{loaded}}'>
  <view class="active_content" >
    <!-- 轮播图 -->
    <view class="active_cover">
      <swiper indicator-dots="{{indicatorDots}}" autoplay="{{true}}" interval="{{interval}}" duration="{{duration}}">
        <block wx:for="{{info.pictures}}" wx:key="*this">
          <swiper-item>
            <view class="swiper-item {{item}}">
              <image class="active_cover_bg" src="{{item}}" mode="aspectFill"></image>
            </view>
          </swiper-item>
        </block>
      </swiper>
    </view>
    <!-- 文字介绍 -->
    <view class="active_title">{{info.title}}</view>
    <view class="active_des">{{info.description}}</view>
    <view class="active_line"></view>
    <view class="active_bottom">
      <view class="left">{{info.price > 0? '￥' + info.price:'免费'}} </view>
      <span>报名上限：{{info.limits}}人</span>
    </view>
  </view>
  <!-- 地址报名信息 -->
  <view class="active_detail">
    <view class="active_time">截止时间：<span>{{info.deadlined_at}}</span></view>
    <view class="active_time">活动时间：<span>{{info.started_at}}至{{info.ended_at}}</span></view>
    <view class="active_time">活动地点：<span>{{info.address}}
        <!-- <image mode="widthFix"
        src="/static/images/location.png"></image>3.2KM  -->
      </span>
    </view>
    <view class="active_time">联系人电话：<span>{{info.contact}}</span></view>
  </view>
  <!-- 活动详情 -->
  <view class="active_detail_html">
    <view class="active_nav">活动详情</view>
    <rich-text nodes="{{content}}" style="width:100%;"></rich-text>
  </view>

  <!-- 底部按钮 -->
  <view class="active_now_act {{!info.canEnroll?'acted':''}}" catchtap="{{info.canEnroll?'nowActed':''}}" data-acted='{{acted}}'>
    <view class="left">{{info.price> 0 ? '￥' + info.price:'免费'}} </view>
    <span>{{!info.canEnroll?'无法报名':'立即报名'}}</span>
  </view>
</block>

<!-- 确认弹窗 -->
<view class="active_be_sure" wx:if='{{showBeSureActed}}'>
  <view class="bg" catchtap="close"></view>
  <view class="content">
    <image class="active_cover" src="{{info.pictures[0]?info.pictures[0]:'/static/images/company_bg4.png'}}" mode="aspectFill"></image>
    <view class="txt1">是否对该活动进行报名</view>
    <view class="txt2">活动名称：{{info.title}}</view>
    <view class="txt3" catchtap="beSure">确认报名</view>
    <view class="txt4" catchtap="close">我再想想</view>
  </view>
</view>