<import src="../../../wxParse/wxParse.wxml" />
<scroll-view class="page" scroll-y="true">
  <view style="background:white;padding:26rpx 26rpx;">
    <image src="{{IMG_NAME+datas.headImg}}" mode="widthFix"></image>
    <view class="header borderBottom">
      <view style="font-weight: 600;font-size: 14pt">{{datas.name}}</view>
      <view style="display:flex;color:#E35659;">
        <!-- <view style="margin-right:16rpx;">
          <text class="iconfont iconprice"></text>
          <text style="font-size:26rpx;margin-right:16rpx">{{datas.price==0? '免费' : '￥'+datas.price}}</text>
          <text style="font-size:26rpx;" wx:if="{{datas.price!=0}}">线下支付</text>
        </view> -->
        <!-- <view style="margin-right:16rpx;">
          <text class="iconfont iconwode"></text>
          <text style="font-size:26rpx;">{{datas.fullNum}}</text>
        </view> -->
        <!-- <view class="lable">
          <text class="circular"></text>
          <text wx:if="{{datas.status=='SIGNING'}}">报名中</text>
          <text wx:if="{{datas.status=='SIGN_NOT_START'}}">报名未开始</text>
          <text wx:if="{{datas.status=='ACT_NOT_START'}}">活动未开始</text>
          <text wx:if="{{datas.status=='ACT_END'}}">已结束</text>
          <text wx:if="{{datas.status=='SIGN_END'}}">已满额</text>
        </view> -->
      </view>
    </view>

    <view class="information">
      <view>
        <text>活动时间：</text>
        <text>{{actBegin}} 至 </text>
        <text>{{actEnd}}</text>
      </view>
      <view>
        <text>活动地点：</text>
        <text style="margin-right:14rpx;">{{datas.location}}</text>
      </view>
      <view>
        <text>收费方式：</text>
        <text style="font-size:26rpx;margin-right:26rpx">{{datas.price==0? '免费' : '￥'+datas.price}}</text>
        <text style="font-size:26rpx;" wx:if="{{datas.price!=0}}">线下支付</text>
      </view>
      <view>
        <text>联系电话：</text>
        <text bindtap="phoneCall" style="margin-right:14rpx;color:#578CFF">{{datas.contract}}</text>
      </view>
    </view>
  </view>

  <view style="padding:26rpx 26rpx;margin-top: 20rpx;background:white;padding-bottom: 120rpx;">
    <view style="font-weight: 600;font-size: 12pt;padding-bottom:26rpx;" class="borderBottom">活动详情</view>
    <view class="wxParse">
      <template is="wxParse" data="{{wxParseData:article.nodes}}" />
    </view>
    <view style="margin-bottom:20rpx;">已报名 {{datas.currentNum}} 位</view>
    <view>
      <block wx:for="{{datas.activityDetails}}" wx:key='index'>
        <image src="{{items.avatar? IMG_NAME+items.avatar: '../../../images/user-unlogin.jpg'}}" mode="widthFix"
          style="width:10%;border-radius:50%;overflow:hidden;margin-right:16rpx;">
        </image>
      </block>
    </view>
  </view>
</scroll-view>
<!-- <view class="btn" wx:if="{{datas.isSign == true}}" style="background:#A5A5A5;color:white;">已报名</view>
<view class="btn" wx:if="{{datas.status == 'SIGN_NOT_START'}}" style="background:#A5A5A5;color:white;">报名未开始</view>
<view class="btn" wx:if="{{datas.status == 'ACT_NOT_START'}}" style="background:#A5A5A5;color:white;">活动未开始</view>
<view class="btn" wx:if="{{datas.status == 'SIGN_END'}}" style="background:#A5A5A5;color:white;">已满额</view>
<view class="btn" wx:if="{{datas.status == 'ACT_END'}}" style="background:#A5A5A5;color:white;">活动结束</view>
<view class="btn" wx:if="{{datas.status == 'ACTING'}}" style="background:#A5A5A5;color:white;">活动中</view> -->
<view class="btnbox">
  <view class="btn" bindtap="regist" wx:if="{{datas.isSign == false && datas.status=='SIGNING'}}">立即报名</view>
  <view class="btn" wx:if="{{datas.isSign == true}}">已报名</view>
</view>