Files
Smart-Farm/front/pages/claim.wxml
2025-12-22 17:13:05 +08:00

1 line
4.6 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<block wx:if="{{isLoad}}"><view class="pages-claim"><fixed vue-id="8043845a-1" refresh="{{refresh}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="fill-base"><block wx:if="{{$root.g0>0}}"><banner vue-id="{{('8043845a-2')+','+('8043845a-1')}}" list="{{banner}}" margin="{{0}}" autoplay="{{true}}" borderRadius="{{0}}" height="{{420}}" indicatorActiveColor="{{primaryColor}}" bind:__l="__l"></banner></block><view class="fill-base flex-between b-1px-b"><view style="width:650rpx;"><tab vue-id="{{('8043845a-3')+','+('8043845a-1')}}" list="{{tabList}}" activeIndex="{{activeIndex}}" activeColor="{{primaryColor}}" height="100rpx" data-event-opts="{{[['^change',[['handerTabChange',['$event','activeIndex']]]]]}}" bind:change="__e" bind:__l="__l"></tab></view><view data-event-opts="{{[['tap',[['toShowRank',['$event']]]]]}}" class="flex-center c-caption b-1px-l" style="width:100rpx;" catchtap="__e"><view class="{{['iconfont','icon-down-bold','_i',[(show_rank_item)?'rotate-180':'']]}}"></view></view></view></view></fixed><uni-popup class="vue-ref" vue-id="8043845a-4" type="top" custom="{{true}}" data-ref="rank_item" data-event-opts="{{[['^change',[['popupChange']]]]}}" bind:change="__e" bind:__l="__l" vue-slots="{{['default']}}"><view style="{{'height:'+($root.g1>0?'520rpx':'100rpx')+';'}}"></view><view class="pd-lg fill-base"><block wx:for="{{rankList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['handerTabChange',[index,'rankInd']]]]]}}" class="{{['f-paragraph','c-title',[(index!=0)?'mt-md':'']]}}" style="{{'color:'+(index==rankInd?primaryColor:'')+';'}}" catchtap="__e">{{''+item.title+''}}</view></block></view></uni-popup><block wx:for="{{list.data}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['goDetail',[index]]]]]}}" class="claim-item fill-base mt-md ml-md mr-md box-shadow radius-24" catchtap="__e"><view class="flex-between pt-lg pl-lg pr-lg"><view class="flex-y-center"><image class="avatar mini radius" mode="aspectFill" lazy-load="{{true}}" src="{{item.farmer_info.cover}}"></image><view class="ml-lg max-446 ellipsis">{{item.farmer_info.title}}</view></view><view class="iconfont icon-right c-caption _i" style="font-size:28rpx;"></view></view><view class="flex-center pd-lg"><image class="cover fill-body radius-24" mode="aspectFill" lazy-load="{{true}}" src="{{item.cover}}"></image><view class="flex-1 ml-lg max-380"><view class="f-title c-title ellipsis-2">{{item.title}}</view><view class="f-paragraph c-title">{{item.start_time+' '+item.end_time}}</view><view class="flex-between mt-sm mb-md"><view class="line-item rel"><view class="cur abs" style="{{'width:'+(item.precent)+';'}}"></view></view><view class="c-caption" style="font-size:20rpx;">{{"已认养"+item.precent}}</view></view><view class="count-list flex-warp"><view class="count-item"><view class="flex-y-center f-caption c-caption"><view class="dot radius"></view>品种</view><view class="f-paragraph c-title ellipsis">{{item.breed}}</view></view><view class="count-item"><view class="flex-y-center f-caption c-caption"><view class="dot radius"></view>周期</view><view class="f-paragraph c-title ellipsis">{{item.cycle+"天"}}</view></view><view class="count-item"><view class="flex-y-center f-caption c-caption"><view class="dot radius"></view>产量</view><view class="f-paragraph c-title">{{item.output+"kg"}}</view></view></view></view></view><view class="flex-between ml-lg mr-lg pt-lg pb-sm b-1px-t"><view class="flex-y-baseline"><view class="f-lg-title c-warning">{{"¥"+item.price}}</view><view class="f-caption c-caption ml-sm">{{"/"+item.unit}}</view></view><view class="common-btn flex-center f-paragraph c-base radius-4" style="{{'background:'+(primaryColor)+';'}}">立即认养</view></view><view class="flex-y-center pl-lg pr-lg pb-lg"><view class="flex-warp"><block wx:for="{{item.count.user_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block><block wx:if="{{index<6}}"><view class="avatar-group"><image class="abs avatar fill-body radius" mode="aspectFill" lazy-load="{{true}}" src="{{item.avatarUrl}}"></image></view></block></block></block></view><view class="{{['flex-y-center','f-caption','c-title','pr-lg',[(item.count.user_count>0)?'ml-lg':'']]}}" style="height:48rpx;">{{'已有'+item.count.user_count+"人参与"}}</view></view></view></block><block wx:if="{{loading}}"><load-more vue-id="8043845a-5" noMore="{{$root.g2}}" loading="{{loading}}" bind:__l="__l"></load-more></block><block wx:if="{{$root.g3}}"><abnor vue-id="8043845a-6" bind:__l="__l"></abnor></block><view class="space-footer"></view></view></block>