| 1 |
- <view class="content"><view class="home-top"><image class="home-top-bg" src="../../static/img/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 class="buy-now"><view class="buy-now-imgwrap"><image class="buy-now-img" src="../../static/img/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="../../static/img/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="../../static/img/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="../../static/img/icon-refresh.png" mode="aspectFit"></image>换一批</view></view><view class="product-list"><block wx:for="{{productList}}" 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.img}}" mode="heightFix"></image><view class="product-text">{{item.name}}</view></view></block></view><view class="common-content-blink">查看更多 ></view></view><view class="title">购买排行榜</view><view class="rank-wrap"><view class="rank-tab"><view data-event-opts="{{[['tap',[['rankTab',[1]]]]]}}" class="{{['rank-tab-item',(rankType==1)?'active':'']}}" bindtap="__e">企业排行榜</view><view data-event-opts="{{[['tap',[['rankTab',[2]]]]]}}" class="{{['rank-tab-item',(rankType==2)?'active':'']}}" bindtap="__e">个人排行榜</view></view><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"><image class="rank-top-bg" src="../../static/img/rank-top01.png" mode="aspectFit"></image><image class="rank-top-photo" src="{{item.img}}" mode="scaleToFill"></image></view><view class="rank-top-name f-ellipsis">{{item.name}}</view><view class="rank-top-carbon f-ellipsis">{{"共购买"+item.carbon+"kg碳汇"}}</view></view></block><view class="my-rank-wrap"><view class="my-rank-photo"><image class="photo" src="{{myRank.img}}" mode="scaleToFill"></image></view><view class="my-rank-text"><view class="my-rank">{{"第"+myRank.rank+"名"}}</view><view class="my-rank-num">{{"共购买"+myRank.carbon+"kg碳汇"}}</view></view></view></view><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><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.name}}</view></view><view class="rank-list-carbon">{{"共购买"+item.carbon+"kg"}}<view class="_br"></view>碳汇</view></view></block></view></view></view></view>
|
