117 lines
5.8 KiB
Plaintext
117 lines
5.8 KiB
Plaintext
<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> |