zby/quick
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

快手init

Browse Source
This commit is contained in:
zby 2022-10-26 18:37:46 +08:00
parent ec5edb13cc
commit 2698975c3c
8 changed files with 223 additions and 171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
pages/discover/index.vue
View File

@ -1,17 +1,40 @@
<template> <template>
<view class="flex-1"> <view style="height: 100vh;">
<GLoading /> <view
<scroll-view :style="{
background: `linear-gradient(93deg, rgba(255, 220, 230,1) 45%, rgba(255, 238, 195, 1))`
}"
>
<GNavbar
left-width="200rpx"
backgroud-color="transparent"
:custom-left-fn="true"
>
<view
slot="left"
class="flex-row flex-center"
>
<text
class="fs-40"
style="color: #1a1a1a;font-weight: bold;"
>
某某短剧
</text>
</view>
</GNavbar>
</view>
<GList
class="flex-1" class="flex-1"
style="z-index: 999;" style="z-index: 999;"
scroll-y="true" scroll-y="true"
lower-threshold="30" lower-threshold="300"
@scrolltolower="scrollLower" @scrolltolower="scrollLower"
> >
<view style="position: relative;"> <view style="position: relative;">
<view class="body-bg" /> <view class="body-bg" />
<view class=" px-20 py-20"> <view
class=" px-20 py-20"
>
<!-- <view class="high mb-20"> <!-- <view class="high mb-20">
<view class="high-title mb-24"> <view class="high-title mb-24">
<text class="high-title-text"> <text class="high-title-text">
@ -125,13 +148,13 @@
</text> </text>
</view> </view>
</view> </view>
<u-loadmore :status="status" />
</view> </view>
<u-loadmore :status="status" />
<!-- #ifndef H5 -->
<u-gap height="80" />
<!-- #endif -->
</view> </view>
</scroll-view> <!-- #ifndef H5 -->
<u-gap height="160" />
<!-- #endif -->
</GList>
</view> </view>
</template> </template>
@ -287,9 +310,9 @@ export default {
} }
.body-bg { .body-bg {
position: absolute; position: absolute;
top: 0; top: -4rpx;
width: 750rpx; width: 750rpx;
z-index: 2rpx;
height: 434rpx; height: 434rpx;
background: url('https://diyyhdapi.qinjiu8.com/backImg.png'); background: url('https://diyyhdapi.qinjiu8.com/backImg.png');
background-size: 100% 100%; background-size: 100% 100%;

2
pages/my/history/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="flex-1"> <view style="height:100vh;">
<GList class="flex-1"> <GList class="flex-1">
<GLoading /> <GLoading />
<view <view

41
pages/my/index/index.vue
View File

@ -1,15 +1,39 @@
<template> <template>
<view <view
class="flex-1"
style="position: relative;" style=";height:100vh;"
> >
<GLoading /> <view
<view class="body-bg" /> :style="{
background: `linear-gradient(93deg, rgba(255, 220, 230,1) 45%, rgba(255, 238, 195, 1))`
}"
>
<GNavbar
left-width="200rpx"
backgroud-color="transparent"
:custom-left-fn="true"
>
<view
slot="left"
class="flex-row flex-center"
>
<text
class="fs-40"
style="color: #1a1a1a;font-weight: bold;"
>
某某短剧
</text>
</view>
</GNavbar>
</view>
<view <view
class="flex-1" class="flex-1"
style="position: absolute;z-index: 9999;" style="position: relative"
> >
<view class="body-bg" />
<view <view
style="z-index: 99;"
class="px-28 flex-row pt-48 " class="px-28 flex-row pt-48 "
@click="getUserInfo" @click="getUserInfo"
> >
@ -50,7 +74,10 @@
</text> </text>
</view> </view>
</view> </view>
<view class="userInfo mt-48 px-30 flex-row mb-20"> <view
class="userInfo mt-48 px-30 flex-row mb-20"
style="z-index: 99;"
>
<view <view
class="flex-row flex-1 " class="flex-row flex-1 "
style="align-items: center;" style="align-items: center;"
@ -357,7 +384,7 @@ export default {
} }
.body-bg { .body-bg {
position: absolute; position: absolute;
top: 2rpx; top: -4rpx;
width: 750rpx; width: 750rpx;
z-index: 0; z-index: 0;
height: 434rpx; height: 434rpx;

81
pages/my/recharge/index.vue
View File

@ -1,66 +1,63 @@
<template> <template>
<GList <view sytle="height:100%;background: #fff;">
class="flex-1" <GList
style="background: #F3F4F6;" v-if="dataList.length !== 0"
> style="background: #F3F4F6;height: 100vh;"
<GLoading />
<view
v-if="dataList.length !==0"
class="px-30 py-28"
> >
<view <view class="px-30 py-28">
v-for="(item, index) in dataList"
:key="index"
class="pay-item mb-24"
>
<view <view
class="pay-item-header flex-center" v-for="(item, index) in dataList"
:class="{ status: item.status === 0 }" :key="index"
class="pay-item mb-24"
> >
<text class="pay-item-header-text">
充值{{ item.money || 0 }}元{{
item.status === 1 ? '已支付' : '未支付'
}}
</text>
</view>
<view class="pay-item-bottom">
<view <view
class="flex-row mb-20 mt-8" class="pay-item-header flex-center"
style="justify-content: space-between;" :class="{ status: item.status === 0 }"
> >
<text class="pay-item-bottom-left"> <text class="pay-item-header-text">
订单号码 充值{{ item.money || 0 }}元{{
</text> item.status === 1 ? '已支付' : '未支付'
<text class="pay-item-bottom-right"> }}
{{ item.out_trade_no }}
</text> </text>
</view> </view>
<view <view class="pay-item-bottom">
class="flex-row" <view
style="justify-content: space-between;" class="flex-row mb-20 mt-8"
> style="justify-content: space-between;"
<text class="pay-item-bottom-left"> >
下单时间 <text class="pay-item-bottom-left">
</text> 订单号码
<text class="pay-item-bottom-right"> </text>
{{ item.create_time }} <text class="pay-item-bottom-right">
</text> {{ item.out_trade_no }}
</text>
</view>
<view
class="flex-row"
style="justify-content: space-between;"
>
<text class="pay-item-bottom-left">
下单时间
</text>
<text class="pay-item-bottom-right">
{{ item.create_time }}
</text>
</view>
</view> </view>
</view> </view>
</view> </view>
</view> </GList>
<view <view
v-else v-else
class="flex-1 flex-center" class="flex-1 flex-center"
style="height: 100%;background-color: #ffffff;" style="height: 100%;background-color: #ffffff;"
> >
<GNoData <GNoData
image="pay-noData" image="pay-noData"
text="暂无充值记录~" text="暂无充值记录~"
/> />
</view> </view>
</GList> </view>
</template> </template>
<script> <script>

2
pages/playlet/components/pursue.vue
View File

@ -69,7 +69,7 @@
</view> </view>
<!-- #ifndef H5 --> <!-- #ifndef H5 -->
<u-gap height="80" /> <u-gap height="160" />
<!-- #endif --> <!-- #endif -->
</GList> </GList>
</template> </template>

2
pages/playlet/components/recommend.vue
View File

@ -141,7 +141,7 @@
</view> </view>
<GFooter /> <GFooter />
<!-- #ifndef H5 --> <!-- #ifndef H5 -->
<u-gap height="80" /> <u-gap height="160" />
<!-- #endif --> <!-- #endif -->
</view> </view>
</GList> </GList>

204
pages/playlet/index.vue
View File

@ -1,81 +1,87 @@
<template> <template>
<view class="flex-1"> <view :style="`height:100vh`">
<GLoading /> <view
:style="{
background: `linear-gradient(93deg, rgba(255, 220, 230, ${
swiperIndex === 0 ? backOpacityOne : backOpacity
}) 45%, rgba(255, 238, 195, ${
swiperIndex === 0 ? backOpacityOne : backOpacity
}))`
}"
>
<GNavbar
left-width="200rpx"
backgroud-color="transparent"
:custom-left-fn="true"
>
<view slot="left" class="flex-row flex-center">
<text
class="fs-40"
style="color: #1a1a1a;font-weight: bold;"
>
某某短剧
</text>
</view>
</GNavbar>
<view class="header_tabs flex-row px-20">
<view class="">
<u-tabs
:list="tabList"
:inactive-style="{
fontSize: '34rpx',
color: '#666666',
fontWeight: 500
}"
:current="swiperIndex"
:active-style="{
color: '#1A1A1A',
fontSize: '40rpx',
fontWeight: 'bold'
}"
:item-style="{
'padding-left': 0,
'padding-right': '50rpx'
}"
line-height="0"
@click="tabsClick"
/>
</view>
<view class="search" @click="navSearch">
<view
class="search-view flex-row"
style="align-items: center;"
>
<u-icon name="/static/icon/search.png" size="24rpx" />
<text class="search-text"> 寻找你喜欢的短剧 </text>
</view>
</view>
</view>
</view>
<view class="flex-1">
<swiper
class="flex-1"
:current="swiperIndex"
@change="swiperChange"
>
<swiper-item>
<Pursue
ref="Pursue"
:tab-index="swiperIndex"
@signIn="signIn"
/>
</swiper-item>
<swiper-item>
<Recommend
ref="Recommend"
:tab-index="swiperIndex"
@opacity="opacity"
/>
</swiper-item>
</swiper>
<view <GSignMadel ref="GSignMadel" />
class="header_tabs flex-row px-20" </view>
:style="{ </view>
background: `linear-gradient(93deg, rgba(255, 220, 230, ${
swiperIndex === 0 ? backOpacityOne : backOpacity
}) 45%, rgba(255, 238, 195, ${
swiperIndex === 0 ? backOpacityOne : backOpacity
}))`
}"
>
<view class="">
<u-tabs
:list="tabList"
:inactive-style="{
fontSize: '34rpx',
color: '#666666',
fontWeight: 500
}"
:current="swiperIndex"
:active-style="{
color: '#1A1A1A',
fontSize: '40rpx',
fontWeight: 'bold'
}"
:item-style="{
'padding-left':0,
'padding-right':'50rpx'
}"
line-height="0"
@click="tabsClick"
/>
</view>
<view
class="search"
@click="navSearch"
>
<view
class="search-view flex-row"
style="align-items: center;"
>
<u-icon
name="/static/icon/search.png"
size="24rpx"
/>
<text class="search-text">
寻找你喜欢的短剧
</text>
</view>
</view>
</view>
<swiper
class="flex-1"
:current="swiperIndex"
@change="swiperChange"
>
<swiper-item>
<Pursue
ref="Pursue"
:tab-index="swiperIndex"
@signIn="signIn"
/>
</swiper-item>
<swiper-item>
<Recommend
ref="Recommend"
:tab-index="swiperIndex"
@opacity="opacity"
/>
</swiper-item>
</swiper>
<GSignMadel ref="GSignMadel" />
</view>
</template> </template>
<script> <script>
@ -96,10 +102,11 @@ export default {
} }
], ],
keyword: '', keyword: '',
swiperIndex:1, swiperIndex: 1,
backOpacity: 1, backOpacity: 1,
backOpacityOne: 0, backOpacityOne: 0,
time: null time: null,
statusBarHeight:''
}; };
}, },
computed: { computed: {
@ -108,39 +115,35 @@ export default {
} }
}, },
onShow() { onShow() {
this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight * 2 + 'rpx';
setTimeout(() => { setTimeout(() => {
this.$showLoading(false); this.$showLoading(false);
}, 1000); }, 1000);
if(this.swiperIndex === 1){ if (this.swiperIndex === 1) {
setTimeout(()=>{ setTimeout(() => {
this.$refs.Recommend.getList(); this.$refs.Recommend.getList();
},500); }, 500);
} else { } else {
setTimeout(()=>{ setTimeout(() => {
this.$refs.Pursue.getList(); this.$refs.Pursue.getList();
},500); }, 500);
} }
}, },
onLoad() { onLoad() {
const uid = uni.getStorageSync('uid')|| ''; // const uid = uni.getStorageSync('uid') || '';
if(!uid){ // if (!uid) {
uni.login({ // uni.login({
success: function(loginRes) { // success: function(loginRes) {
reg({ // reg({
code:loginRes.code // code: loginRes.code
}).then(res=>{ // }).then(res => {
uni.setStorageSync('uid', res.uid ); // });
// }
// });
// }
}); uni.setStorageSync('uid', 3);
}
});
}
}, },
methods: { methods: {
swiperChange(e) { swiperChange(e) {
@ -185,7 +188,6 @@ export default {
} }
.header_tabs { .header_tabs {
z-index: 999;
height: 90rpx; height: 90rpx;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;

9
pages/video/index.vue
View File

@ -1,10 +1,11 @@
<template> <template>
<view <view
class="flex-1" style="background-color: #000000;height:100vh;"
style="background-color: #000000;"
> >
<GLoading :back-color="'#000'" /> <GLoading :back-color="'#000'" />
<swiper <swiper
:duration="500" :duration="500"
vertical vertical
class="flex-1" class="flex-1"
@ -16,7 +17,6 @@
v-for="(item, index) in videoList" v-for="(item, index) in videoList"
:key="index" :key="index"
class="flex-1" class="flex-1"
@touchmove.stop="stopTouchMove"
> >
<!-- 视频 --> <!-- 视频 -->
<video <video
@ -31,10 +31,13 @@
:src="item.video_url" :src="item.video_url"
:play-strategy="1" :play-strategy="1"
:show-fullscreen-btn="false" :show-fullscreen-btn="false"
@touchStart="touchStart"
@touchEnd="touchEnd"
@play="videoPlay" @play="videoPlay"
/> />
</swiper-item> </swiper-item>
</swiper> </swiper>
<view <view
v-if="watchInfo.order" v-if="watchInfo.order"
class="jishu1" class="jishu1"