Skip to content

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

代码优化

parent 60d4dd8c
Hide whitespace changes
Inline Side-by-side
Showing with 974 additions and 974 deletions
vedio/App.vue
View file @ 11925909
...@@ -97,7 +97,7 @@ ...@@ -97,7 +97,7 @@
versionName: '1.1.0', versionName: '1.1.0',
auth: false, // 三要素实名认证 auth: false, // 三要素实名认证
userInfo: null, userInfo: null,
pkgName: 'com.mints.dybrightvideo' pkgName: 'com.duben.dybhvedio'
} }
}; };
</script> </script>
......
vedio/components/coin-popup/coin-popup.vue
View file @ 11925909
<template> <template>
<view> <view>
<uni-popup type="bottom" ref="coinPop" :maskClick="false" :isMaskClick="false"> <uni-popup type="bottom" ref="coinPop" :maskClick="false" :isMaskClick="false">
<view style="position: relative; "> <view style="position: relative; ">
<view v-if="agreeFlag" <view v-if="agreeFlag"
style="width: 100%;height: 100%;background-color: black;opacity: 0.8;display: flex;position: absolute;z-index: 100;color: white;flex-direction: column;align-items: center;padding:40rpx 0;"> style="width: 100%;height: 100%;background-color: black;opacity: 0.8;display: flex;position: absolute;z-index: 100;color: white;flex-direction: column;align-items: center;padding:40rpx 0;">
<text style="font-size: 30rpx;"> <text style="font-size: 30rpx;">
付费须知 \n 付费须知 \n
1、看点和会员属于虚拟商品，一经购买不可退换 \n 1、看点和会员属于虚拟商品，一经购买不可退换 \n
2、未满18岁的未成年人需要在监护人主导、同意下进行相关付费操作;\n 2、未满18岁的未成年人需要在监护人主导、同意下进行相关付费操作;\n
3、充值看点一般5分钟内到账，如未到账请在“我的”页面联系客服; 3、充值看点一般5分钟内到账，如未到账请在“我的”页面联系客服;
</text> </text>
<image @click="agreeFlag=false" style="width: 30rpx;height: 30rpx;margin-top:150rpx;" <image @click="agreeFlag=false" style="width: 30rpx;height: 30rpx;margin-top:150rpx;"
src="@/static/index/ic_quit_white.png"></image> src="@/static/index/ic_quit_white.png"></image>
</view> </view>
<view class="body" style="width: 100%;height: 100%;background-color: white;"> <view class="body" style="width: 100%;height: 100%;background-color: white;">
<scroll-view scroll-y style="background-color: white;"> <scroll-view scroll-y style="background-color: white;">
<view style="display: flex;flex-direction: column;align-items: flex-end;"> <view style="display: flex;flex-direction: column;align-items: flex-end;">
<view style="display: flex;flex-direction: row;"> <view style="display: flex;flex-direction: row;">
<view @click="handleAgree" style="margin-top: 12rpx;margin-right: 18rpx;">付费须知></view> <view @click="handleAgree" style="margin-top: 12rpx;margin-right: 18rpx;">付费须知></view>
<image @click="handleClickClose" <image @click="handleClickClose"
style="width: 30rpx;height: 30rpx;display: flex;align-items: right;margin-top: 20rpx;margin-right: 20rpx;margin-bottom: 10rpx;" style="width: 30rpx;height: 30rpx;display: flex;align-items: right;margin-top: 20rpx;margin-right: 20rpx;margin-bottom: 10rpx;"
src="@/static/index/ic_quit_white.png"></image> src="@/static/index/ic_quit_white.png"></image>
</view> </view>
</view> </view>
<view style="display: flex;flex-direction: column;align-items: center;margin-bottom: 20rpx;"> <view style="display: flex;flex-direction: column;align-items: center;margin-bottom: 20rpx;">
<view style="font-size: 38rpx;color: black;">{{titleText}}</view> <view style="font-size: 38rpx;color: black;">{{titleText}}</view>
<view class="flex"> <view class="flex">
<view v-if="point>0" style="display: flex;flex-direction: row;margin-top: 10rpx;"> <view v-if="point>0" style="display: flex;flex-direction: row;margin-top: 10rpx;">
<view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;">解锁本集：</view> <view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;">解锁本集：</view>
<view style="font-size: 42rpx;color: red;font-weight: 777;">{{point}}</view> <view style="font-size: 42rpx;color: red;font-weight: 777;">{{point}}</view>
<view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;margin-left: 6rpx;"> <view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;margin-left: 6rpx;">
看点 看点
</view> </view>
</view> </view>
<view v-if="point>0" style="width: 60rpx;"></view> <view v-if="point>0" style="width: 60rpx;"></view>
<view style="display: flex;flex-direction: row;margin-top: 10rpx;"> <view style="display: flex;flex-direction: row;margin-top: 10rpx;">
<view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;">账户余额：</view> <view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;">账户余额：</view>
<view style="font-size: 42rpx;color: red;font-weight: 777;">{{userBean.point}} <view style="font-size: 42rpx;color: red;font-weight: 777;">{{userBean.point}}
</view> </view>
<view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;margin-left: 6rpx;"> <view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;margin-left: 6rpx;">
看点 看点
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="section"> <view class="section">
<view class="pack-box"> <view class="pack-box">
<view class="pack-item" <view class="pack-item"
:style="item.largeType !=='vip' ?'background: #f5f5f5;':'background: #f4c98b;'" :style="item.largeType !=='vip' ?'background: #f5f5f5;':'background: #f4c98b;'"
:class="[{active: index==selectedIndex}]" v-for='(item, index) in vipList' :class="[{active: index==selectedIndex}]" v-for='(item, index) in vipList'
:key='index' @click="choosePack(item, index)"> :key='index' @click="choosePack(item, index)">
<view style="display: flex;flex-direction: column;align-items: center;"> <view style="display: flex;flex-direction: column;align-items: center;">
<view v-if="os=='android'" class="price row"> <view v-if="os=='android'" class="price row">
{{item.firstPayPrice}}元 {{item.firstPayPrice}}元
</view> </view>
<view v-else style="display: flex;align-items: center;font-size: 40rpx; <view v-else style="display: flex;align-items: center;font-size: 40rpx;
color: #f2b068; color: #f2b068;
font-weight: 700;"> font-weight: 700;">
<image style="width: 50rpx;height: 50rpx;display: flex;margin-right: 10rpx;" <image style="width: 50rpx;height: 50rpx;display: flex;margin-right: 10rpx;"
src="@/static/ic_zuan.png"> src="@/static/ic_zuan.png">
</image> </image>
+{{multiply(item.firstPayPrice)}} +{{multiply(item.firstPayPrice)}}
</view> </view>
<view class="name row" v-if="item.title!=null&&item.title!=''"> <view class="name row" v-if="item.title!=null&&item.title!=''">
{{item.title}} {{item.title}}
</view> </view>
<view class="origin row" v-if="item.remarks!=null&&item.remarks!=''"> <view class="origin row" v-if="item.remarks!=null&&item.remarks!=''">
{{item.remarks}} {{item.remarks}}
</view> </view>
</view> </view>
<view class="cut-down" v-if='item.topTitle!=null&&item.topTitle.length>0'> <view class="cut-down" v-if='item.topTitle!=null&&item.topTitle.length>0'>
{{item.topTitle}} {{item.topTitle}}
</view> </view>
<view v-if="index==selectedIndex" style="position: absolute;bottom: 0;right: 0;"> <view v-if="index==selectedIndex" style="position: absolute;bottom: 0;right: 0;">
<image mode="scaleToFill" <image mode="scaleToFill"
style="width: 100rpx;height: 100rpx;display: flex;align-items: right;" style="width: 100rpx;height: 100rpx;display: flex;align-items: right;"
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_loading.gif"> src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_loading.gif">
</image> </image>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view style="display: flex;flex-direction: column;align-items: center;"> <view style="display: flex;flex-direction: column;align-items: center;">
<view style="font-size: 29rpx;color: gray;margin-top: 16rpx;"> <view style="font-size: 29rpx;color: gray;margin-top: 16rpx;">
客服时间工作日 9:00-18:00</view> 客服时间工作日 9:00-18:00</view>
<button class="button2" open-type="im" data-im-id="du_movie">在线客服</button> <button class="button2" open-type="im" data-im-id="77726390801">在线客服</button>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
</uni-popup> </uni-popup>
</view> </view>
</template> </template>
<script> <script>
import common from '@/mixins/common'; import common from '@/mixins/common';
import { import {
message message
} from '@/utils/fun'; } from '@/utils/fun';
export default { export default {
name: 'coinPopup', name: 'coinPopup',
mixins: [common], mixins: [common],
props: { props: {
show: { show: {
type: Boolean, type: Boolean,
default: false default: false
}, },
point: { point: {
type: [Number, String], type: [Number, String],
default: 0 default: 0
}, },
vedioId: { vedioId: {
type: [Number, String], type: [Number, String],
default: 0 default: 0
} }
}, },
data() { data() {
return { return {
vipList: [], vipList: [],
selectedIndex: 0, selectedIndex: 0,
agreeFlag: false, agreeFlag: false,
userBean: {}, userBean: {},
os: 'android', os: 'android',
titleText: '超多精彩好剧一键解锁', titleText: '超多精彩好剧一键解锁',
showClone: false showClone: false
}; };
}, },
methods: { methods: {
multiply(num) { multiply(num) {
return parseInt(num * 10); return parseInt(num * 10);
}, },
// 支付完成回调 // 支付完成回调
paySuccess(largeType) { paySuccess(largeType) {
this.$emit('paySuccess', largeType); this.$emit('paySuccess', largeType);
this.handleClose(); this.handleClose();
}, },
handleShow() { handleShow() {
let that = this; let that = this;
this.$refs.coinPop.open('bottom'); this.$refs.coinPop.open('bottom');
if (tt.getSystemInfoSync().platform === 'ios') { if (tt.getSystemInfoSync().platform === 'ios') {
this.os = 'ios'; this.os = 'ios';
} }
this.post({ this.post({
url: '/vip/getVipProducts/point', url: '/vip/getVipProducts/point',
data: { data: {
vedioId: that.point <= 0 ? null : that.vedioId vedioId: that.point <= 0 ? null : that.vedioId
}, },
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => { }) => {
this.vipList = data.list; this.vipList = data.list;
if (data.list != null) { if (data.list != null) {
// this.selectedIndex = data.list[0].activityType; // this.selectedIndex = data.list[0].activityType;
for (let i = 0; i < data.list.length; i++) { for (let i = 0; i < data.list.length; i++) {
if (data.list[i].activityType == 1) { if (data.list[i].activityType == 1) {
this.selectedIndex = i; this.selectedIndex = i;
break; break;
} }
} }
} }
} }
}); });
this.post({ this.post({
url: '/user/baseMsg', url: '/user/baseMsg',
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => { }) => {
this.userBean = data; this.userBean = data;
} }
}); });
}, },
handleAgree() { handleAgree() {
this.agreeFlag = true this.agreeFlag = true
}, },
handleClickClose() { handleClickClose() {
this.$refs.coinPop.close('bottom'); this.$refs.coinPop.close('bottom');
this.$emit('clickClose'); this.$emit('clickClose');
this.$emit('close'); this.$emit('close');
}, },
handleClose() { handleClose() {
this.$refs.coinPop.close('bottom'); this.$refs.coinPop.close('bottom');
this.$emit('close'); this.$emit('close');
}, },
choosePack(item, index) { choosePack(item, index) {
this.selectedIndex = index; this.selectedIndex = index;
this.handlePay(); this.handlePay();
}, },
handlePay() { handlePay() {
// if (this.os == 'ios') { // if (this.os == 'ios') {
// message.notify('iOS暂不支持购买'); // message.notify('iOS暂不支持购买');
// return // return
// } // }
let that = this; let that = this;
let vipBean = this.vipList[this.selectedIndex]; let vipBean = this.vipList[this.selectedIndex];
// 抖音支付 // 抖音支付
// #ifdef MP-TOUTIAO // #ifdef MP-TOUTIAO
this.post({ this.post({
url: '/vip/getVipPayParams/douyin', url: '/vip/getVipPayParams/douyin',
data: { data: {
vedioId: that.point <= 0 ? null : that.vedioId, vedioId: that.point <= 0 ? null : that.vedioId,
os: that.os, os: that.os,
pid: vipBean.pid pid: vipBean.pid
}, },
showLoading: true, showLoading: true,
success: ({ success: ({
data data
}) => { }) => {
that.ttPrePay(data, vipBean.largeType); that.ttPrePay(data, vipBean.largeType);
} }
}); });
// #endif // #endif
}, },
ttPrePay(ttData, largeType) { ttPrePay(ttData, largeType) {
if (!tt.canIUse('requestOrder')) { if (!tt.canIUse('requestOrder')) {
message.notify('请升级抖音APP版本'); message.notify('请升级抖音APP版本');
return return
} }
let that = this; let that = this;
tt.requestOrder({ tt.requestOrder({
data: ttData.params.data, data: ttData.params.data,
byteAuthorization: ttData.params.byteAuthorization, byteAuthorization: ttData.params.byteAuthorization,
success(res) { success(res) {
that.ttPay(largeType, res.orderId, ttData); that.ttPay(largeType, res.orderId, ttData);
}, },
fail(res) { fail(res) {
// message.notify(res.errMsg); // message.notify(res.errMsg);
}, },
}); });
}, },
ttPay(largeType, oid, ttData) { ttPay(largeType, oid, ttData) {
if (!tt.canIUse('getOrderPayment')) { if (!tt.canIUse('getOrderPayment')) {
message.notify('请升级抖音APP版本'); message.notify('请升级抖音APP版本');
return return
} }
let that = this; let that = this;
tt.getOrderPayment({ tt.getOrderPayment({
orderId: oid, orderId: oid,
success(res) { success(res) {
that.queryOrderStatus(largeType, ttData.tidStr); that.queryOrderStatus(largeType, ttData.tidStr);
}, },
fail(res) {}, fail(res) {},
}); });
}, },
queryOrderStatus(largeType, tid) { queryOrderStatus(largeType, tid) {
let that = this; let that = this;
this.post({ this.post({
data: { data: {
tid: tid tid: tid
}, },
url: '/vip/queryVipOrder', url: '/vip/queryVipOrder',
showLoading: true, showLoading: true,
success: ({ success: ({
data data
}) => { }) => {
that.paySuccess(largeType); that.paySuccess(largeType);
} }
}); });
} }
}, },
watch: { watch: {
show: { show: {
handler: function(newVal, oldVal) { handler: function(newVal, oldVal) {
if (newVal) { if (newVal) {
this.handleShow(); this.handleShow();
} }
}, },
immediate: true immediate: true
} }
} }
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.body { .body {
padding: 10rpx 0 30rpx 0; padding: 10rpx 0 30rpx 0;
border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0;
background-color: white; background-color: white;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.section { .section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: white; background: white;
} }
.pack-box { .pack-box {
margin-top: 25rpx; margin-top: 25rpx;
margin-left: 18rpx; margin-left: 18rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
.active { .active {
border: 6rpx solid #fd5350 !important; border: 6rpx solid #fd5350 !important;
} }
.pack-item { .pack-item {
margin-bottom: 25rpx; margin-bottom: 25rpx;
margin-right: 22rpx; margin-right: 22rpx;
width: calc(45%); width: calc(45%);
height: 190rpx; height: 190rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
// background: #f5f5f5; // background: #f5f5f5;
border: 6rpx solid #f5f5f5; border: 6rpx solid #f5f5f5;
border-radius: 10rpx; border-radius: 10rpx;
position: relative; position: relative;
.row { .row {
margin: 8rpx 15rpx; margin: 8rpx 15rpx;
marign-bottom: 0; marign-bottom: 0;
} }
.row:last-child { .row:last-child {
margin-bottom: 8rpx; margin-bottom: 8rpx;
} }
.name { .name {
font-size: 29rpx; font-size: 29rpx;
color: #333; color: #333;
} }
.price { .price {
font-size: 40rpx; font-size: 40rpx;
color: #fd5350; color: #fd5350;
font-weight: 700; font-weight: 700;
} }
.origin { .origin {
color: #5A3C0F; color: #5A3C0F;
// background: #5a1505; // background: #5a1505;
background-image: linear-gradient(90deg, #F3DEBE, #EAC180); background-image: linear-gradient(90deg, #F3DEBE, #EAC180);
font-size: 22rpx; font-size: 22rpx;
border-radius: 20rpx; border-radius: 20rpx;
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
padding-top: 4rpx; padding-top: 4rpx;
padding-bottom: 3rpx; padding-bottom: 3rpx;
padding-left: 16rpx; padding-left: 16rpx;
padding-right: 16rpx; padding-right: 16rpx;
} }
.cut-down { .cut-down {
position: absolute; position: absolute;
top: 0; top: 0;
color: #fff; color: #fff;
background: #ff502f; background: #ff502f;
font-size: 22rpx; font-size: 22rpx;
border-radius: 15rpx; border-radius: 15rpx;
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
padding-top: 6rpx; padding-top: 6rpx;
padding-bottom: 3rpx; padding-bottom: 3rpx;
padding-left: 16rpx; padding-left: 16rpx;
padding-right: 16rpx; padding-right: 16rpx;
transform: translate(0, -50%); transform: translate(0, -50%);
} }
} }
} }
.button2 { .button2 {
width: 300rpx; width: 300rpx;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
text-align: center; text-align: center;
margin: 10rpx 20rpx; margin: 10rpx 20rpx;
border-radius: 10rpx; border-radius: 10rpx;
background-color: white; background-color: white;
border: 1px orange solid; border: 1px orange solid;
color: orange; color: orange;
font-size: 26rpx; font-size: 26rpx;
box-shadow: 0 0 2px 0px rgba(255, 255, 255, 0.1); box-shadow: 0 0 2px 0px rgba(255, 255, 255, 0.1);
} }
</style> </style>
\ No newline at end of file
vedio/components/home/index.vue
View file @ 11925909
<template> <template>
<view class="body"> <view class="body">
<view v-if="showMask" class="show-mask flex-v" @click="showMask=false"> <view v-if="showMask" class="show-mask flex-v" @click="showMask=false">
<view class="mt-30" style="width: 90%;text-align: right;"> <view class="mt-30" style="width: 90%;text-align: right;">
<image style="width: 30rpx;height: 30rpx;padding:6rpx; <image style="width: 30rpx;height: 30rpx;padding:6rpx;
border-radius: 40rpx;border: 2px solid darkgray;" src="@/static/index/ic_quit_white.png" /> border-radius: 40rpx;border: 2px solid darkgray;" src="@/static/index/ic_quit_white.png" />
</view> </view>
<text class="mt-10" style="font-size: 46rpx;">如何继续看剧?</text> <text class="mt-10" style="font-size: 46rpx;">如何继续看剧?</text>
<text class="m-10">找到“巨爽短剧” 小程序</text> <text class="m-10">找到“薄荷短剧” 小程序</text>
<image class="mt-30" mode="widthFix" :src="maskImage1"></image> <image class="mt-30" mode="widthFix" :src="maskImage1"></image>
<image :src="maskImage2" mode="widthFix"></image> <image :src="maskImage2" mode="widthFix"></image>
</view> </view>
<z-paging class="flex-1" ref="paging" v-model="dataList" @query="queryList"> <z-paging class="flex-1" ref="paging" v-model="dataList" @query="queryList">
<view class="content"> <view class="content">
<swiper class="banner" :style="'margin-top:'+statusBarHeight+'px;'" :indicator-dots="true" <swiper class="banner" :style="'margin-top:'+statusBarHeight+'px;'" :indicator-dots="true"
:autoplay="true" :interval="2000" :duration="500"> :autoplay="true" :interval="2000" :duration="500">
<swiper-item v-for="banner in bannerList" :key="banner.vedioId" @click="handleBanner(banner)"> <swiper-item v-for="banner in bannerList" :key="banner.vedioId" @click="handleBanner(banner)">
<image class="banner-img" :src="banner.tabImage" mode="aspectFill"></image> <image class="banner-img" :src="banner.tabImage" mode="aspectFill"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view <view
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;">
<view style="position: relative;"> <view style="position: relative;">
<view style="position: relative;"> <view style="position: relative;">
<view style="position: absolute;z-index: 10;margin-left: 20rpx;"> <view style="position: absolute;z-index: 10;margin-left: 20rpx;">
<view style="position: relative;"> <view style="position: relative;">
<view style=" <view style="
position: absolute; position: absolute;
z-index: 10; z-index: 10;
width: 50rpx; width: 50rpx;
text-align: center; text-align: center;
margin-top: 8rpx; margin-top: 8rpx;
font-size: 24rpx; font-size: 24rpx;
color: white;"> color: white;">
{{index+1}} {{index+1}}
</view> </view>
<image v-if="index==0" <image v-if="index==0"
style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;" style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
src="../../static/index/y43.png"></image> src="../../static/index/y43.png"></image>
<image v-else-if="index==1" <image v-else-if="index==1"
style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;" style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
src="../../static/index/y42.png"></image> src="../../static/index/y42.png"></image>
<image v-else-if="index==2" <image v-else-if="index==2"
style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;" style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
src="../../static/index/y41.png"></image> src="../../static/index/y41.png"></image>
<image v-else <image v-else
style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;" style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
src="../../static/index/y4.png"></image> src="../../static/index/y4.png"></image>
</view> </view>
</view> </view>
<image style="border-radius:10rpx; width: 200rpx;height: 260rpx;" <image style="border-radius:10rpx; width: 200rpx;height: 260rpx;"
:src="item.coverImage" mode="aspectFill"></image> :src="item.coverImage" mode="aspectFill"></image>
</view> </view>
<view style=" <view style="
position: absolute; position: absolute;
bottom: 10rpx; bottom: 10rpx;
background-color: black; background-color: black;
width: 100%; width: 100%;
opacity: 0.5; opacity: 0.5;
"> ">
<view style="display: flex;align-items: center;margin-left: 10rpx;"> <view style="display: flex;align-items: center;margin-left: 10rpx;">
<image <image
style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;" style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;"
src="../../static/index/ic_index_play.png"></image> src="../../static/index/ic_index_play.png"></image>
<view style="font-size: 22rpx;color: white;">{{item.showNum}}</view> <view style="font-size: 22rpx;color: white;">{{item.showNum}}</view>
</view> </view>
</view> </view>
</view> </view>
<view style="font-size: 26rpx;margin-top: 10rpx;height: 60rpx;">{{item.title}}</view> <view style="font-size: 26rpx;margin-top: 10rpx;height: 60rpx;">{{item.title}}</view>
<view class="ellipsis" style="font-size: 22rpx;margin-top: 10rpx;" <view class="ellipsis" style="font-size: 22rpx;margin-top: 10rpx;"
v-if="item.orderTags!=null&&item.orderTags.length>0"> v-if="item.orderTags!=null&&item.orderTags.length>0">
<scroll-view scroll-x="true"> <scroll-view scroll-x="true">
<block v-for="t in item.orderTags" :key="item.orderTags"> <block v-for="t in item.orderTags" :key="item.orderTags">
<view style="display:inline-block;margin-right: 4rpx;">{{t}} </view> <view style="display:inline-block;margin-right: 4rpx;">{{t}} </view>
</block> </block>
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
</block> </block>
</scroll-view> </scroll-view>
</view> </view>
<view <view
style="font-size: 30rpx;font-weight: 777;margin-top: 20rpx;margin-bottom: 10rpx;margin-left: 4rpx;"> style="font-size: 30rpx;font-weight: 777;margin-top: 20rpx;margin-bottom: 10rpx;margin-left: 4rpx;">
推荐</view> 推荐</view>
<view style="column-count: 2;column-gap: 20rpx;margin-top: 20rpx;"> <view style="column-count: 2;column-gap: 20rpx;margin-top: 20rpx;">
<view class="item-wrap" v-for="(item, i) in dataList" :key="i" v-if="i % 2 == 0" <view class="item-wrap" v-for="(item, i) in dataList" :key="i" v-if="i % 2 == 0"
@click="handleInfo(item)"> @click="handleInfo(item)">
<view style="position: relative;"> <view style="position: relative;">
<image class="img" :src="item.coverImage" mode="aspectFill"></image> <image class="img" :src="item.coverImage" mode="aspectFill"></image>
<view style=" <view style="
position: absolute; position: absolute;
bottom: 10rpx; bottom: 10rpx;
width: 95%; width: 95%;
padding: 10rpx; padding: 10rpx;
background-color: black; background-color: black;
opacity: 0.5; opacity: 0.5;
"> ">
<view style="display: flex;flex-direction: row;justify-content:space-between;"> <view style="display: flex;flex-direction: row;justify-content:space-between;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image <image
style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;" style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;"
src="../../static/index/ic_index_play.png"></image> src="../../static/index/ic_index_play.png"></image>
<view style="font-size: 22rpx;color: white;">{{item.showNum}}</view> <view style="font-size: 22rpx;color: white;">{{item.showNum}}</view>
</view> </view>
<view style="font-size: 22rpx;color: white;font-weight: 777;">全{{item.vedioTotal}}集 <view style="font-size: 22rpx;color: white;font-weight: 777;">全{{item.vedioTotal}}集
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view style="font-size: 30rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.title}}</view> <view style="font-size: 30rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.title}}</view>
<!-- <view style="font-size: 22rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.vedioDesc}}</view> --> <!-- <view style="font-size: 22rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.vedioDesc}}</view> -->
</view> </view>
<view class="item-wrap" v-for="(item, i) in dataList" :key="i" v-if="i % 2 == 1" <view class="item-wrap" v-for="(item, i) in dataList" :key="i" v-if="i % 2 == 1"
@click="handleInfo(item)"> @click="handleInfo(item)">
<view style="position: relative;"> <view style="position: relative;">
<image class="img" :src="item.coverImage" mode="aspectFill"></image> <image class="img" :src="item.coverImage" mode="aspectFill"></image>
<view style=" <view style="
position: absolute; position: absolute;
bottom: 10rpx; bottom: 10rpx;
width: 95%; width: 95%;
padding: 10rpx; padding: 10rpx;
background-color: black; background-color: black;
opacity: 0.5; opacity: 0.5;
"> ">
<view style="display: flex;flex-direction: row;justify-content:space-between;"> <view style="display: flex;flex-direction: row;justify-content:space-between;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image <image
style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;" style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;"
src="../../static/index/ic_index_play.png"></image> src="../../static/index/ic_index_play.png"></image>
<view style="font-size: 22rpx;color: white;">{{item.showNum}}</view> <view style="font-size: 22rpx;color: white;">{{item.showNum}}</view>
</view> </view>
<view style="font-size: 22rpx;color: white;font-weight: 777;">全{{item.vedioTotal}}集 <view style="font-size: 22rpx;color: white;font-weight: 777;">全{{item.vedioTotal}}集
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view style="font-size: 30rpx;margin-top: 10rpx;margin-left: 12rpx;height: 60rpx;"> <view style="font-size: 30rpx;margin-top: 10rpx;margin-left: 12rpx;height: 60rpx;">
{{item.title}} {{item.title}}
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</z-paging> </z-paging>
<view v-if="newRecordBean!=null" <view v-if="newRecordBean!=null"
style="width: 97%;height: 150rpx;margin: 10rpx;opacity: 0.8;background-color: black;z-index: 20;position: absolute;bottom: 0;border-radius:10rpx;"> style="width: 97%;height: 150rpx;margin: 10rpx;opacity: 0.8;background-color: black;z-index: 20;position: absolute;bottom: 0;border-radius:10rpx;">
<view style="display: flex;margin-left: 10rpx;"> <view style="display: flex;margin-left: 10rpx;">
<view style="flex-grow: 2;display: flex;align-items: center;"> <view style="flex-grow: 2;display: flex;align-items: center;">
<image style="border-radius:10rpx; width: 100rpx;height: 130rpx;margin-top: 10rpx;" <image style="border-radius:10rpx; width: 100rpx;height: 130rpx;margin-top: 10rpx;"
:src="newRecordBean.coverImage" mode="aspectFill"></image> :src="newRecordBean.coverImage" mode="aspectFill"></image>
<view style="margin: 20rpx;"> <view style="margin: 20rpx;">
<view style="font-size: 30rpx; color: white;">{{newRecordBean.title}}</view> <view style="font-size: 30rpx; color: white;">{{newRecordBean.title}}</view>
<view style="font-size: 24rpx;margin-top: 6rpx;color: white;">上次观看至第{{newRecordBean.seeIndex}}集 <view style="font-size: 24rpx;margin-top: 6rpx;color: white;">上次观看至第{{newRecordBean.seeIndex}}集
</view> </view>
<view style="font-size: 22rpx;" <view style="font-size: 22rpx;"
v-if="newRecordBean.orderTags!=null&&newRecordBean.orderTags.length>0"> v-if="newRecordBean.orderTags!=null&&newRecordBean.orderTags.length>0">
<scroll-view scroll-x="true"> <scroll-view scroll-x="true">
<block v-for="t in newRecordBean.orderTags" :key="newRecordBean.orderTags"> <block v-for="t in newRecordBean.orderTags" :key="newRecordBean.orderTags">
<view style="display:inline-block;margin-right: 4rpx;">{{t}} </view> <view style="display:inline-block;margin-right: 4rpx;">{{t}} </view>
</block> </block>
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
</view> </view>
<view style="display: flex;flex-direction: column;align-items: flex-end;"> <view style="display: flex;flex-direction: column;align-items: flex-end;">
<image @click="handleBottomClose()" <image @click="handleBottomClose()"
style="width: 30rpx;height: 30rpx;display: flex;align-items: right;margin: 10rpx;" style="width: 30rpx;height: 30rpx;display: flex;align-items: right;margin: 10rpx;"
src="../../static/index/ic_quit_white.png" mode="aspectFill"></image> src="../../static/index/ic_quit_white.png" mode="aspectFill"></image>
<view @click="handleBottomPlay(newRecordBean)" style=" <view @click="handleBottomPlay(newRecordBean)" style="
width: 160rpx; width: 160rpx;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
text-align: center; text-align: center;
background-color: red; background-color: red;
border-radius:30rpx; border-radius:30rpx;
color: white; color: white;
font-size: 24rpx; font-size: 24rpx;
margin-right: 20rpx;"> margin-right: 20rpx;">
继续观看 继续观看
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- <uni-popup type="center" ref="select"> <!-- <uni-popup type="center" ref="select">
<view> <view>
<view style="font-size: 30rpx;font-weight: 777;color: white;">刚刚看的</view> <view style="font-size: 30rpx;font-weight: 777;color: white;">刚刚看的</view>
<view style="text-align: center;"> <view style="text-align: center;">
<view> <view>
<video :id="recommendBean.vedioId" :loop="true" :enable-progress-gesture="false" <video :id="recommendBean.vedioId" :loop="true" :enable-progress-gesture="false"
:show-loading="true" :show-fullscreen-btn="false" :show-loading="true" :show-fullscreen-btn="false"
style="width:100%; height:100%;background: #f56c6c;" :src="recommendBean.vedioUrl" style="width:100%; height:100%;background: #f56c6c;" :src="recommendBean.vedioUrl"
:poster="recommendBean.coverImage" play-btn-position="center" object-fit="contain" /> :poster="recommendBean.coverImage" play-btn-position="center" object-fit="contain" />
</view> </view>
<view>123</view> <view>123</view>
<view @click="handleVipPay" <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;"> 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> </view>
</view> </view>
</uni-popup> --> </uni-popup> -->
</view> </view>
</template> </template>
<script> <script>
import common from '@/mixins/common'; import common from '@/mixins/common';
import { import {
getToLocal getToLocal
} from "@/utils/utils.js" } from "@/utils/utils.js"
import { import {
navigateTo, navigateTo,
message, message,
alert, alert,
loading loading
} from '@/utils/fun.js'; } from '@/utils/fun.js';
import { import {
openUrl openUrl
} from '@/utils/app+.js'; } from '@/utils/app+.js';
const app = getApp(); const app = getApp();
export default { export default {
name: 'index', name: 'index',
mixins: [common], mixins: [common],
data() { data() {
return { return {
dataList: [], dataList: [],
bannerList: [], bannerList: [],
newRecordBean: null, newRecordBean: null,
topList: [], topList: [],
showMask: false, showMask: false,
maskImage1: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find1.png', maskImage1: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find1.png',
maskImage2: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find2.png', maskImage2: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find2.png',
statusBarHeight: app.globalData.statusBarHeight, statusBarHeight: app.globalData.statusBarHeight,
}; };
}, },
methods: { methods: {
showMaskFuc() { showMaskFuc() {
let showFollowMask = uni.getStorageSync('show-follow-mask') || ''; let showFollowMask = uni.getStorageSync('show-follow-mask') || '';
if (showFollowMask == '1') { if (showFollowMask == '1') {
this.showMask = true this.showMask = true
uni.setStorage({ uni.setStorage({
key: 'show-follow-mask', key: 'show-follow-mask',
data: '2' data: '2'
}); });
} }
}, },
show() { show() {
this.showMaskFuc() this.showMaskFuc()
// 匹配视频 // 匹配视频
this.showFirstDialog(); this.showFirstDialog();
// 轮播图 // 轮播图
this.post({ this.post({
url: '/vedio/topTabs', url: '/vedio/topTabs',
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => { }) => {
this.bannerList = data.list; this.bannerList = data.list;
} }
}); });
// 排行榜 // 排行榜
this.post({ this.post({
url: '/vedio/orders', url: '/vedio/orders',
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => { }) => {
this.topList = data.list; this.topList = data.list;
} }
}); });
// 最近观看剧 // 最近观看剧
this.post({ this.post({
url: '/vedio/newest', url: '/vedio/newest',
data: {}, data: {},
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => { }) => {
if (data.vedio != null) { if (data.vedio != null) {
this.newRecordBean = data.vedio; this.newRecordBean = data.vedio;
} }
} }
}); });
if (this.$refs.paging != null) { if (this.$refs.paging != null) {
this.$refs.paging.refresh(); this.$refs.paging.refresh();
} }
}, },
hide() { hide() {
}, },
queryList(page, size) { queryList(page, size) {
// 推荐列表 // 推荐列表
this.post({ this.post({
url: '/vedio/list', url: '/vedio/list',
data: { data: {
page, page,
size size
}, },
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => { }) => {
this.$refs.paging.complete(data.list); this.$refs.paging.complete(data.list);
} }
}); });
}, },
handleBanner(item) { handleBanner(item) {
navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) + navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
'&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId); '&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId);
}, },
handleInfo(item) { handleInfo(item) {
navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) + navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
'&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId); '&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId);
}, },
handleTop(item) { handleTop(item) {
navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) + navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
'&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId); '&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId);
}, },
handleBottomPlay(item) { handleBottomPlay(item) {
navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) + navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(JSON.stringify(item)) +
'&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId); '&tt_album_id=' + item.douyinAlbumId + '&tt_episode_id=' + item.douyinEpisodeId);
}, },
handleBottomClose() { handleBottomClose() {
this.newRecordBean = null; this.newRecordBean = null;
this.post({ this.post({
url: '/vedio/colseNewest', url: '/vedio/colseNewest',
data: {}, data: {},
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => {} }) => {}
}); });
}, },
showFirstDialog() { showFirstDialog() {
let that = this; let that = this;
let loadEpisode_id = uni.getStorageSync('tt_episode_id') || ''; let loadEpisode_id = uni.getStorageSync('tt_episode_id') || '';
let loadAlbum_id = uni.getStorageSync('tt_album_id') || ''; let loadAlbum_id = uni.getStorageSync('tt_album_id') || '';
setTimeout(() => { setTimeout(() => {
that.post({ that.post({
url: '/vedio/firstVedio/douyin', url: '/vedio/firstVedio/douyin',
data: { data: {
episode_id: loadEpisode_id, episode_id: loadEpisode_id,
album_id: loadAlbum_id album_id: loadAlbum_id
}, },
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => { }) => {
if (data.vedioMsg != null) { if (data.vedioMsg != null) {
navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent( navigateTo(`/pagesC/ttvideo/ttVideoDetail?data=` + encodeURIComponent(
JSON.stringify(data.vedioMsg)) + JSON.stringify(data.vedioMsg)) +
'&tt_album_id=' + data.vedioMsg.douyinAlbumId + '&tt_album_id=' + data.vedioMsg.douyinAlbumId +
'&tt_episode_id=' + data.vedioMsg.douyinEpisodeId); '&tt_episode_id=' + data.vedioMsg.douyinEpisodeId);
// 重置短视频挂载id // 重置短视频挂载id
uni.setStorage({ uni.setStorage({
key: 'tt_album_id', key: 'tt_album_id',
data: '' data: ''
}); });
uni.setStorage({ uni.setStorage({
key: 'tt_episode_id', key: 'tt_episode_id',
data: '' data: ''
}); });
} }
} }
}); });
}, 800); }, 800);
} }
} }
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.body { .body {
background-color: whitesmoke; background-color: whitesmoke;
position: relative; position: relative;
} }
.show-mask { .show-mask {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
position: absolute; position: absolute;
z-index: 999; z-index: 999;
color: white; color: white;
align-items: center; align-items: center;
image { image {
width: 90%; width: 90%;
} }
} }
.item-wrap { .item-wrap {
width: 100%; width: 100%;
border-radius: 10rpx; border-radius: 10rpx;
background-color: #fff; background-color: #fff;
break-inside: avoid; break-inside: avoid;
margin-bottom: 20rpx; margin-bottom: 20rpx;
height: 500rpx; height: 500rpx;
} }
.img { .img {
position: relative; position: relative;
border-radius: 10rpx; border-radius: 10rpx;
width: 100%; width: 100%;
height: 390rpx; height: 390rpx;
} }
</style> </style>
\ No newline at end of file
vedio/components/kefu-popup/kefu-popup.vue
View file @ 11925909
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<view class="content"> <view class="content">
<text style="font-size: 40rpx;margin-bottom: 15rpx;">客服时间: 工作日9:00-18:00</text> <text style="font-size: 40rpx;margin-bottom: 15rpx;">客服时间: 工作日9:00-18:00</text>
<text class="button1" @click="handleBtn1">客服电话</text> <text class="button1" @click="handleBtn1">客服电话</text>
<button class="button2" open-type="im" data-im-id="du_movie">在线客服</button> <button class="button2" open-type="im" data-im-id="77726390801">在线客服</button>
</view> </view>
</view> </view>
</uni-popup> </uni-popup>
......
vedio/manifest.json
View file @ 11925909
{ {
"name" : "短剧", "name" : "短剧",
"appid" : "__UNI__D23E760", "appid" : "__UNI__A1053C9",
"description" : "", "description" : "",
"versionName" : "1.0.0", "versionName" : "1.0.0",
"versionCode" : 1000, "versionCode" : 1000,
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
"uniStatistics" : { "uniStatistics" : {
"enable" : false "enable" : false
}, },
"appid" : "ttde5ea8e3416e330801" "appid" : "ttfe1988a4612f9fad01"
}, },
"uniStatistics" : { "uniStatistics" : {
"enable" : false, "enable" : false,
......
vedio/pages.json
View file @ 11925909
{ {
"easycom": { "easycom": {
"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue", "^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue",
"autoscan": true, "autoscan": true,
"custom": { "custom": {
"^n-(.*)": "@/nPro/$1/$1.vue", // 匹配nPro内的vue文件 "^n-(.*)": "@/nPro/$1/$1.vue", // 匹配nPro内的vue文件
"^nx-(.*)": "@/nProX/$1/$1.vue" // 匹配nProX内的vue文件 "^nx-(.*)": "@/nProX/$1/$1.vue" // 匹配nProX内的vue文件
} }
}, },
"pages": [ "pages": [
// #ifndef APP-PLUS // #ifndef APP-PLUS
{ {
"path": "pages/loading", "path": "pages/loading",
"style": { "style": {
"navigationStyle": "default",
"navigationBarBackgroundColor": "#F2F1FF",
"navigationBarTextStyle": "#000000"
}
},
// #endif
{
"path": "pages/home",
"style": {
"navigationStyle": "default", "navigationStyle": "default",
"navigationBarTitleText": "巨爽短剧", "navigationBarBackgroundColor": "#F2F1FF",
"navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "#000000"
"navigationBarTextStyle": "black" }
} },
}, // #endif
{ {
"path": "pages/brower/brower", "path": "pages/home",
"style": { "style": {
"navigationStyle": "default", "navigationStyle": "default",
"navigationBarBackgroundColor": "#ffffff", "navigationBarTitleText": "薄荷短剧",
"navigationBarTextStyle": "black" "navigationBarBackgroundColor": "#ffffff",
} "navigationBarTextStyle": "black"
} }
], },
// 分包配置 {
"subPackages": [{ "path": "pages/brower/brower",
"root": "pagesA", "style": {
"pages": [{ "navigationStyle": "default",
"path": "vipPay/vipPay", "navigationBarBackgroundColor": "#ffffff",
"style": { "navigationBarTextStyle": "black"
"navigationStyle": "default", }
"navigationBarBackgroundColor": "#2196f3", }
"navigationBarTextStyle": "black" ],
} // 分包配置
}] "subPackages": [{
}, { "root": "pagesA",
"root": "pagesC", "pages": [{
"pages": [{ "path": "vipPay/vipPay",
"path": "ttvideo/ttVideoDetail", "style": {
"style": { "navigationStyle": "default",
"backgroundColor": "#000000", "navigationBarBackgroundColor": "#2196f3",
"navigationStyle": "default", "navigationBarTextStyle": "black"
"navigationBarBackgroundColor": "#000000", }
"navigationBarTextStyle": "#ffffff", }]
"usingComponents ": { }, {
"video-player": "ext://industry/video-player" "root": "pagesC",
} "pages": [{
} "path": "ttvideo/ttVideoDetail",
}] "style": {
}, "backgroundColor": "#000000",
{ "navigationStyle": "default",
"root": "pagesD", "navigationBarBackgroundColor": "#000000",
"pages": [{ "navigationBarTextStyle": "#ffffff",
"path": "watchRecord/watchRecord", "usingComponents ": {
"style": { "video-player": "ext://industry/video-player"
"navigationBarTitleText": "观看记录", }
"navigationStyle": "default", }
"navigationBarBackgroundColor": "#ffffff", }]
"navigationBarTextStyle": "black" },
} {
}, { "root": "pagesD",
"path": "payRecord/payRecord", "pages": [{
"style": { "path": "watchRecord/watchRecord",
"navigationBarTitleText": "我的订单", "style": {
"navigationStyle": "default", "navigationBarTitleText": "观看记录",
"navigationBarBackgroundColor": "#ffffff", "navigationStyle": "default",
"navigationBarTextStyle": "black" "navigationBarBackgroundColor": "#ffffff",
} "navigationBarTextStyle": "black"
}, { }
"path": "dotRecord/dotRecord", }, {
"style": { "path": "payRecord/payRecord",
"navigationBarTitleText": "看点记录", "style": {
"navigationStyle": "default", "navigationBarTitleText": "我的订单",
"navigationBarBackgroundColor": "#ffffff", "navigationStyle": "default",
"navigationBarTextStyle": "black" "navigationBarBackgroundColor": "#ffffff",
} "navigationBarTextStyle": "black"
}, { }
"path": "useDotRecord/useDotRecord", }, {
"style": { "path": "dotRecord/dotRecord",
"navigationBarTitleText": "消费记录", "style": {
"navigationStyle": "default", "navigationBarTitleText": "看点记录",
"navigationBarBackgroundColor": "#ffffff", "navigationStyle": "default",
"navigationBarTextStyle": "black" "navigationBarBackgroundColor": "#ffffff",
} "navigationBarTextStyle": "black"
}] }
} }, {
], "path": "useDotRecord/useDotRecord",
// 分包预载配置 "style": {
"preloadRule": { "navigationBarTitleText": "消费记录",
// 当我们进入了pages/home页面以后就会预下载pagesA分包 "navigationStyle": "default",
"pages/home": { "navigationBarBackgroundColor": "#ffffff",
"network": "all", //在指定网络下预下载，可选值为：all（不限网络）、wifi（仅wifi下预下载） "navigationBarTextStyle": "black"
"packages": ["pagesA", "pagesC", "pagesD"] //进入页面后预下载分包 }
} }]
}, }
"globalStyle": { ],
"backgroundColor": "#f5f5f5", // 分包预载配置
"navigationStyle": "default", "preloadRule": {
"app-plus": { // 当我们进入了pages/home页面以后就会预下载pagesA分包
"bounce": "none", "pages/home": {
"scrollIndicator": "none" "network": "all", //在指定网络下预下载，可选值为：all（不限网络）、wifi（仅wifi下预下载）
} "packages": ["pagesA", "pagesC", "pagesD"] //进入页面后预下载分包
}, }
"condition": { //模式配置，仅开发期间生效 },
"current": 0, //当前激活的模式(list 的索引项) "globalStyle": {
"list": [{ "backgroundColor": "#f5f5f5",
"name": "", //模式名称 "navigationStyle": "default",
"path": "", //启动页面，必选 "app-plus": {
"query": "" //启动参数，在页面的onLoad函数里面得到 "bounce": "none",
}] "scrollIndicator": "none"
} }
},
"condition": { //模式配置，仅开发期间生效
"current": 0, //当前激活的模式(list 的索引项)
"list": [{
"name": "", //模式名称
"path": "", //启动页面，必选
"query": "" //启动参数，在页面的onLoad函数里面得到
}]
}
} }
\ No newline at end of file
vedio/pages/loading.vue
View file @ 11925909
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
this.tips1 = options.tips1 this.tips1 = options.tips1
// #ifdef MP-TOUTIAO // #ifdef MP-TOUTIAO
this.appName = '巨爽短剧' this.appName = '薄荷短剧'
// #endif // #endif
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
......
vedio/static/logo-about.png
View replaced file @ 60d4dd8c View file @ 11925909
vedio/static/logo-about.png

6.28 KB | W: | H:

vedio/static/logo-about.png

17.9 KB | W: | H:

vedio/static/logo-about.png
vedio/static/logo-about.png
vedio/static/logo-about.png
vedio/static/logo-about.png
  • 2-up
  • Swipe
  • Onion skin
vedio/utils/adConstant.js
View file @ 11925909
export const EXPRESS_ID = 'q1031ievmv1z3j28gs' export const EXPRESS_ID = '8jr40452juhwok1xux'
export const REWARD_ID = 'm1qtdoeeqq9txgahk4' export const REWARD_ID = 'yj92ol7cr6ld1diag6'
\ No newline at end of file \ No newline at end of file
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