fohow_xcx/pages/helpfarm/helpfarm-detail/helpfarm-detail.wxml

<import src="../../../utils/wxParse/wxParse.wxml"/>
<view class="bg">
  <swiper class="swiper" bindchange='onSlideChangeEnd' indicator-active-color="#eab86a" indicator-color="#fff" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
    <block wx:for="{{imgUrls}}" wx:key="{{index}}">
      <swiper-item>
        <image src="{{item}}"  class="slide-image"/>
      </swiper-item>
    </block>
  </swiper>
  <view class="mokuai" wx:if="{{imgUrls.length > 1}}">{{imgindex}}/{{imgUrls.length}}</view>
  <view class="mokuai1">
    <view class="start" wx:if="{{project.state == 0}}" style="background:#8fcd85">{{project.state_cn}}</view>
    <view class="start" wx:if="{{project.state == 1}}">{{project.state_cn}}</view>
    <view class="start" wx:if="{{project.state == 2}}" style="background:skyblue">{{project.state_cn}}</view>
    <image wx:if="{{ctime > 0 && project.state == 1}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/custom/clock.png" class="clock"/>
    <!--<view class="time"><format-time type="formatTime" value="{{ctime}}" ></format-time></view>-->
    <view class="time" wx:if="{{ctime > 0 && project.state == 1}}">剩余{{day}}天{{hour}}时{{min}}分{{second}}秒</view>
    <!--<view class="time" wx:if="{{ctime <= 0}}">剩余0天</view>-->
    <view class="clean"></view>
    <view class="describe">{{project.title}}</view>
    <view class="danjia">单价</view>
    <view style="width: 400rpx;">
      <view class="money"><text style="font-size: 32rpx">{{project.min_project_way_price / 100}}</text>元起</view>
      <view class="count" wx:if="{{project.state !== 2}}">
        <text wx:if="{{project.min_funding === project.max_funding}}">剩余{{InvestWayList.total_left_copies_min}}份</text>
        <text wx:if="{{project.min_funding !== project.max_funding && !InvestWayList.total_left_copies_min}}">剩余{{InvestWayList.total_left_copies_max}}份</text>
        <text wx:if="{{project.min_funding !== project.max_funding && InvestWayList.total_left_copies_min}}">剩余{{InvestWayList.total_left_copies_min}}~{{InvestWayList.total_left_copies_max}}份</text>
      </view>
      <view class="count" wx:if="{{project.state === 2}}">
        <text wx:if="{{project.min_funding === project.max_funding}}">共团购{{project.current_funding / project.unit_price}}份</text>
        <text wx:if="{{project.min_funding !== project.max_funding}}">共团购{{project.min_funding / project.unit_price}}~{{project.current_funding / project.unit_price}}份</text>
      </view>
      <view class="clean"></view>
    </view>
    <view class="line"></view>
    <!--背景圆-->
    <view class="circle">
      <!--左半边圆-->
      <view class="circle_left" style="transform:rotate({{progress1}}deg)">
        <view class="clip_left"></view>
      </view>
      <!--右半边圆-->
      <view class="circle_right" style="transform:rotate({{progress}}deg);background:{{bgcolor}}">
        <view class="clip_right"></view>
      </view>
      <view class="mask">
        <text>{{percent}}</text>%
      </view>
    </view>
    <view class="end">完成度</view>
    <view class="clean"></view>
  </view>
  <view>
  <view class="detail-text">
  <view class="detail-line"></view>
  详情介绍
  <view class="detail-line1"></view>
  </view>
<!--     <scroll-view scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}">
      <view class="tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="swichNav">农场介绍</view>
      <view class="tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="swichNav">团购规则</view>
    </scroll-view> -->
    <view class="showImage" wx:if="{{currentTab == 0 && project.is_detail_pics}}">
      <image class="project-imgList" src="{{item.img}}" wx:for="{{project.introduce_pics}}" wx:key="index" mode="widthFix"></image>
    </view>
    <view class="show" wx:if="{{currentTab == 0 && !project.is_detail_pics}}">
      <template is="wxParse" data="{{wxParseData:parse.nodes}}"/>
    </view>
