helpfarm.wxml 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <view class="bg" wx:if="{{show === 2}}">
  2. <view class="projects">
  3. <view class="projectbg">
  4. <view class="project" wx:key="{{index}}" wx:for="{{zhunongList}}" data-val="{{item.id}}" bindtap="toZhunong">
  5. <!--<image class="project-image" src="{{item.thumb_img}}"></image>-->
  6. <view class="project-describe">
  7. <view class="project-top">
  8. <view class="top-left">
  9. <image src="{{item.thumb_img}}" class="project-image" />
  10. </view>
  11. <view class="top-right">
  12. <view class="circle" wx:if="{{percent[index] <= 50.00 }}">
  13. <view class="circle_left" style="transform:rotate({{0}}deg)">
  14. <view class="clip_left"></view>
  15. </view>
  16. <view class="circle_right" style="transform:rotate({{percent[index] * 3.6 }}deg);background:#eee">
  17. <view class="clip_right"></view>
  18. </view>
  19. <view class="mask">
  20. <text>{{percent[index]}}</text>%
  21. </view>
  22. </view>
  23. <view class="circle" wx:if="{{percent[index] >= 100.00}}">
  24. <view class="circle_left" style="transform:rotate({{(100-50) * 3.6}}deg)">
  25. <view class="clip_left"></view>
  26. </view>
  27. <view class="circle_right" style="transform:rotate({{0}}deg);background:#ff7655">
  28. <view class="clip_right"></view>
  29. </view>
  30. <view class="mask">
  31. <text>{{percent[index]}}</text>%
  32. </view>
  33. </view>
  34. <view class="circle" wx:if="{{percent[index] > 50.00 && percent[index] < 100.00}}">
  35. <view class="circle_left" style="transform:rotate({{(percent[index]-50) * 3.6}}deg)">
  36. <view class="clip_left"></view>
  37. </view>
  38. <view class="circle_right" style="transform:rotate({{0}}deg);background:#ff7655">
  39. <view class="clip_right"></view>
  40. </view>
  41. <view class="mask">
  42. <text>{{percent[index]}}</text>%
  43. </view>
  44. </view>
  45. <view class="end">完成度</view>
  46. <view class="clean"></view>
  47. </view>
  48. <view class="clear"></view>
  49. </view>
  50. <view class="project-title1">{{item.title}}</view>
  51. <view class="project-count1" wx:if="{{item.state !== 2}}">
  52. <text wx:if="{{item.left_copies_min === item.left_copies_max}}">剩余份数 {{item.left_copies_min}}份</text>
  53. <text wx:if="{{item.left_copies_min !== item.left_copies_max && !item.left_copies_min}}">剩余份数 {{item.left_copies_max}}份</text>
  54. <text wx:if="{{item.left_copies_min !== item.left_copies_max && item.left_copies_min}}">剩余份数 {{item.left_copies_min}}~{{item.left_copies_max}}份</text>
  55. </view>
  56. <view class="project-count1" wx:if="{{item.state === 2}}">
  57. <text wx:if="{{item.min_funding === item.max_funding}}">共团购 {{item.current_funding / item.unit_price}}份</text>
  58. <text wx:if="{{item.min_funding !== item.max_funding}}">共团购 {{item.min_funding / item.unit_price}} ~ {{item.current_funding / item.unit_price}}份</text>
  59. </view>
  60. <view class="project-price1"><text style="color:#bbbbbb;padding-right:30rpx">单价</text><text style="font-size: 35rpx">{{item.min_project_way_price / 100}}</text> 元起</view>
  61. <view class="clean"></view>
  62. </view>
  63. <!--<view class="project-jindu">
  64. <view class="jindu">进度</view>
  65. <progress style="flex:5;" percent="{{percent[index]}}" stroke-width="10" activeColor="#fe7554"/>
  66. <view class="jindu-percent">{{percent[index]}}%</view>
  67. </view>-->
  68. <view class="project-jizhu" wx:if="{{item.state === 1}}">进行中</view>
  69. <view class="project-no" wx:if="{{item.state === 0}}">未开始</view>
  70. <view class="project-chenggong" wx:if="{{item.state === 2}}">已成功</view>
  71. <!--<view class="project-jieshu" wx:if="{{item.state === 3}}">{{item.state_cn}}</view>
  72. <view class="project-tuikuan" wx:if="{{item.state === 4}}">{{item.state_cn}}</view>-->
  73. <view class="clean"></view>
  74. </view>
  75. </view>
  76. </view>
  77. </view>
  78. <view class="bg-img" wx:if="{{show === 1}}"></view>
  79. <!--
  80. <text class="jindu">进度</text>
  81. <progress percent="{{percent[index]}}" stroke-width="10" activeColor="#fe7554"/>
  82. <text class="jindu-percent">{{percent[index]}}%</text>
  83. -->