1
This commit is contained in:
parent
a82130f6da
commit
e99dec9214
2
app.json
2
app.json
@ -6,10 +6,8 @@
|
|||||||
"pages/discover/index",
|
"pages/discover/index",
|
||||||
"pages/my/index",
|
"pages/my/index",
|
||||||
"pages/pay/index",
|
"pages/pay/index",
|
||||||
"pages/index/index",
|
|
||||||
"pages/search/index",
|
"pages/search/index",
|
||||||
"pages/history/index",
|
"pages/history/index",
|
||||||
"pages/collections/index",
|
|
||||||
"pages/recharge/index",
|
"pages/recharge/index",
|
||||||
"pages/giftCoins/index",
|
"pages/giftCoins/index",
|
||||||
"pages/consumption/index",
|
"pages/consumption/index",
|
||||||
|
|||||||
@ -30,7 +30,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="bg-gradient-to-b from-[#FFFBF3] to-[#fff] mt-150 pt-34 px-main h-[70vh] overflow-auto">
|
<view class="bg-gradient-to-b from-[#FFFBF3] to-[#fff] mt-150 py-34 px-main max-h-[75vh] overflow-auto">
|
||||||
<view class="border-0 border-b-2 border-solid border-pay-line w-full py-24">
|
<view class="border-0 border-b-2 border-solid border-pay-line w-full py-24">
|
||||||
<view class="">
|
<view class="">
|
||||||
我的K币：
|
我的K币：
|
||||||
@ -52,7 +52,7 @@
|
|||||||
<view class="text-[#FF0049] underline" bind:tap="openAgreement">会员服务协议</view>
|
<view class="text-[#FF0049] underline" bind:tap="openAgreement">会员服务协议</view>
|
||||||
<view class="text-[#FF0049] underline ml-36" bind:tap="openPurchaseNotes">付费须知</view>
|
<view class="text-[#FF0049] underline ml-36" bind:tap="openPurchaseNotes">付费须知</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="h-240 w-full relative mt-24" bind:tap="pay" data-item="{{backInfo}}">
|
<!-- <view class="h-240 w-full relative mt-24" bind:tap="pay" data-item="{{backInfo}}">
|
||||||
<image class="w-full h-full" mode="widthFix" src="/static/images/pay-bg-1.png" />
|
<image class="w-full h-full" mode="widthFix" src="/static/images/pay-bg-1.png" />
|
||||||
<image class="absolute right-0 top-0 w-126 h-72" mode="widthFix" src="/static/images/pay-hot.png" />
|
<image class="absolute right-0 top-0 w-126 h-72" mode="widthFix" src="/static/images/pay-hot.png" />
|
||||||
<view class="absolute left-32 top-32 right-32 flex flex-col">
|
<view class="absolute left-32 top-32 right-32 flex flex-col">
|
||||||
@ -62,41 +62,28 @@
|
|||||||
<view class="text-24 mt-2 text-[#FFDAB5]">共{{ backInfo.egold || 0 }}K币！惊喜福利，超低充值</view>
|
<view class="text-24 mt-2 text-[#FFDAB5]">共{{ backInfo.egold || 0 }}K币！惊喜福利，超低充值</view>
|
||||||
<van-button type="primary" plain color="#F9637B" block custom-class="recharge-button">
|
<van-button type="primary" plain color="#F9637B" block custom-class="recharge-button">
|
||||||
￥{{ backInfo.price || 0 }}
|
￥{{ backInfo.price || 0 }}
|
||||||
<!-- <span class="text-24">/{{ backInfo.egold || 0 }} K币</span> -->
|
|
||||||
</van-button>
|
</van-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
<view class="w-full flex flex-wrap items-center justify-between mt-main">
|
<view class="w-full flex flex-wrap items-center justify-between mt-main">
|
||||||
<view class="w-330 h-200 rounded-16 flex flex-col mb-main relative border-2 border-solid border-[#FDBAC5] overflow-hidden {{item.type===4?'bg-[#FFF2F9]':'bg-fff'}}" wx:for="{{list}}" wx:key="*this" bind:tap="pay" data-item="{{item}}">
|
<view class="w-330 h-200 rounded-16 flex flex-col mb-main relative border-2 border-solid border-[#FDBAC5] overflow-hidden {{item.type===1?'bg-fff':item.type===2?'bg-[#FDBAC5]':'bg-gradient-to-r from-[#DE7DEF] to-[#EE9376] text-fff'}}" wx:for="{{list}}" wx:key="*this" bind:tap="pay" data-item="{{item}}">
|
||||||
<view class="absolute top-0 right-0 bg-gradient-to-r from-[#F3583D] to-[#FA5EAE] rounded-bl-16 px-16 h-36 leading-[36rpx] text-24 text-fff" hidden="{{!item.poster}}">
|
<view class="absolute top-0 right-0 bg-gradient-to-r from-[#F3583D] to-[#FA5EAE] rounded-bl-16 px-16 h-36 leading-[36rpx] text-24 text-fff font-400" hidden="{{!item.poster}}">
|
||||||
{{item.poster}}
|
{{item.poster}}
|
||||||
</view>
|
</view>
|
||||||
<view class="pl-32 h-124 mt-12 flex flex-col justify-center items-start">
|
<view class="px-32 h-124 mt-12 flex flex-col justify-center items-start">
|
||||||
<block wx:if="{{item.type===1}}">
|
<view class="flex flex-wrap items-center justify-center w-full pt-20">
|
||||||
<view class="flex flex-wrap items-center">
|
<view class="text-48 leading-1.4">
|
||||||
<image class="w-32 h-32 mr-12" mode="widthFix" src="/static/images/gift.png" />
|
<span class="text-32">￥</span>
|
||||||
<view class="text-36 leading-1.4">{{item.egold}}</view>
|
<span class="text-48">{{item.price}}</span>
|
||||||
|
<span class="text-32 pl-8">元</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="text-24 text-[#999]">
|
</view>
|
||||||
{{item.title}}{{!item.giveegold ? '' : "（" + item.giveegold+'K币）'}}
|
|
||||||
</view>
|
|
||||||
</block>
|
|
||||||
<block wx:elif="{{item.type===2}}">
|
|
||||||
<view class="flex flex-wrap items-center">
|
|
||||||
<image class="w-32 h-32 mr-12" mode="widthFix" src="/static/images/diamond.png" />
|
|
||||||
<view class="text-36 leading-1.4">{{item.title}}</view>
|
|
||||||
</view>
|
|
||||||
</block>
|
|
||||||
<block wx:if="{{item.type===4}}">
|
|
||||||
<view class="flex flex-wrap items-center">
|
|
||||||
<image class="w-32 h-32 mr-12" mode="widthFix" src="/static/images/gift.png" />
|
|
||||||
<view class="text-36 text-[#F9637B] leading-1.4">{{item.description}}</view>
|
|
||||||
</view>
|
|
||||||
<view class="text-24 text-[#999]">{{item.title}}</view>
|
|
||||||
</block>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="absolute left-0 bottom-0 h-64 w-full flex items-center justify-center text-36 {{item.type===4?'bg-gradient-to-r from-[#F76D67] to-[#FB5196] text-fff':'bg-[#FDBAC5] text-[#F9637B]'}}">
|
<view class="absolute left-0 bottom-0 h-64 w-full flex items-center justify-center text-28 {{item.type===1?'text-[#F9637B] bg-[#FDBAC5]':item.type===2?'bg-[#F9637B] text-fff':item.type===4?'bg-gradient-to-r from-[#F76D67] to-[#FB5196] text-fff':'bg-[#FDBAC5] text-[#F9637B]'}}">
|
||||||
￥{{item.price}}
|
<image class="w-32 h-32 mr-10" mode="widthFix" src="/static/images/{{item.type===1?'gift':item.type===2?'diamond':'suo'}}.png" />
|
||||||
|
<view class="leading-1.4">
|
||||||
|
{{item.type===1?(item.giveegold?(item.egold+'+'+item.giveegold + 'K币'):item.egold + 'K币'):item.type===2?item.title:item.description}}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: 99999;
|
z-index: 99999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.customIcon {
|
.customIcon {
|
||||||
@ -13,7 +13,6 @@
|
|||||||
padding-left: 30rpx;
|
padding-left: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* 菜单 */
|
/* 菜单 */
|
||||||
.menu_box {
|
.menu_box {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -27,8 +26,6 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 返回+首页 */
|
/* 返回+首页 */
|
||||||
|
|
||||||
.backHome_box {
|
.backHome_box {
|
||||||
@ -66,12 +63,11 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
.slotClass{
|
.slotClass {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 115px;
|
right: 115px;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
||||||
}
|
}
|
||||||
/* 自定义顶部距离修正 */
|
/* 自定义顶部距离修正 */
|
||||||
.customWrap {
|
.customWrap {
|
||||||
|
|||||||
@ -26,4 +26,4 @@
|
|||||||
<i class="iconfont {{isEdit?'icon-gouxuan':'icon-bianji1'}} text-36" />
|
<i class="iconfont {{isEdit?'icon-gouxuan':'icon-bianji1'}} text-36" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<van-empty description="暂时没有收藏数据" wx:else />
|
<van-empty description="去收藏一部喜欢的剧吧~" wx:else />
|
||||||
@ -53,10 +53,10 @@ Page({
|
|||||||
var opacity,
|
var opacity,
|
||||||
scrollTop = e.scrollTop;
|
scrollTop = e.scrollTop;
|
||||||
// 根据滚动距离设置渐隐渐显
|
// 根据滚动距离设置渐隐渐显
|
||||||
if (scrollTop <= 115) {
|
if (scrollTop <= 100) {
|
||||||
opacity = 0;
|
opacity = 0;
|
||||||
} else if (scrollTop <= 200) {
|
} else if (scrollTop <= 200) {
|
||||||
opacity = (scrollTop - 115) / 100;
|
opacity = (scrollTop - 100) / 100;
|
||||||
} else {
|
} else {
|
||||||
opacity = 1;
|
opacity = 1;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,13 +1,16 @@
|
|||||||
<view class="container">
|
<view class="container">
|
||||||
<view class="fixed left-0 top-0 z-10000" style="opacity: {{opacity}}">
|
<view class="fixed left-0 top-0 z-[100001]" style="opacity: {{opacity}}">
|
||||||
<navbar navbarData="{{navbarData}}" Color="#000" />
|
<navbar navbarData="{{navbarData}}" Color="#000" />
|
||||||
</view>
|
</view>
|
||||||
<view class="w-full h-[1136rpx] relative z-[10000000]" style="" hidden="{{!bannerList.length}}">
|
<view class="w-full h-[1136rpx] relative " hidden="{{!bannerList.length}}">
|
||||||
<view class="absolute z-9999 left-14 w-520 bg-search rounded-full flex items-center pl-36 text-fff" style="width:{{capsuleObj.left-14-18}}px; height:{{capsuleObj.height}}px; top:{{capsuleObj.top}}px;" bindtap="openSearch">
|
<view class="absolute z-[100002] left-14 w-520 bg-search rounded-full flex items-center pl-36 text-fff"
|
||||||
|
style="width:{{capsuleObj.left-14-18}}px; height:{{capsuleObj.height}}px; top:{{capsuleObj.top}}px;"
|
||||||
|
bindtap="openSearch">
|
||||||
<i class="iconfont icon-search" style="font-size: 24rpx;" />
|
<i class="iconfont icon-search" style="font-size: 24rpx;" />
|
||||||
<view class="pl-20">寻找你喜欢的短剧</view>
|
<view class="pl-20">寻找你喜欢的短剧</view>
|
||||||
</view>
|
</view>
|
||||||
<swiper indicator-dots autoplay class="h-full" indicator-active-color="#FB5196" circular current="{{bannerIndex}}" bindchange="bannerChange">
|
<swiper indicator-dots autoplay class="h-full" indicator-active-color="#FB5196" circular current="{{bannerIndex}}"
|
||||||
|
bindchange="bannerChange">
|
||||||
<block wx:for="{{bannerList}}" wx:key="*this">
|
<block wx:for="{{bannerList}}" wx:key="*this">
|
||||||
<swiper-item bind:tap="openDetail" data-item="{{item}}">
|
<swiper-item bind:tap="openDetail" data-item="{{item}}">
|
||||||
<image src="{{item.cover || '/static/no-img.png'}}" class="h-[1000rpx] w-full" mode="aspectFill" />
|
<image src="{{item.cover || '/static/no-img.png'}}" class="h-[1000rpx] w-full" mode="aspectFill" />
|
||||||
@ -15,7 +18,8 @@
|
|||||||
</block>
|
</block>
|
||||||
</swiper>
|
</swiper>
|
||||||
<view class="header-bottom absolute z-9999 top-[840rpx] w-full h-320 flex flex-wrap justify-center">
|
<view class="header-bottom absolute z-9999 top-[840rpx] w-full h-320 flex flex-wrap justify-center">
|
||||||
<view class="rounded-full text-fff mt-112 px-60 h-96 leading-[96rpx] header-button active:opacity-80 text-32" bind:tap="openDetail" data-item="{{bannerList[bannerIndex]}}">
|
<view class="rounded-full text-fff mt-112 px-60 h-96 leading-[96rpx] header-button active:opacity-80 text-32"
|
||||||
|
bind:tap="openDetail" data-item="{{bannerList[bannerIndex]}}">
|
||||||
立即观看
|
立即观看
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -28,7 +32,8 @@
|
|||||||
</view>
|
</view>
|
||||||
<scroll-view type="list" scroll-x class="w-750 whitespace-nowrap flex items-start pt-32 h-462">
|
<scroll-view type="list" scroll-x class="w-750 whitespace-nowrap flex items-start pt-32 h-462">
|
||||||
<block wx:for="{{bestList}}" wx:key="*this">
|
<block wx:for="{{bestList}}" wx:key="*this">
|
||||||
<view class="inline-block whitespace-normal pl-24 first:pl-main last:pr-main w-260" bind:tap="openDetail" data-item="{{item}}">
|
<view class="inline-block whitespace-normal pl-24 first:pl-main last:pr-main w-260" bind:tap="openDetail"
|
||||||
|
data-item="{{item}}">
|
||||||
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" class="w-full h-400 rounded-16" />
|
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" class="w-full h-400 rounded-16" />
|
||||||
<view class="w-full mt-16 truncate">{{item.name}}</view>
|
<view class="w-full mt-16 truncate">{{item.name}}</view>
|
||||||
</view>
|
</view>
|
||||||
@ -41,7 +46,7 @@
|
|||||||
<i class="iconfont icon-shoucang model_image" style="color: #FFCC00;" />
|
<i class="iconfont icon-shoucang model_image" style="color: #FFCC00;" />
|
||||||
精品短剧
|
精品短剧
|
||||||
</view>
|
</view>
|
||||||
<view class="mt-32 px-main grid gap-16 grid-cols-3 w-full">
|
<view class="mt-32 px-main grid gap-16 grid-cols-3 flex-1">
|
||||||
<block wx:for="{{starsList}}" wx:key="*this">
|
<block wx:for="{{starsList}}" wx:key="*this">
|
||||||
<view class="pt-36 [&:nth-child(-n+3)]:pt-0" bind:tap="openDetail" data-item="{{item}}">
|
<view class="pt-36 [&:nth-child(-n+3)]:pt-0" bind:tap="openDetail" data-item="{{item}}">
|
||||||
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" class="h-370 rounded-16 w-full" />
|
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" class="h-370 rounded-16 w-full" />
|
||||||
@ -56,19 +61,23 @@
|
|||||||
<i class="iconfont icon-dianzan model_image" style="color: #FF7D20;" />
|
<i class="iconfont icon-dianzan model_image" style="color: #FF7D20;" />
|
||||||
特别推荐
|
特别推荐
|
||||||
</view>
|
</view>
|
||||||
<scroll-view type="list" scroll-x class="whitespace-nowrap w-750 flex items-start h-620 pt-32">
|
<scroll-view type="list" scroll-x class="whitespace-nowrap w-750 flex items-start h-624 pt-32">
|
||||||
<block wx:for="{{recommend}}" wx:key="*this">
|
<block wx:for="{{recommend}}" wx:key="*this">
|
||||||
<view class="inline-block whitespace-normal pl-24 first:pl-main last:pr-main " bind:tap="openDetail" data-item="{{item}}">
|
<view class="inline-block whitespace-normal pl-24 first:pl-main last:pr-main " bind:tap="openDetail"
|
||||||
|
data-item="{{item}}">
|
||||||
<view class="rounded-16 overflow-hidden bg-linear w-300">
|
<view class="rounded-16 overflow-hidden bg-linear w-300">
|
||||||
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" class="w-full h-500 rounded-16" />
|
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" class="w-full h-500 rounded-16" />
|
||||||
<view class="px-24 pt-12 whitespace-normal">
|
<view class="px-24 pt-12 whitespace-normal h-114">
|
||||||
<view class="line-clamp-1 text-fff text-24 w-188">{{item.name}}</view>
|
<view class="line-clamp-1 text-fff text-24 w-188">{{item.name}}</view>
|
||||||
<view class="flex mt-12 pb-20">
|
<view class="flex mt-12 pb-20">
|
||||||
<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]">
|
<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" />
|
<i class="iconfont icon-fire text-20 pr-4 leading-1" />
|
||||||
{{item.like || 0}}
|
{{item.like || 0}}
|
||||||
</view>
|
</view>
|
||||||
<view class="py-8 px-16 rounded-full text-20 leading-1 text-600 text-[#FDC9C9] bg-[#000000]" hidden="{{!item.categoryname}}">
|
<view class="py-8 px-16 rounded-full text-20 leading-1 text-600 text-[#FDC9C9] bg-[#000000]"
|
||||||
|
hidden="{{!item.categoryname}}">
|
||||||
{{item.categoryname}}
|
{{item.categoryname}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -86,16 +95,21 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="mt-32 px-main">
|
<view class="mt-32 px-main">
|
||||||
<block wx:for="{{newList}}" wx:key="*this">
|
<block wx:for="{{newList}}" wx:key="*this">
|
||||||
<view class="flex flex-wrap items-center bg-[#f5f5f5] rounded-16 overflow-hidden h-290 mt-36 first:mt-0" bind:tap="openDetail" data-item="{{item}}">
|
<view class="flex flex-wrap items-center bg-[#f5f5f5] rounded-16 overflow-hidden h-290 mt-36 first:mt-0"
|
||||||
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" alt="404" class="h-full w-164 rounded-16" />
|
bind:tap="openDetail" data-item="{{item}}">
|
||||||
|
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" alt="404"
|
||||||
|
class="h-full w-164 rounded-16" />
|
||||||
<view class="flex-1 px-32 min-h-214">
|
<view class="flex-1 px-32 min-h-214">
|
||||||
<view class="leading-[30rpx] line-clamp-2">{{item.name}}</view>
|
<view class="leading-[30rpx] line-clamp-2">{{item.name}}</view>
|
||||||
<view class="flex mt-12">
|
<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]">
|
<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" />
|
<i class="iconfont icon-fire text-20 pr-4 leading-1" />
|
||||||
{{item.like || 0}}
|
{{item.like || 0}}
|
||||||
</view>
|
</view>
|
||||||
<view class="py-8 px-16 rounded-full text-20 leading-1 text-600 text-[#FDC9C9] bg-[#000000]" hidden="{{!item.categoryname}}">
|
<view class="py-8 px-16 rounded-full text-20 leading-1 text-600 text-[#FDC9C9] bg-[#000000]"
|
||||||
|
hidden="{{!item.categoryname}}">
|
||||||
{{item.categoryname}}
|
{{item.categoryname}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -113,33 +127,43 @@
|
|||||||
<i class="iconfont icon-more leading-1 text-28 pr-main" />
|
<i class="iconfont icon-more leading-1 text-28 pr-main" />
|
||||||
</view>
|
</view>
|
||||||
<view class="relative mt-32">
|
<view class="relative mt-32">
|
||||||
<image class="absolute left-0 top-0 w-full z-1b rounded-t-32" src="/static/images/recommend-bg-home.png" mode="widthFix" />
|
<image class="absolute left-0 top-0 w-full z-1b rounded-t-32" src="/static/images/recommend-bg-home.png"
|
||||||
|
mode="widthFix" />
|
||||||
<view class="border-0 sticky w-full top-[-1rpx] z-50">
|
<view class="border-0 sticky w-full top-[-1rpx] z-50">
|
||||||
<van-tabs active="{{ tabsActive }}" bind:change="onTabsChange" line-width="60rpx" line-height="8rpx" color="#FFE59E" style="--tabs-nav-background-color:transparent" title-active-color="#FFE59E" title-inactive-color="#fff">
|
<van-tabs active="{{ tabsActive }}" bind:change="onTabsChange" line-width="60rpx" line-height="8rpx"
|
||||||
|
color="#FFE59E" style="--tabs-nav-background-color:transparent" title-active-color="#FFE59E"
|
||||||
|
title-inactive-color="#fff">
|
||||||
<van-tab title="最热" name="1"></van-tab>
|
<van-tab title="最热" name="1"></van-tab>
|
||||||
<van-tab title="最新" name="2"></van-tab>
|
<van-tab title="最新" name="2"></van-tab>
|
||||||
</van-tabs>
|
</van-tabs>
|
||||||
</view>
|
</view>
|
||||||
<scroll-view type="list" scroll-x class="whitespace-nowrap w-750 h-1500">
|
<scroll-view type="list" scroll-x class="whitespace-nowrap w-750 h-1500">
|
||||||
<view class="grid grid-rows-3 grid-flow-col gap-16">
|
<view class="grid grid-rows-3 grid-flow-col gap-16">
|
||||||
<view class="inline-block whitespace-normal flex items-center mt-36 h-300 pr-main [&:nth-child(-n+3)]:pl-main" wx:for="{{tabsActive === '1' ? hotList : newestList}}" wx:key="*this" bind:tap="openDetail" data-item="{{item}}">
|
<view class="inline-block whitespace-normal flex items-center mt-36 h-300 pr-main [&:nth-child(-n+3)]:pl-main"
|
||||||
|
wx:for="{{tabsActive === '1' ? hotList : newestList}}" wx:key="*this" bind:tap="openDetail"
|
||||||
|
data-item="{{item}}">
|
||||||
<view class="relative h-full">
|
<view class="relative h-full">
|
||||||
<view class="w-48 h-48 left-main absolute z-2">
|
<view class="w-48 h-48 left-main absolute 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]'}} " />
|
<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">
|
<view class="absolute top-0 left-0 text-fff w-full h-full flex flex-wrap justify-center">
|
||||||
{{index + 1}}
|
{{index + 1}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" alt="404" class="w-218 h-full rounded-16" />
|
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" alt="404"
|
||||||
|
class="w-218 h-full rounded-16" />
|
||||||
</view>
|
</view>
|
||||||
<view class="pl-main w-260 min-h-230">
|
<view class="pl-main w-260 min-h-230">
|
||||||
<view class="line-clamp-2">{{item.name}}</view>
|
<view class="line-clamp-2">{{item.name}}</view>
|
||||||
<view class="flex mt-12">
|
<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]">
|
<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" />
|
<i class="iconfont icon-fire text-20 pr-4 leading-1" />
|
||||||
{{item.like || 0}}
|
{{item.like || 0}}
|
||||||
</view>
|
</view>
|
||||||
<view class="py-8 px-16 rounded-full text-20 leading-1 text-600 text-[#FDC9C9] bg-[#000000]" hidden="{{!item.categoryname}}">
|
<view class="py-8 px-16 rounded-full text-20 leading-1 text-600 text-[#FDC9C9] bg-[#000000]"
|
||||||
|
hidden="{{!item.categoryname}}">
|
||||||
{{item.categoryname}}
|
{{item.categoryname}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -155,18 +179,23 @@
|
|||||||
<i class="iconfont icon-a-Layer54 leading-1 text-40 pr-12" style="color: #B774FF" />
|
<i class="iconfont icon-a-Layer54 leading-1 text-40 pr-12" style="color: #B774FF" />
|
||||||
更多推荐
|
更多推荐
|
||||||
</view>
|
</view>
|
||||||
<view class="grid grid-cols-2 gap-30 w-full px-main mt-32">
|
<view class="grid grid-cols-2 gap-30 flex-1 px-main mt-32">
|
||||||
<view class="pb-8" wx:for="{{moreList}}" wx:key="*this" bind:tap="openDetail" data-item="{{item}}">
|
<view class="pb-8" wx:for="{{moreList}}" wx:key="*this" bind:tap="openDetail" data-item="{{item}}">
|
||||||
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" class="w-full h-500 rounded-16 align-bottom" />
|
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill"
|
||||||
|
class="w-full h-500 rounded-16 align-bottom" />
|
||||||
<view class="text-24 line-clamp-2 pt-16">{{item.name}}</view>
|
<view class="text-24 line-clamp-2 pt-16">{{item.name}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex justify-center w-full mt-48">
|
<view class="flex justify-center w-full mt-48">
|
||||||
<loadmore status="{{loadStatus}}" />
|
<loadmore status="{{loadStatus}}" />
|
||||||
</view>
|
</view>
|
||||||
<recentlyPlayed show="{{showHistory}}" data="{{history}}" bindchange="historyChange" hidden="{{history}}" />
|
<block wx:if="{{history && history.id}}">
|
||||||
|
<recentlyPlayed show="{{showHistory}}" data="{{history}}" bindchange="historyChange" />
|
||||||
|
</block>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="fixed bottom-180 right-main w-80 h-80 bg-gradient-to-r from-[#F3583D] to-[#FA5EAE] rounded-full flex justify-center items-center text-main shadow" bindtap="openSearch" wx:if="{{opacity}}" style="opacity: {{opacity}}">
|
<view
|
||||||
|
class="fixed bottom-160 right-main w-80 h-80 bg-gradient-to-r from-[#F3583D] to-[#FA5EAE] rounded-full flex justify-center items-center text-main shadow"
|
||||||
|
bindtap="openSearch" wx:if="{{opacity}}" style="opacity: {{opacity}}">
|
||||||
<i class="iconfont icon-sousuo1 text-36 font-600 text-fff" />
|
<i class="iconfont icon-sousuo1 text-36 font-600 text-fff" />
|
||||||
</view>
|
</view>
|
||||||
@ -19,7 +19,7 @@
|
|||||||
<view class="flex-1 h-full w-full">
|
<view class="flex-1 h-full w-full">
|
||||||
<view class="line-clamp-1">{{item.name}}</view>
|
<view class="line-clamp-1">{{item.name}}</view>
|
||||||
<view class="flex mt-12">
|
<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]">
|
<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" />
|
<i class="iconfont icon-fire text-20 pr-4 leading-1" />
|
||||||
{{item.like}}
|
{{item.like}}
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -6,6 +6,7 @@ Page({
|
|||||||
value: "",
|
value: "",
|
||||||
historyList: [],
|
historyList: [],
|
||||||
list: [],
|
list: [],
|
||||||
|
isSearch: false,
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
console.log(wx.getStorageSync("historyList"));
|
console.log(wx.getStorageSync("historyList"));
|
||||||
@ -79,6 +80,7 @@ Page({
|
|||||||
wx.hideKeyboard();
|
wx.hideKeyboard();
|
||||||
this.setData({
|
this.setData({
|
||||||
historyList,
|
historyList,
|
||||||
|
isSearch: true,
|
||||||
});
|
});
|
||||||
const findParams = {
|
const findParams = {
|
||||||
data: {},
|
data: {},
|
||||||
|
|||||||
@ -1,15 +1,18 @@
|
|||||||
<!-- index.wxml -->
|
<!-- index.wxml -->
|
||||||
<view class="flex flex-col items-center">
|
<view class="flex flex-col items-center">
|
||||||
<view class="flex sticky top-[-1rpx] left-0 w-full h-100">
|
<view class="flex sticky top-[-1rpx] left-0 w-full h-100">
|
||||||
<van-search class="w-full" custom-class="p-0" value="{{ value }}" placeholder="请输入搜索关键词" bind:search="onSearch" bind:change="onChange" bind:clear="onClear" />
|
<van-search class="w-full" custom-class="p-0" value="{{ value }}" placeholder="请输入搜索关键词" bind:search="onSearch"
|
||||||
|
bind:change="onChange" bind:clear="onClear" />
|
||||||
</view>
|
</view>
|
||||||
<view class="px-main w-full pb-main" wx:if="{{ !value}}">
|
<view class="px-main w-full pb-main" wx:if="{{!isSearch || !list.length || !value}}">
|
||||||
<view class=" pt-main flex flex-wrap justify-between items-center sticky top-[99rpx] bg-fff">
|
<view class=" pt-main flex flex-wrap justify-between items-center sticky top-[99rpx] bg-fff">
|
||||||
<view class="">搜索</view>
|
<view class="">搜索</view>
|
||||||
<i class="iconfont icon-shanchu text-40" bind:tap="clearHistory" />
|
<i class="iconfont icon-shanchu text-40" bind:tap="clearHistory" />
|
||||||
</view>
|
</view>
|
||||||
<view class="flex flex-wrap pt-12">
|
<view class="flex flex-wrap pt-12">
|
||||||
<view class="h-48 border-2 border-[#FDBAC5] text-[#F9637B] mr-24 px-24 flex- items-center rounded-full max-w-full break-all line-clamp-1 mt-24" wx:for="{{historyList}}" wx:key="*this" bind:tap="search" data-item="{{item}}">
|
<view
|
||||||
|
class="h-48 border-2 border-[#FDBAC5] text-[#F9637B] mr-24 px-24 flex- items-center rounded-full max-w-full break-all line-clamp-1 mt-24"
|
||||||
|
wx:for="{{historyList}}" wx:key="*this" bind:tap="search" data-item="{{item}}">
|
||||||
{{item}}
|
{{item}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -17,10 +20,11 @@
|
|||||||
<view class="p-main w-full" wx:if="{{list.length}}">
|
<view class="p-main w-full" wx:if="{{list.length}}">
|
||||||
<view class="grid grid-cols-3 gap-20 w-full">
|
<view class="grid grid-cols-3 gap-20 w-full">
|
||||||
<view class="pb-14" wx:for="{{list}}" wx:key="*this" bind:tap="openDetail" data-item="{{item}}">
|
<view class="pb-14" wx:for="{{list}}" wx:key="*this" bind:tap="openDetail" data-item="{{item}}">
|
||||||
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill" class="w-full h-370 rounded-16 align-bottom" />
|
<image src="{{item.cover || '/static/no-img.png'}}" mode="aspectFill"
|
||||||
|
class="w-full h-370 rounded-16 align-bottom" />
|
||||||
<view class="text-24 line-clamp-2 pt-16">{{item.name}}</view>
|
<view class="text-24 line-clamp-2 pt-16">{{item.name}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<van-empty description="没有搜索结果" wx:if="{{value && list.length===0}}" />
|
<van-empty description="没有搜索结果" wx:if="{{ isSearch && list.length===0}}" />
|
||||||
</view>
|
</view>
|
||||||
File diff suppressed because one or more lines are too long
BIN
static/images/suo.png
Normal file
BIN
static/images/suo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Loading…
x
Reference in New Issue
Block a user