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>
</view>
<u-loadmore :status="status" /> <u-loadmore :status="status" />
<!-- #ifndef H5 -->
<u-gap height="80" />
<!-- #endif -->
</view> </view>
</scroll-view> </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

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

@ -1,15 +1,39 @@
<template> <template>
<view <view
class="flex-1"
style="position: relative;" style=";height:100vh;"
>
<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>
<view
class="flex-1"
style="position: relative"
> >
<GLoading />
<view class="body-bg" /> <view class="body-bg" />
<view <view
class="flex-1" style="z-index: 99;"
style="position: absolute;z-index: 9999;"
>
<view
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;

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

@ -1,13 +1,10 @@
<template> <template>
<view sytle="height:100%;background: #fff;">
<GList <GList
class="flex-1"
style="background: #F3F4F6;"
>
<GLoading />
<view
v-if="dataList.length !== 0" v-if="dataList.length !== 0"
class="px-30 py-28" style="background: #F3F4F6;height: 100vh;"
> >
<view class="px-30 py-28">
<view <view
v-for="(item, index) in dataList" v-for="(item, index) in dataList"
:key="index" :key="index"
@ -49,18 +46,18 @@
</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>

72
pages/playlet/index.vue
View File

@ -1,9 +1,6 @@
<template> <template>
<view class="flex-1"> <view :style="`height:100vh`">
<GLoading />
<view <view
class="header_tabs flex-row px-20"
:style="{ :style="{
background: `linear-gradient(93deg, rgba(255, 220, 230, ${ background: `linear-gradient(93deg, rgba(255, 220, 230, ${
swiperIndex === 0 ? backOpacityOne : backOpacity swiperIndex === 0 ? backOpacityOne : backOpacity
@ -12,6 +9,21 @@
}))` }))`
}" }"
> >
<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=""> <view class="">
<u-tabs <u-tabs
:list="tabList" :list="tabList"
@ -34,25 +46,18 @@
@click="tabsClick" @click="tabsClick"
/> />
</view> </view>
<view <view class="search" @click="navSearch">
class="search"
@click="navSearch"
>
<view <view
class="search-view flex-row" class="search-view flex-row"
style="align-items: center;" style="align-items: center;"
> >
<u-icon <u-icon name="/static/icon/search.png" size="24rpx" />
name="/static/icon/search.png" <text class="search-text"> 寻找你喜欢的短剧 </text>
size="24rpx"
/>
<text class="search-text">
寻找你喜欢的短剧
</text>
</view> </view>
</view> </view>
</view> </view>
</view>
<view class="flex-1">
<swiper <swiper
class="flex-1" class="flex-1"
:current="swiperIndex" :current="swiperIndex"
@ -76,6 +81,7 @@
<GSignMadel ref="GSignMadel" /> <GSignMadel ref="GSignMadel" />
</view> </view>
</view>
</template> </template>
<script> <script>
@ -99,7 +105,8 @@ export default {
swiperIndex: 1, swiperIndex: 1,
backOpacity: 1, backOpacity: 1,
backOpacityOne: 0, backOpacityOne: 0,
time: null time: null,
statusBarHeight:''
}; };
}, },
computed: { computed: {
@ -108,9 +115,9 @@ 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(() => {
@ -123,24 +130,20 @@ export default {
} }
}, },
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"