index.wxml 5.5 KB

1
  1. <view class="content"><view class="home-top"><image class="home-top-bg" src="{{$getimg+'home-top-bg.png'}}" mode="widthFix"></image><view class="home-top-til">“碳汇+”生态产品价值实现</view><view class="home-top-subtil">The value of ecological environment is realized</view></view><view class="swiper-wrap"><swiper class="swiper" indicator-dots="{{swiper.indicatorDots}}" indicator-color="{{swiper.indicatorColor}}" indicator-active-color="{{swiper.indicatorActiveColor}}" autoplay="{{swiper.autoplay}}" interval="{{swiper.interval}}" duration="{{swiper.duration}}" data-event-opts="{{[['change',[['swiperChange',['$event']]]]]}}" bindchange="__e"><block wx:for="{{swiperList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item><view data-event-opts="{{[['tap',[['swiperClick',['$event']]]]]}}" class="adv-item" bindtap="__e"><image class="pic" src="{{$getimg+item.src}}" mode="scaleToFill"></image></view></swiper-item></block></swiper><view class="dots-container"><block wx:for="{{swiperList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view><view class="{{['dot',index===swiperCurrent?'active':'']}}"></view></view></block></view></view><view class="wrap40"><view class="title">推荐生态产品</view><view data-event-opts="{{[['tap',[['randomPop',['$event']]]]]}}" class="buy-now" bindtap="__e"><view class="buy-now-imgwrap"><image class="buy-now-img" src="{{$getimg+'home-buy-now-img.png'}}" mode="aspectFit"></image></view><view class="buy-now-text"><view class="buy-now-text-big">立即购碳</view><view class="buy-now-text-small">点击去购碳哟</view></view><view class="buy-now-icon"><text class="iconfont icon-down-s"></text></view></view><view class="type-nav"><view class="type-nav-item active"><view class="type-nav-item-til">林业碳汇</view><view class="type-nav-item-subtil">为您推荐</view><image class="active-bg" src="{{$getimg+'type-nav-active.png'}}" mode="aspectFit"></image></view><view class="type-nav-item"></view><view class="type-nav-item"></view></view><view class="common-content"><view class="common-content-title"><view class="common-content-icon"><image class="icon" src="{{$getimg+'icon-tanpuhui.png'}}" mode="aspectFit"></image></view><view class="common-content-til">碳汇产品展示</view><view data-event-opts="{{[['tap',[['refreshProductList',['$event']]]]]}}" class="common-content-right" bindtap="__e"><image class="icon" src="{{$getimg+'icon-refresh.png'}}" mode="aspectFit"></image>换一批</view></view><view class="product-list"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['productClick',['$0'],[[['productList','',index]]]]]]]}}" class="product-list-item" bindtap="__e"><image class="product-img" src="{{item.f0}}" mode="heightFix"></image><view class="product-text">{{item.$orig.goodsName}}</view></view></block></view></view><view class="title">购买排行榜</view><view class="rank-wrap"><view class="rank-tab"><view data-event-opts="{{[['tap',[['rankTab',[2]]]]]}}" class="{{['rank-tab-item',(rankType==2)?'active':'']}}" bindtap="__e">企业排行榜</view><view data-event-opts="{{[['tap',[['rankTab',[1]]]]]}}" class="{{['rank-tab-item',(rankType==1)?'active':'']}}" bindtap="__e">个人排行榜</view></view><block wx:if="{{rankResult.list==''}}"><custom-nodata vue-id="8dd740cc-1" bind:__l="__l"></custom-nodata></block><block wx:if="{{rankTop.length>0}}"><view class="rank-top"><block wx:for="{{rankTop}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="rank-top-item"><view class="rank-top-imgwrap"><block wx:if="{{item.rank=='1'}}"><image class="rank-top-bg" src="{{$getimg+'rank-top-1.png'}}" mode="aspectFit"></image></block><block wx:if="{{item.rank=='2'}}"><image class="rank-top-bg" src="{{$getimg+'rank-top-2.png'}}" mode="aspectFit"></image></block><block wx:if="{{item.rank=='3'}}"><image class="rank-top-bg" src="{{$getimg+'rank-top-3.png'}}" mode="aspectFit"></image></block><image class="rank-top-photo" src="{{item.headImage}}" mode="scaleToFill"></image></view><view class="rank-top-name f-ellipsis">{{item.customerName}}</view><view class="rank-top-carbon f-ellipsis">{{"共购买"+item.carbonVal+"kg碳汇"}}</view></view></block><block wx:if="{{myRank.rank}}"><view class="my-rank-wrap"><view class="my-rank-photo"><image class="photo" src="{{myRank.headImage}}" mode="scaleToFill"></image></view><view class="my-rank-text"><view class="my-rank">{{"第"+myRank.rank+"名"}}</view><view class="my-rank-num">{{"共购买"+myRank.carbonVal+"kg碳汇"}}</view></view></view></block></view></block><block wx:if="{{rankList}}"><view class="rank-list-header"><view class="rank-list-header-rank">排名</view><view class="rank-list-header-user">用户</view><view class="rank-list-header-carbon">购买碳汇</view></view></block><block wx:if="{{rankList}}"><view class="rank-list"><block wx:for="{{rankList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="rank-list-item"><view class="rank-list-rank">{{item.rank}}</view><view class="rank-list-user"><image class="photo" src="{{item.img}}" mode="scaleToFill"></image><view class="name f-ellipsis">{{item.customerName}}</view></view><view class="rank-list-carbon">{{"共购买"+item.carbonVal+"kg"}}<view class="_br"></view>碳汇</view></view></block></view></block></view></view><block wx:if="{{modal.visibleModal}}"><quick-buy class="quickbuy vue-ref" vue-id="8dd740cc-2" visible="{{modal.visibleModal}}" data-ref="quickBuy" data-event-opts="{{[['^closeModal',[['closeModal']]]]}}" bind:closeModal="__e" bind:__l="__l"></quick-buy></block></view>