ranking.wxml 1.9 KB

1
  1. <view class="container data-v-d21fa7e5"><view class="header data-v-d21fa7e5"><view class="back-btn data-v-d21fa7e5" bindtap="{{a}}"><text class="back-icon data-v-d21fa7e5">←</text></view><text class="header-title data-v-d21fa7e5">排行榜</text><view class="placeholder data-v-d21fa7e5"></view></view><view class="tab-bar data-v-d21fa7e5"><view wx:for="{{b}}" wx:for-item="tab" wx:key="c" class="{{['tab-item', 'data-v-d21fa7e5', tab.d && 'tab-active']}}" bindtap="{{tab.e}}"><text class="{{['tab-text', 'data-v-d21fa7e5', tab.b && 'tab-text-active']}}">{{tab.a}}</text></view></view><view class="main-content data-v-d21fa7e5"><scroll-view class="sidebar data-v-d21fa7e5" scroll-y><view wx:for="{{c}}" wx:for-item="category" wx:key="d" class="{{['category-item', 'data-v-d21fa7e5', category.e && 'category-active']}}" bindtap="{{category.f}}"><view wx:if="{{category.a}}" class="category-indicator data-v-d21fa7e5"></view><text class="{{['category-text', 'data-v-d21fa7e5', category.c && 'category-text-active']}}">{{category.b}}</text></view></scroll-view><scroll-view class="book-list-container data-v-d21fa7e5" scroll-y bindscrolltolower="{{g}}" lower-threshold="{{100}}"><view wx:for="{{d}}" wx:for-item="book" wx:key="f" class="book-item data-v-d21fa7e5" bindtap="{{book.g}}"><text class="rank-number data-v-d21fa7e5">{{book.a}}</text><image class="book-cover data-v-d21fa7e5" src="{{book.b}}" mode="aspectFill" lazy-load="{{true}}" binderror="{{book.c}}"></image><view class="book-info data-v-d21fa7e5"><text class="book-title data-v-d21fa7e5">{{book.d}}</text><text class="book-author data-v-d21fa7e5">{{book.e}}</text></view><view class="divider-line data-v-d21fa7e5"></view></view><view wx:if="{{e}}" class="load-more data-v-d21fa7e5"><text class="load-more-text data-v-d21fa7e5">加载中...</text></view><view wx:elif="{{f}}" class="load-more data-v-d21fa7e5"><text class="load-more-text data-v-d21fa7e5">暂无数据</text></view></scroll-view></view></view>