<!--     <view class="show" wx:if="{{currentTab == 1}}">
      <template is="wxParse" data="{{wxParseData:parse1.nodes}}"/>
    </view> -->
  </view>
  <!--<view class="projects-title">——————————　<text style="color: #98a4b0">购买者</text>　——————————</view>-->
  <view class="projects-title"><view class="projects-line"></view><text style="color: #98a4b0">购买者</text><view class="projects-line1"></view></view>
  <view class="personList">
    <view class="personList-li" wx:for="{{personList}}" wx:key="{{index}}">
      <image src="{{item.head}}" class="p-head" />
      <view class="p-name">{{item.user_name}}</view>
      <view class="p-money">￥{{item.investment / 100}}</view>
      <view class="p-time"><format-time type="formatChTime" value="{{item.invest_time}}" ></format-time></view>
      <view class="clean"></view>
    </view>
    <view wx:if="{{btn}}" class="p-more" bindtap="getPersonList">加载更多</view>
  </view>
  <view class="p-footer">
    <view class="p-footer-bar" style="padding-bottom: {{value}}rpx;">
      <view class="p-footer-item" style="flex: 0.18;">
        <navigator url="../../home/home" open-type="switchTab">
          <image src="../../../images/footer/home.png" class="p-footer-icon"></image>
          <text class="p-footer-text">首页</text>
        </navigator>
      </view>
      <view class="p-footer-item" style="flex: 0.18;" wx:if="{{project.state !== 2}}">
        <navigator url="../othercustom/othercustom" open-type="navigate">
          <image src="../../../images/footer/weixin.png" class="p-footer-icon"></image>
          <text class="p-footer-text">客服</text>
        </navigator>
      </view>
      <view class="p-footer-item" style="flex: 0.18;" wx:if="{{project.state == 2}}">
        <navigator url="../group/group" open-type="navigate">
          <image src="../../../images/footer/weixin.png" class="p-footer-icon"></image>
          <text class="p-footer-text">客服</text>
        </navigator>
      </view>
      <view class="p-footer-item" style="flex: 0.18;" bindtap="createPoster">
        <image src="../../../images/footer/poster.png" class="p-footer-icon"></image>
        <text class="p-footer-text">分享</text>
      </view>
      <!--<view wx:if="{{project.state == 5}}" class="p-footer-item p-other">
        <text>未开放购买</text>
      </view>-->
      <!--<form wx:if="{{project.state == 1 || project.state == 0}}" bindsubmit="toPay" report-submit="{{true}}"  class="p-footer-item p-red">
        <button class="p-red__button" formType="submit">立即购买</button>
      </form>-->
      <!--<view wx:if="{{project.state == 2}}" class="p-footer-item p-other">
        <text>团购已成功</text>
      </view>-->
      <form bindsubmit="toPay" report-submit="{{true}}"  class="p-footer-item p-red">
        <button class="p-red__button" formType="submit">立即购买</button>
      </form>
    </view>
  </view>

  <view wx:if="{{showDialog}}" catchtouchmove='stopPageScroll'>
    <view class="p-panel" animation="{{animationData}}" style="padding-bottom: {{value}}rpx;">
      <view class="p-item">
        <image class="p-cancel" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/cancel.png" bindtap="closePay"></image>
        <view class="one-part">
          <!--<view class="p-title">{{title}}</view>-->
          <view class="p-title">￥{{price / 100}}</view>
          <scroll-view scroll-y style="height: 200rpx;" scroll-into-view="{{toView}}" scroll-top="{{scrollTop}}">
            <view class="p-dec">
              <template is="wxParse" data="{{wxParseData:parse2.nodes}}"/>
            </view>
          </scroll-view>
        </view>
        <view class="two-part">
          <view class="p-choose">选择</view>
          <!--<view class="p-count {{changenum==index?'active':''}}" wx:for="{{InvestWayList.invest_way}}" wx:key="{{index}}" data-item="{{index}}" bindtap="changeCount">￥{{item.price / 100}}</view>-->
          <view class="p-count {{changenum==index?'active':''}}" wx:for="{{InvestWayList.invest_way}}" wx:key="{{index}}" data-item="{{index}}" bindtap="changeCount">{{item.title}}</view>
        </view>
        <view class="three-part">
          <view class="p-choose1">选择数量</view>
          <view class="p-input">
            <button bindtap="mius">-</button>
            <input type="number" value="{{count}}" bindinput="changeSum" disabled="disabled" wx:if="{{project.state !== 2}}"/>
            <input type="number" value="{{count1}}" bindinput="changeSum" disabled="disabled" wx:if="{{project.state == 2}}"/>
            <button bindtap="add">+</button>
          </view>
        </view>
        <view class="p-btn__bg">
          <view class="p-btn__count" bindtap="toCount">代销评估</view>
          <!--<form bindsubmit="{{!buttonClicked?'pay':''}}" report-submit="{{true}}" wx:if="{{project.state == 1}}">-->
            <!--<button class="p-btn" formType="{{!buttonClicked?'submit':''}}">立即购买</button>-->
          <form bindsubmit="pay" report-submit="{{true}}"  class="p-btn" wx:if="{{ (project.state == 1 || project.state == 0) && InvestWayList.invest_way[itemindex].left_copies > 0}}">
            <button class="p-btn__button" formType="submit">立即购买</button>
          </form>
          <button class="sellout-btn" formType="submit" describe="false" wx:if="{{ (project.state == 1 || project.state == 0) && InvestWayList.invest_way[itemindex].left_copies <= 0}}">已售罄</button>
          <button class="p-btn" formType="submit" describe="false" style="background:#999" wx:if="{{project.state == 2}}">团购已成功</button>
          <button class="p-btn" formType="submit" describe="false" style="background:#999" wx:if="{{project.state == 5}}">未开放购买</button>
        </view>
      </view>
    </view>
    <view class="p-dialog"></view>
  </view>

  <view class="poster" wx:if="{{posterPopup}}" catchtouchmove="stopPageScroll">
    <view class="poster-main">
      <view style="height: 60rpx;"></view>
      <view class="poster-close" bindtap="posterClose"></view>
      <image class="poster-img" src="{{posterImage}}"></image>
      <view class="poster-text">保存图片，叫伙伴们来围观吧</view>
      <view class="poster-btn" bindtap="saveImage">
        <view class="poster-icon"></view>
        <view class="poster-save" >保存</view>
        <view class="clear"></view>
      </view>
    </view>
    
  </view>

  <view class="use_modal" wx:if="{{showModalDialog}}" bindtap="closeModalDialog">
    <view class="content">
      <view class="title">提示</view>

      <view class="info">
        <view class="secTitle">
          <text>当前账户余额</text>
        </view>

        <view class="num">
          <currency class="price1" symbol="￥" value="{{cashTotal}}"></currency>
        </view>

        <view class="tip">
          <text>是否使用余额支付？</text>
        </view>
      </view>

      <view class="btn">
        <view>
          <text class="bblr" bindtap="toWeixinPay">使用微信支付</text>
          <text class="bbrr" bindtap="toBalancePay">是</text>
        </view>
      </view>
    </view>
  </view>
  <view class="canvas-position">
    <canvas class="canvas" style="width: 750px; height: 1334px" canvas-id="myCanvas" ></canvas>
  </view>
  <view class="popup-bg" wx:if="{{popup}}">
    <view class="popup" >
      <view class="popup-title">提示</view>
      <view class="popup-logobg">
        <view class="popup-image" src="../../../images/slogo.png"></view>
      </view>
      <text class="popup-hint">FOHOW玖玖申请同意相册保存\n以确保正常使用保存相册功能</text>
      <button class="popup-bottom" open-type="openSetting" bindopensetting="setting">确认</button>
    </view>
  </view>
</view>