<scroll-view scroll-y="true" style="height: {{height+'px'}};padding-bottom:140rpx;"
  scroll-into-view="{{ classificationIdNav }}" scroll-with-animation="true">
  <!-- 轮播图 -->
  <view class="project_content" wx:if='{{banners.length > 0}}'>
    <view class="project_cover">
      <swiper indicator-dots="{{indicatorDots}}" autoplay="{{false}}" interval="{{interval}}" duration="{{duration}}">
        <block wx:for="{{banners}}" wx:key="*this">
          <swiper-item>
            <view class="swiper-item {{item}}">
              <video wx:if='{{item.type=="video"}}' id="myVideo" class="project_video" src="{{item.url}}"
                binderror="videoErrorCallback" show-center-play-btn='{{false}}' show-play-btn="{{true}}" controls
                picture-in-picture-mode="{{['push', 'pop']}}" bindenterpictureinpicture='bindVideoEnterPictureInPicture'
                bindleavepictureinpicture='bindVideoLeavePictureInPicture'></video>
              <image wx:else class="project_cover_bg" src="/static/images/company_bg4.png" mode="aspectFill"></image>
            </view>
          </swiper-item>
        </block>
      </swiper>
    </view>
    <!-- 文字介绍 -->
    <view class="project_title">{{info.title}}</view>
    <view class="project_type"><span>{{info.city}}</span> <span>{{info.category}}</span></view>
    <view class="project_des">{{info.description}}</view>
    <block wx:if='{{info.status!=2}}'>
      <view class="project_bottom" >
        <span style="text-align:center;">
          <view class='project_bottom_num'>{{info.all_total}}</view> <span>已筹集(元)</span>
        </span>
        <span style="text-align:center;">
          <view class='project_bottom_num'>{{info.all_users}}</view> <span>筹集人数</span>
        </span>
        <span style="text-align:center;" wx:if="{{info.status!=4 && info.status!=3}}">
          <view class='project_bottom_num'>{{info.endDiffDays}}<span>天</span></view><span>剩余时间</span>
        </span>
      </view>
      <view class="project_line">
        <progress percent="{{info.ratio}}" color="#378fff" active stroke-width="6" />
      </view>
      <view class="project_bottom ">
        <span class="color333" wx:if='{{info.status==4}}'>已结束</span>
        <span class="color333" wx:elif='{{info.status==3}}'>已成功</span>
        <span class="color333" wx:else>目标 ￥{{info.amount}}</span>
        <span class="color333">进度 {{info.ratio}}%</span>
      </view>
      <view class="project_warn">
        <icon class="icon-box-img" type="warn" size="20"></icon>
        金额、人数仅代表支持意向，最后金额、人数以实际支付为准。
      </view>
    </block>
    <view wx:else  class="project_diffDays">倒计时{{info.openDiffDays}}</view>
  </view>

  <!-- 故事项目回报 -->
  <view class="project_classification" catchtap="classificationSelect">
    <view data-id='0' class="item {{classificationId==0?'select_item':''}}">故事</view>
    <view data-id='1' class="item {{classificationId==1?'select_item':''}}">项目</view>
    <view data-id='2' wx:if='{{info.status!=4 && info.status!=3 && info.status!=2}}'
      class="item {{classificationId==2?'select_item':''}}">回报</view>
  </view>


  <!-- 活动详情 -->
  <view class="project_detail_html" id='classificationIdNav0'>
    <rich-text nodes="{{info.content}}"></rich-text>
  </view>
  <!-- 项目概况 -->
  <view class="project_detail_html" id='classificationIdNav1'>
    <view class="project_nav">项目概况</view>
    <view class="project_overview">
      <view>项目名称<span class="right">{{info.title}}</span></view>
      <view>项目情况
        <view class="time">
          <view><span><span class="num">{{info.amount}} </span>元</span><span>项目目标</span></view>
          <view><span><span class="num">{{info.diffDays}} </span>天</span><span>项目周期</span></view>
        </view>
      </view>
      <view>项目位置<span class="right">{{info.province}} · {{info.city}}</span></view>
    </view>
  </view>

  <!-- 项目已结束或已完成 -->
  <view class="end" wx:if='{{info.status==4}}'>项目已结束。若您支持过项目，可在[项目预购]中查看</view>
  <view class="end" wx:if='{{info.status==3}}'>项目已成功。若您支持过项目，可在[项目预购]中查看</view>

  <!-- 项目回报 -->
  <view class="project_detail_html" id='classificationIdNav2' wx:if='{{info.status!=4 && info.status!=3 && info.status!=2}}'>
    <view class="project_nav">项目回报</view>
    <view class="project_list" wx:for='{{info.items}}'>
      <view class="title">{{item.title}} <span>￥{{item.price}}</span></view>
      <view class="fast">快速发货</view>
      <view class="des">{{item.remark}}</view>
      <view class="imglist">
        <image wx:for='{{item.pictures}}' wx:for-item='it' src="{{it}}" mode="aspectFill"></image>
      </view>
      <view class="seeAll">
        {{info.all_users}}人<block wx:if='{{info.all_users>0}}'>已</block>支持/{{item.quantity}} <span
          catchtap="goDetail">查看详情</span>
      </view>
    </view>
  </view>
</scroll-view>

<!-- 底部按钮 -->
<view class="project_now_act {{acted?'acted':''}}">
  <view class="left" wx:if='{{info.status!=2}}'  catchtap="islike" >
    <image class="collect" mode="widthFix" 
    src="{{info.isSubscribed ? '/static/images/collect.png':'/static/images/unCollect.png'}}">
    </image>
    关注{{info.subscribes>0?info.subscribes:''}}
  </view>
  <view wx:else class="left">
    {{info.subscribes || 0}}人已关注
  </view>
  <span class="nolike" wx:if='{{info.status==3 || info.status==4 }}'>我要支持</span>
  <button size="mini" class="{{info.isSubscribed?'nolike':''}}"  bindtap="{{!info.isSubscribed?'like':'islike'}}" wx:elif='{{info.status==2}}' hover-class="other-button-hover">{{!info.isSubscribed?'关注项目':'不再关注项目'}}</button>
  <span wx:else catchtap="goDetail">我要支持</span>
</view>