init
This commit is contained in:
parent
250358efe8
commit
a82130f6da
@ -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>
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -25,8 +25,8 @@ Component({
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
onClose() {
|
||||
this.triggerEvent("clone");
|
||||
onChange() {
|
||||
this.triggerEvent("change");
|
||||
},
|
||||
|
||||
// 打开视频
|
||||
|
@ -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">
|
||||
|
@ -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;
|
||||
|
@ -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,
|
||||
});
|
||||
},
|
||||
|
||||
|
@ -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>
|
@ -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>
|
||||
|
@ -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,
|
||||
});
|
||||
|
@ -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" />
|
||||
|
@ -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
Loading…
x
Reference in New Issue
Block a user