Skip to content

U
uniapp_vedio
Commit 048de4c4 authored by mengcuiguang's avatar mengcuiguang
Browse files
Options

添加新启动页，添加匹配用户进入首页直接播放剧集

parent e735b094
Show whitespace changes
Inline Side-by-side
Showing with 169 additions and 187 deletions
vedio/pages/index/index.vue
View file @ 048de4c4
...@@ -13,7 +13,6 @@ ...@@ -13,7 +13,6 @@
style="display: flex;flex-direction: column;background-color:white;border-radius:10rpx;margin-top: 20rpx;"> style="display: flex;flex-direction: column;background-color:white;border-radius:10rpx;margin-top: 20rpx;">
<view style="font-size: 30rpx;font-weight: 777;margin-left: 12rpx;margin-top: 18rpx;">排行榜</view> <view style="font-size: 30rpx;font-weight: 777;margin-left: 12rpx;margin-top: 18rpx;">排行榜</view>
<scroll-view scroll-x="true" style="white-space: nowrap; margin-top: 18rpx;"> <scroll-view scroll-x="true" style="white-space: nowrap; margin-top: 18rpx;">
<block v-for="(item, index) in topList" :key="item.vedioId"> <block v-for="(item, index) in topList" :key="item.vedioId">
<view @click="handleTop(item)" <view @click="handleTop(item)"
style="display:inline-block;background-color:white;border-radius:10rpx;width: 200rpx;margin: 5rpx 10rpx 15rpx 10rpx;"> style="display:inline-block;background-color:white;border-radius:10rpx;width: 200rpx;margin: 5rpx 10rpx 15rpx 10rpx;">
...@@ -163,6 +162,27 @@ ...@@ -163,6 +162,27 @@
</view> </view>
</view> </view>
<!-- <uni-popup type="center" ref="select">
<view>
<view style="font-size: 30rpx;font-weight: 777;color: white;">刚刚看的</view>
<view style="text-align: center;">
<view>
<video :id="recommendBean.vedioId" :loop="true" :enable-progress-gesture="false"
:show-loading="true" :show-fullscreen-btn="false"
style="width:100%; height:100%;background: #f56c6c;" :src="recommendBean.vedioUrl"
:poster="recommendBean.coverImage" play-btn-position="center" object-fit="contain" />
</view>
<view>123</view>
<view @click="handleVipPay"
style="width: 350rpx;height: 80rpx;background-color: #f2575b;border-radius:20rpx;color: white;font-size: 26rpx;justify-content: center;align-items: center;display: flex;">
立即试看
</view>
</view>
</view>
</uni-popup> -->
</view> </view>
</template> </template>
<script> <script>
...@@ -198,6 +218,8 @@ ...@@ -198,6 +218,8 @@
}, },
methods: { methods: {
show() { show() {
// 匹配视频
this.showFirstDialog();
// 轮播图 // 轮播图
this.post({ this.post({
url: '/vedio/topTabs', url: '/vedio/topTabs',
...@@ -236,7 +258,6 @@ ...@@ -236,7 +258,6 @@
}, },
queryList(page, size) { queryList(page, size) {
// this.show();
// 推荐列表 // 推荐列表
this.post({ this.post({
url: '/vedio/list', url: '/vedio/list',
...@@ -274,6 +295,32 @@ ...@@ -274,6 +295,32 @@
data data
}) => {} }) => {}
}); });
},
showFirstDialog() {
let that = this;
// 匹配用户展示视频
let showFirstVedio = uni.getStorageSync('showFirstVedio') || '';
if (showFirstVedio == '') {
uni.setStorage({
key: 'showFirstVedio',
data: 'true'
});
setTimeout(() => {
that.post({
url: '/vedio/firstVedio',
data: {},
showLoading: false,
success: ({
data
}) => {
if (data.vedioMsg != null) {
navigateTo(`/pagesC/video/videoDetail?data=` + encodeURIComponent(
JSON.stringify(data.vedioMsg)));
}
}
});
}, 800);
}
} }
} }
}; };
...@@ -291,7 +338,7 @@ ...@@ -291,7 +338,7 @@
background-color: #fff; background-color: #fff;
break-inside: avoid; break-inside: avoid;
margin-bottom: 20rpx; margin-bottom: 20rpx;
height: 490rpx; height: 500rpx;
} }
.img { .img {
......
vedio/pages/loading.vue
View file @ 048de4c4
<template> <template>
<view class="body loading"> <view class="body">
<view class="logo"> <image style="width: 170rpx;height: 170rpx;margin-top: 30%;" src="@/static/logo-about.png" mode="widthFix" />
<image src="@/static/logo-about.png" mode="widthFix" style="border-radius: 20rpx;margin-bottom: 200rpx;" /> <view style="color: black;margin-top: 30rpx;font-size: 40rpx;font-size: 50rpx;">河狸刷剧</view>
<view class="animation"> <view style="color: #A231EF;margin-top: 10rpx;font-size: 40rpx;font-size: 40rpx;">欢迎使用</view>
<text style="animation-delay: 0s;color: black;">河</text> <view style="bottom: 0;position: absolute;">
<text style="animation-delay: 0.1s;color: black;"> </text> <image style="width: 540rpx;height: 644rpx;display: flex;align-items: center;margin-bottom: 30%;"
<text style="animation-delay: 0.2s;color: black;"> </text> src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_splash.png" mode="scaleToFill">
<text style="animation-delay: 0.3s;color: black;">狸</text> </image>
<text style="animation-delay: 0.4s;color: black;"> </text>
<text style="animation-delay: 0.4s;color: black;"> </text>
<text style="animation-delay: 0.5s;color: black;">刷</text>
<text style="animation-delay: 0.6s;color: black;"> </text>
<text style="animation-delay: 0.7s;color: black;"> </text>
<text style="animation-delay: 0.8s;color: black;">剧</text>
<text style="animation-delay: 0.9s;color: black;"> </text>
<text style="animation-delay: 1s;color: black;"> </text>
<text style="animation-delay: 1.1s;color: black;"></text>
</view>
<view style="color: black;margin-top: 40rpx;font-size: 40rpx;">欢迎使用</view>
</view> </view>
</view> </view>
</template> </template>
...@@ -45,15 +34,11 @@ ...@@ -45,15 +34,11 @@
this.tips1 = options.tips1; this.tips1 = options.tips1;
}, },
onShow(options) { onShow(options) {
this.wxlogin(); // this.wxlogin();
// setTimeout(() => {
// redirectTo('home');
// }, 2800);
}, },
methods: { methods: {
wxlogin() { wxlogin() {
var that=this; var that = this;
// var obj = wx.getEnterOptionsSync()
var obj = wx.getLaunchOptionsSync() var obj = wx.getLaunchOptionsSync()
var channel = 'mints' // 渠道 var channel = 'mints' // 渠道
...@@ -63,10 +48,12 @@ ...@@ -63,10 +48,12 @@
var reqId = '' // 请求id var reqId = '' // 请求id
var promotionId = '' // aid var promotionId = '' // aid
var projectId = ''; var projectId = '';
var tips2 = ''; var tips2 = ''; // 投放测试标记
var product_type = ''; var product_type = ''; //自有产品
var zs_channel = ''; var zs_channel = ''; // 自有渠道
var vedio_id = ''; // 自有剧
// 头条渠道参数
if (obj.query.clue_token ?? '' != '') { if (obj.query.clue_token ?? '' != '') {
channel = 'tt' channel = 'tt'
clueToken = obj.query.clue_token ?? '' clueToken = obj.query.clue_token ?? ''
...@@ -78,8 +65,10 @@ ...@@ -78,8 +65,10 @@
tips2 = obj.query.tips2 ?? '' tips2 = obj.query.tips2 ?? ''
product_type = obj.query.product_type ?? '' product_type = obj.query.product_type ?? ''
zs_channel = obj.query.zs_channel ?? '' zs_channel = obj.query.zs_channel ?? ''
vedio_id = obj.query.vedio_id ?? ''
} }
// 快手渠道参数
if (obj.query.ksChannel ?? '' != '') { if (obj.query.ksChannel ?? '' != '') {
channel = 'kuaishou' channel = 'kuaishou'
advertiserId = obj.query.accountid ?? '' advertiserId = obj.query.accountid ?? ''
...@@ -87,10 +76,9 @@ ...@@ -87,10 +76,9 @@
adId = obj.query.aid ?? '' adId = obj.query.aid ?? ''
} }
if(this.tips1=='mints_vedio'||tips2=='mints_vedio'){ // 打印渠道参数
toastMessage("JSON.stringify(this.log)="+JSON.stringify(obj.query)+"channel=" + channel + "clueToken=" + clueToken + if (this.tips1 == 'mints_vedio' || tips2 == 'mints_vedio') {
"adId=" + adId + "advertiserId=" + advertiserId + "projectId=" + projectId + toastMessage("param = " + JSON.stringify(obj.query));
"reqId=" + reqId + "promotionId=" + promotionId);
} }
uni.login({ uni.login({
...@@ -109,6 +97,7 @@ ...@@ -109,6 +97,7 @@
promotionId: promotionId, promotionId: promotionId,
projectId: projectId, projectId: projectId,
productType: product_type, productType: product_type,
vedioId: vedio_id,
zsChannel: zs_channel zsChannel: zs_channel
}, },
showLoading: false, showLoading: false,
...@@ -139,63 +128,9 @@ ...@@ -139,63 +128,9 @@
<style lang="scss"> <style lang="scss">
.body { .body {
background-color: white; background-color: white;
} background: linear-gradient(to bottom, #F2F1FF, #FBFBFF);
display: flex;
.loading { flex-direction: column;
text-align: center; align-items: center;
.logo {
position: absolute;
top: 40%;
width: 100%;
transform: translateY(-50%);
image {
width: 120rpx;
height: 180rpx;
margin-bottom: 52rpx;
}
.animation {
font-size: 72rpx;
margin-top: 200rpx;
text {
text-align: center;
display: inline-block;
animation: spring 1s ease-in-out infinite;
}
}
}
}
@keyframes spring {
0% {
transform: scaleX(1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scaleX(1);
}
} }
</style> </style>
\ No newline at end of file
vedio/pages/my/my.vue
View file @ 048de4c4
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
:style="'display: flex;flex-direction: row;align-items: center;margin: 20rpx;padding-left: 10rpx;margin-top:'+statusBarHeight+'px;'"> :style="'display: flex;flex-direction: row;align-items: center;margin: 20rpx;padding-left: 10rpx;margin-top:'+statusBarHeight+'px;'">
<image class="avatar" src="@/static/logo-about.png"></image> <image class="avatar" src="@/static/logo-about.png"></image>
<view> <view>
<view style="font-size: 26rpx;color: black;margin-left: 20rpx;">用户ID：{{userBean.idcode}}</view> <view style="font-size: 32rpx;color: black;margin-left: 20rpx;">用户ID：{{userBean.idcode}}</view>
</view> </view>
</view> </view>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment