yurong/unpackage/dist/dev/mp-weixin/components/taoke/source/rank-source.wxml

<view class="rank-container data-v-57dc3616"><view class="rank-header data-v-57dc3616"><view class="status-bar data-v-57dc3616" style="{{'height:'+(statusBarHeight+'px')+';'}}"></view><view class="rank-main-tabs data-v-57dc3616"><view data-event-opts="{{[['tap',[['switchRankType',[1]]]]]}}" class="{{['main-tab','data-v-57dc3616',(rankType===1)?'active':'']}}" bindtap="__e"><view class="tab-content-wrap data-v-57dc3616"><block wx:if="{{rankType===1}}"><image class="wheat-icon wheat-left data-v-57dc3616" src="/static/wheat_icon.png"></image></block><text class="tab-main-txt data-v-57dc3616">实时热销榜</text><block wx:if="{{rankType===1}}"><image class="wheat-icon wheat-right data-v-57dc3616" src="/static/wheat_icon.png"></image></block></view></view><view data-event-opts="{{[['tap',[['switchRankType',[2]]]]]}}" class="{{['main-tab','data-v-57dc3616',(rankType===2)?'active':'']}}" bindtap="__e"><view class="tab-content-wrap data-v-57dc3616"><text class="tab-main-txt data-v-57dc3616">全天热销榜</text></view></view></view><scroll-view class="cate-nav data-v-57dc3616" scroll-x="{{true}}" show-scrollbar="{{false}}"><block wx:for="{{categoryList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['switchCategory',['$0'],[[['categoryList','',index,'id']]]]]]]}}" class="{{['cate-item','data-v-57dc3616',(currentCateId===item.id)?'active':'']}}" bindtap="__e"><text class="cate-txt data-v-57dc3616">{{item.name}}</text></view></block></scroll-view></view><scroll-view class="rank-content data-v-57dc3616" scroll-y="{{true}}" data-event-opts="{{[['scrolltolower',[['loadMore',['$event']]]]]}}" bindscrolltolower="__e"><view class="rank-bg-header data-v-57dc3616" style="{{'height:'+(rankHeaderHeight+'px')+';'}}"></view><block wx:if="{{$root.g0>=3}}"><view class="top-three-wrap data-v-57dc3616"><view data-event-opts="{{[['tap',[['goToDetail',['$0'],['goodsList.__$n1.id']]]]]}}" class="top-card top-card-side data-v-57dc3616" bindtap="__e"><view class="top-badge-wrap badge-2 data-v-57dc3616"><text class="top-badge-num data-v-57dc3616">TOP 2</text></view><view class="top-img-box data-v-57dc3616"><image class="top-img data-v-57dc3616" src="{{goodsList[1].image}}" mode="aspectFill"></image><view class="top-sales-bar data-v-57dc3616">{{"已抢"+goodsList[1].sales+"件"}}</view></view><view class="top-info-box data-v-57dc3616"><text class="top-name data-v-57dc3616">{{goodsList[1].title}}</text><view class="top-price-box data-v-57dc3616"><text class="price-label data-v-57dc3616">券后￥</text><text class="price-val data-v-57dc3616">{{goodsList[1].finalPrice}}</text></view><block wx:if="{{goodsList[1].couponValue}}"><view class="coupon-wrap data-v-57dc3616"><text class="coupon-label data-v-57dc3616">券</text><text class="coupon-value data-v-57dc3616">{{goodsList[1].couponValue+"元"}}</text></view></block></view></view><view data-event-opts="{{[['tap',[['goToDetail',['$0'],['goodsList.__$n0.id']]]]]}}" class="top-card top-card-center data-v-57dc3616" bindtap="__e"><image class="crown-icon data-v-57dc3616" src="https://img.bc.haodanku.com/cms_web/1698115530" mode="widthFix"></image><view class="top-badge-wrap badge-1 data-v-57dc3616"><text class="top-badge-num data-v-57dc3616">TOP 1</text></view><view class="top-img-box data-v-57dc3616"><image class="top-img data-v-57dc3616" src="{{goodsList[0].image}}" mode="aspectFill"></image><view class="top-sales-bar data-v-57dc3616">{{"已抢"+goodsList[0].sales+"件"}}</view></view><view class="top-info-box data-v-57dc3616"><text class="top-name data-v-57dc3616">{{goodsList[0].title}}</text><view class="top-price-box data-v-57dc3616"><text class="price-label data-v-57dc3616">券后￥</text><text class="price-val data-v-57dc3616">{{goodsList[0].finalPrice}}</text></view><block wx:if="{{goodsList[0].couponValue}}"><view class="coupon-wrap data-v-57dc3616"><text class="coupon-label data-v-57dc3616">券</text><text class="coupon-value data-v-57dc3616">{{goodsList[0].couponValue+"元"}}</text></view></block></view></view><view data-event-opts="{{[['tap',[['goToDetail',['$0'],['goodsList.__$n2.id']]]]]}}" class="top-card top-card-side data-v-57dc3616" bindtap="__e"><view class="top-badge-wrap badge-3 data-v-57dc3616"><text class="top-badge-num data-v-57dc3616">TOP 3</text></view><view class="top-img-box data-v-57dc3616"><image class="top-img data-v-57dc3616" src="{{goodsList[2].image}}" mode="aspectFill"></image><view class="top-sales-bar data-v-57dc3616">{{"已抢"+goodsList[2].sales+"件"}}</view></view><view class="top-info-box data-v-57dc3616"><text class="top-name data-v-57dc3616">{{goodsList[2].title}}</text><view class="top-price-box data-v-57dc3616"><text class="price-label data-v-57dc3616">券后￥</text><text class="price-val data-v-57dc3616">{{goodsList[2].finalPrice}}</text></view><block wx:if="{{goodsList[2].couponValue}}"><view class="coupon-wrap data-v-57dc3616"><text class="coupon-label data-v-57dc3616">券</text><text class="coupon-value data-v-57dc3616">{{goodsList[2].couponValue+"元"}}</text></view></block></view></view></view></block><view class="rest-list data-v-57dc3616"><block wx:for="{{$root.l0}}" wx:for-item="goods" wx:for-index="idx" wx:key="idx"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" data-event-params="{{({goods})}}" class="rest-item data-v-57dc3616" bindtap="__e"><view class="rest-left data-v-57dc3616"><view class="rest-badge-wrap data-v-57dc3616"><image class="rest-badge-img data-v-57dc3616" src="/static/rank_badge.png" mode="widthFix"></image><text class="rest-badge-num data-v-57dc3616">{{idx+4}}</text></view><image class="rest-img data-v-57dc3616" src="{{goods.image}}" mode="aspectFill"></image></view><view class="rest-right data-v-57dc3616"><view class="rest-title-row data-v-57dc3616"><image class="p-icon data-v-57dc3616" src="https://img-haodanku-com.cdn.fudaiapp.com/FlyOSTvjC3LjrkUoJ0NPxx1qnGz4"></image><text class="rest-name data-v-57dc3616">{{goods.title}}</text></view><view class="rest-price-row data-v-57dc3616"><text class="rest-price-tip data-v-57dc3616">券后¥</text><text class="rest-price-val data-v-57dc3616">{{goods.finalPrice}}</text><text class="rest-price-old data-v-57dc3616">{{"¥"+goods.originalPrice}}</text></view><block wx:if="{{goods.couponValue}}"><view class="coupon-wrap data-v-57dc3616"><text class="coupon-label data-v-57dc3616">券</text><text class="coupon-value data-v-57dc3616">{{goods.couponValue+"元"}}</text></view></block><view class="rest-buy-bar data-v-57dc3616"><view class="btn-prev data-v-57dc3616"><text class="rest-buy-txt data-v-57dc3616">近2小时已抢<text class="rest-buy-num data-v-57dc3616">{{goods.itemsale2}}</text>件</text></view><view class="btn-next data-v-57dc3616">马上抢</view></view></view></view></block></view><block wx:if="{{loading}}"><view class="loading-status data-v-57dc3616">火速加载中...</view></block><view class="footer-placeholder data-v-57dc3616"></view></scroll-view><bottom-nav vue-id="b8a9e4a0-1" activeTab="{{1}}" class="data-v-57dc3616" bind:__l="__l"></bottom-nav></view>