35 lines
2.0 KiB
Plaintext
35 lines
2.0 KiB
Plaintext
<!-- index.wxml -->
|
|
<view class="flex flex-col items-center">
|
|
<image class="fixed left-0 top-0 w-full z-1b" src="/static/images/recommend-bg.png" mode="widthFix" />
|
|
<view class="border-0 sticky w-full top-[-1rpx] z-50">
|
|
<van-tabs active="{{ top }}" bind:change="onChange" line-width="60rpx" line-height="8rpx" color="#F9637B" style="--tabs-nav-background-color:{{showNav?'#fff':'transparent'}}" title-active-color="#F9637B" title-inactive-color="#999">
|
|
<van-tab title="最热短剧" name="2"></van-tab>
|
|
<van-tab title="最新短剧" name="3"></van-tab>
|
|
</van-tabs>
|
|
</view>
|
|
<view class="pb-48">
|
|
<view class="flex flex-wrap items-center mt-48 px-main h-200" wx:for="{{list}}" wx:key="*this" bind:tap="openDetail" data-item="{{item}}">
|
|
<view class="w-48 h-48 relative z-2">
|
|
<i class="iconfont icon-ranking leading-1 text-48 {{index===0?'text-[#FFBB27]':index===1?'text-[#E851A2]':index===2?'text-[#2348A3]':'text-[#757575]'}} " />
|
|
<view class="absolute top-0 left-0 text-fff w-full h-full flex flex-wrap justify-center">
|
|
{{index + 1}}
|
|
</view>
|
|
</view>
|
|
<image src="{{item.cover}}" class="w-128 h-full rounded-16 ml-36 mr-32" mode="aspectFill" />
|
|
<view class="flex-1 h-full w-full">
|
|
<view class="line-clamp-1">{{item.name}}</view>
|
|
<view class="flex mt-12">
|
|
<view class="py-8 px-16 flex flex-wrap items-center mr-16 rounded-full text-20 leading-1 text-600 text-[#ff3859] bg-[#FDC9C9]" hidden="{{!item.like}}">
|
|
<i class="iconfont icon-fire text-20 pr-4 leading-1" />
|
|
{{item.like}}
|
|
</view>
|
|
<view class="py-8 px-16 rounded-full text-20 leading-1 text-600 text-[#FDC9C9] bg-[#000000]" hidden="{{!item.categoryname}}">
|
|
{{item.categoryname}}
|
|
</view>
|
|
</view>
|
|
<view class="text-20 text-666 mt-36 line-clamp-2">{{item.description}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<loadmore status="{{loadStatus}}" />
|
|
</view> |