This commit is contained in:
张华 2024-12-28 10:39:16 +08:00
parent 250358efe8
commit a82130f6da
12 changed files with 57 additions and 33 deletions

View File

@ -67,28 +67,35 @@
</view>
</view>
<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 bg-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">
<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="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}}">
{{item.poster}}
</view>
<view class="pl-32 h-124 mt-12 flex flex-col justify-center items-start">
<block wx:if="{{index%2===0}}">
<block wx:if="{{item.type===1}}">
<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.egold}}</view>
<view class="text-36 leading-1.4">{{item.egold}}</view>
</view>
<view class="text-24 text-[#999]">
{{item.title}}{{!item.giveegold ? '' : "" + item.giveegold+'K币'}}
</view>
</block>
<block wx:else>
<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 text-[#F9637B] leading-1.4">{{item.title}}</view>
<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 class="absolute left-0 bottom-0 h-64 w-full bg-[#FDBAC5] flex items-center justify-center text-[#F9637B] text-36">
<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]'}}">
¥{{item.price}}
</view>
</view>

View File

@ -1,5 +1,16 @@
/* components/recentlyPlayed/index.wxss */
@import "../../static/iconfont.wxss";
@font-face {
font-family: "kaiti";
src: url("https://xygywlweb.hunanjj.cn/FangYuanTi.ttf");
}
page {
font-family: "kaiti";
font-size: 28rpx;
font-weight: 400;
color: #373451;
line-height: 1.5;
}
.skit-player-open-area-left {
height: 0 !important;
}

View File

@ -25,8 +25,8 @@ Component({
* 组件的方法列表
*/
methods: {
onClose() {
this.triggerEvent("clone");
onChange() {
this.triggerEvent("change");
},
// 打开视频

View File

@ -1,10 +1,10 @@
<!-- components/recentlyPlayed/index.wxml -->
<view class="" style="width:100%;height:140rpx" hidden="{{!show}}"></view>
<view class="recently" hidden="{{!show}}" bind:tap="openDetail" data-item="{{data}}">
<view class="recently" style="left:{{show?'30rpx':'690rpx'}}" bind:tap="openDetail" data-item="{{data}}">
<image class="recently-bg" src="/static/images/recently-bg.png" mode="" />
<view class="main">
<i class="iconfont icon-guanbianniu" style="font-size: 40rpx;" catch:tap="onClose" />
<view style="margin-left: 16rpx;">
<i class="iconfont icon-xiangyougengduo" style="font-size: 60rpx; transform:{{show?'0':'rotate(180deg)'}}" catch:tap="onChange" />
<view style="margin-left: 10rpx;">
<image class="info-bg" src="{{data.cover}}" mode="heightFix" />
</view>
<view class="info">

View File

@ -3,8 +3,8 @@
.recently {
position: fixed;
left: 30rpx;
right: 30rpx;
transition: left 0.4s ease-out;
width: 690rpx;
bottom: 30rpx;
height: 120rpx;
z-index: 9999;
@ -18,7 +18,7 @@
.main {
position: absolute;
top: 0;
padding: 0 30rpx;
padding: 0 30rpx 0 0;
width: calc(100% - 60rpx);
height: 100%;
display: flex;

View File

@ -15,6 +15,7 @@ Page({
capsuleObj: null,
bannerList: [],
bestList: [],
bannerIndex: 0,
starsList: [],
recommend: [],
newList: [],
@ -22,7 +23,6 @@ Page({
hotList: [], // 最热
newestList: [], // 最新
moreList: [], // 更多
showHistory: true,
page: 1,
top: 1,
@ -146,7 +146,7 @@ Page({
openSearch() {
console.log(454);
wx.navigateTo({
url: "../search/index",
url: "/pages/search/index",
});
},
@ -160,9 +160,9 @@ Page({
}
},
// 关闭历史弹框
historyClone() {
historyChange() {
this.setData({
showHistory: false,
showHistory: !this.data.showHistory,
});
},

View File

@ -2,7 +2,7 @@
<view class="fixed left-0 top-0 z-10000" style="opacity: {{opacity}}">
<navbar navbarData="{{navbarData}}" Color="#000" />
</view>
<view class="w-full h-[1136rpx] relative" style="" hidden="{{!bannerList.length}}">
<view class="w-full h-[1136rpx] relative z-[10000000]" style="" 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">
<i class="iconfont icon-search" style="font-size: 24rpx;" />
<view class="pl-20">寻找你喜欢的短剧</view>
@ -164,9 +164,9 @@
<view class="flex justify-center w-full mt-48">
<loadmore status="{{loadStatus}}" />
</view>
<recentlyPlayed show="{{history&&showHistory}}" data="{{history}}" bindclone="historyClone" />
<recentlyPlayed show="{{showHistory}}" data="{{history}}" bindchange="historyChange" hidden="{{history}}" />
</view>
</view>
<view class="fixed bottom-180 right-main w-80 h-80 bg-fff-8 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" />
<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}}">
<i class="iconfont icon-sousuo1 text-36 font-600 text-fff" />
</view>

View File

@ -38,12 +38,12 @@
</view>
<view class="border-2 border-dashed border-pay-line my-main"></view>
<view class="w-full flex flex-wrap items-center justify-between">
<view class="w-330 h-200 rounded-16 flex flex-col mb-36 relative border-2 border-solid border-[#FDBAC5] overflow-hidden" wx:for="{{list}}" wx:key="*this" bind:tap="pay" data-item="{{item}}">
<view class="w-330 h-200 rounded-16 flex flex-col mb-36 relative border-2 border-solid border-[#FDBAC5] overflow-hidden" wx:for="{{list}}" wx:key="*this" bind:tap="pay" data-item="{{item}}" wx:if="{{item.type===1 ||item.type===2}}">
<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">
{{item.poster}}
</view>
<view class="pl-32 h-124 mt-12 flex flex-col justify-center items-start">
<block wx:if="{{index%2===0}}">
<block wx:if="{{item.type===1}}">
<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.egold}}</view>
@ -52,7 +52,7 @@
{{item.title}}{{!item.giveegold ? '' : "" + item.giveegold+'K币'}}
</view>
</block>
<block wx:else>
<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 text-[#F9637B] leading-1.4">{{item.title}}</view>

View File

@ -19,11 +19,11 @@ Page({
// 监听屏幕滚动,获取滚动距离
onPageScroll: function (e) {
// 根据滚动距离设置渐隐渐显
if (e.scrollTop <= 115 && this.data.showNav) {
if (e.scrollTop <= 30 && this.data.showNav) {
this.setData({
showNav: false,
});
} else if (e.scrollTop > 115 && !this.data.showNav) {
} else if (e.scrollTop > 30 && !this.data.showNav) {
this.setData({
showNav: true,
});

View File

@ -14,7 +14,7 @@
</view>
</view>
</view>
<view class="p-main" 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="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" />

View File

@ -4,6 +4,9 @@ page {
display: flex;
flex-direction: column;
}
input {
font-family: "kaiti";
}
.scrollarea {
flex: 1;
overflow-y: hidden;
@ -48,8 +51,8 @@ page {
width: 100%;
padding: 16px;
box-sizing: border-box;
border-top: .5px solid rgba(0, 0, 0, 0.1);
border-bottom: .5px solid rgba(0, 0, 0, 0.1);
border-top: 0.5px solid rgba(0, 0, 0, 0.1);
border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
color: black;
}

File diff suppressed because one or more lines are too long