czg_team
/
video_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'test' of https://e.coding.net/g-cphe0354/duanju/video_app into gaohao

This commit is contained in:
GaoHao 2024-12-24 11:20:22 +08:00
parent 63af9f39c7 89770feb70
commit 8ae7639d1c
2 changed files with 230 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
manifest.json
View File

@ -27,8 +27,7 @@
"VideoPlayer" : {}, "VideoPlayer" : {},
"Camera" : {}, "Camera" : {},
"Record" : {}, "Record" : {},
"OAuth" : {}, "OAuth" : {}
"Push" : {}
}, },
/* 应用发布信息 */ /* 应用发布信息 */
"distribute" : { "distribute" : {
@ -85,14 +84,15 @@
}, },
"oauth" : { "oauth" : {
"apple" : {}, "apple" : {},
"univerify" : {},
"weixin" : { "weixin" : {
"appid" : "wxeaffcaea958472d3", "appid" : "wxeaffcaea958472d3",
"appsecret" : "32f6f3ce599abff2fa0191a36780c66c",
"UniversalLinks" : "https://maxiong.xianmxkj.com/" "UniversalLinks" : "https://maxiong.xianmxkj.com/"
} },
"univerify" : {}
},
"ad" : {
"gdt" : {}
}, },
"ad" : {},
"push" : { "push" : {
"unipush" : {} "unipush" : {}
} }

349
pages/task/index.vue
View File

@ -2,80 +2,97 @@
<template> <template>
<view class="container"> <view class="container">
<view class="task_bg u-absolute"> <view class="task_bg u-absolute">
<image class="task_bg" src="../../static/images/me/task_bg.png" ></image> <image class="task_bg" src="../../static/images/me/task_bg.png"></image>
</view> </view>
<u-navbar v-if="!isIos" :background="background" :is-back="false" :title="title" :border-bottom="false"></u-navbar> <u-navbar v-if="!isIos" :background="background" :is-back="false" :title="title" :border-bottom="false"></u-navbar>
<view class="navTitle" v-else> <view class="navTitle" v-else>
<view></view> <view></view>
<view class="title">任务大厅</view> <view class="title">任务大厅</view>
<image @click="goNav({jumpType:1,buttonUrl:'/pages/me/index'})" class="navTitleIcon" src="../../static/images/my.png" ></image> <image @click="goNav({jumpType:1,buttonUrl:'/pages/me/index'})" class="navTitleIcon"
src="../../static/images/my.png"></image>
</view> </view>
<view class="icon u-relative padding"> <view class="icon u-relative padding">
<image class="task_icon1 u-relative" src="../../static/images/me/task_icon1.png"></image> <image class="task_icon1 u-relative" src="../../static/images/me/task_icon1.png"></image>
<view class="icon_title u-font-32 text-bold u-relative">新人好礼送不停</view> <view class="icon_title u-font-32 text-bold u-relative">新人好礼送不停</view>
<image class="task_icon2 u-relative" src="../../static/images/me/task_icon2.png"></image> <image class="task_icon2 u-relative" src="../../static/images/me/task_icon2.png"></image>
</view> </view>
<view class="content signIn margin-lr padding bg-white u-relative" style="margin-bottom: 32rpx;"> <view class="content signIn margin-lr padding bg-white u-relative" style="margin-bottom: 32rpx;">
<view class="title flex justify-between"> <view class="title flex justify-between">
<view>已连续签到 <text class="num">{{signDays}}</text> 天</view> <view>已连续签到 <text class="num">{{signDays}}</text> 天</view>
<!-- <view class="dk flex"> <!-- <view class="dk flex">
<text style="margin-right: 20rpx;">打卡提醒</text> <text style="margin-right: 20rpx;">打卡提醒</text>
<u-switch v-model="checked" size="35" active-color="#EA9EA8 "></u-switch> <u-switch v-model="checked" size="35" active-color="#EA9EA8 "></u-switch>
</view> --> </view> -->
</view> </view>
<view class="signInList flex justify-between"> <view class="signInList flex justify-between">
<text class="line"></text> <text class="line"></text>
<view class="signIn-Item" <view class="signIn-Item"
:class="{active: item.showText == '待签到'||item.showText == '未签到'||item.showText == '已签到'}" :class="{active: item.showText == '待签到'||item.showText == '未签到'||item.showText == '已签到'}"
v-for="(item,index) in signInList" :key="index" v-for="(item,index) in signInList" :key="index">
> <image class="signIn_icon" v-if="item.showText == '未签到'" src="../../static/images/signIn_icon2.png"
<image class="signIn_icon" v-if="item.showText == '未签到'" src="../../static/images/signIn_icon2.png" mode=""> mode="">
<image class="signIn_icon" v-if="item.showText == '已签到'" src="../../static/images/signIn_icon3.png" mode=""> <image class="signIn_icon" v-if="item.showText == '已签到'"
<image class="signIn_icon" v-if="item.showText != '未签到'&&item.showText != '已签到'" src="../../static/images/signIn_icon1.png" mode=""> src="../../static/images/signIn_icon3.png" mode="">
<view class="radius"></view> <image class="signIn_icon" v-if="item.showText != '未签到'&&item.showText != '已签到'"
<view class="_label">{{item.showText}}</view> src="../../static/images/signIn_icon1.png" mode="">
<view class="radius"></view>
<view class="_label">{{item.showText}}</view>
</view> </view>
</view> </view>
<view class="tishi">连续签到7天即可获得7元奖励</view> <view class="tishi">连续签到7天即可获得7元奖励</view>
<!-- <view class="signInBtn" @click="goNav({jumpType: 0, id:15, buttonTitle: '去领取'})"> <!-- <view class="signInBtn" @click="goNav({jumpType: 0, id:15, buttonTitle: '去领取'})">
<view>{{signInBtn}}</view> <view>{{signInBtn}}</view>
<view class="signInBtnBg"></view> <view class="signInBtnBg"></view>
</view> --> </view> -->
</view> </view>
<view class="content margin-lr padding bg-white u-relative" v-if="list.length"> <view class="content margin-lr padding bg-white u-relative" v-if="list.length">
<view class="cell flex justify-between" v-for="(item,index) in list" :key="index" <view class="cell flex justify-between" v-for="(item,index) in list" :key="index"
v-if="(item.buttonUrl=='/me/invite/index'&&isShowMoneyPay)||item.buttonUrl!='/me/invite/index'" v-if="(item.buttonUrl=='/me/invite/index'&&isShowMoneyPay)||item.buttonUrl!='/me/invite/index'">
>
<view class="cell_left flex"> <view class="cell_left flex">
<view class="cell_title flex"> <view class="cell_title flex">
<view class="u-font-28 text-bold title" :style="{alignSelf: item.rewardImg?'center':'flex-start'}">{{ item.title}}</view> <view class="u-font-28 text-bold title"
:style="{alignSelf: item.rewardImg?'center':'flex-start'}">{{ item.title}}</view>
<u-image v-if="item.rewardImg" class="cell_icon" :src="item.rewardImg "></u-image> <u-image v-if="item.rewardImg" class="cell_icon" :src="item.rewardImg "></u-image>
<view class="u-font-24 tip">{{ item.rewardDetail }}</view> <view class="u-font-24 tip">{{ item.rewardDetail }}</view>
</view> </view>
<view class="subhead u-font-24">{{ item.detail }}</view> <view class="subhead u-font-24">{{ item.detail }}</view>
</view> </view>
<view class="cell_right flex"> <view class="cell_right flex">
<view v-if=" item.disabled " class="btn u-font-24 text-bold" :style="{backgroundColor: item.buttonBgColor,color: item.buttonFontColor }" @click="goNav(item)">{{ item.type == 1 ? item.buttonTitle : item.number ? `${item.discNumber}/${item.number}` : ( item.discNumber <= 0 ? item.buttonTitle : `剩余${item.discNumber}次`) }}</view> <view v-if=" item.disabled " class="btn u-font-24 text-bold"
<view v-else class="btn u-font-24 text-bold disabled">{{ item.type == 1 ? item.buttonTitle : item.number ? `${item.discNumber}/${item.number}` : ( item.discNumber <= 0 ? item.buttonTitle : `剩余${item.discNumber}次`) }}</view> :style="{backgroundColor: item.buttonBgColor,color: item.buttonFontColor }"
@click="goNav(item)">
{{ item.type == 1 ? item.buttonTitle : item.number ? `${item.discNumber}/${item.number}` : ( item.discNumber <= 0 ? item.buttonTitle : `剩余${item.discNumber}次`) }}
</view>
<view v-else class="btn u-font-24 text-bold disabled">
{{ item.type == 1 ? item.buttonTitle : item.number ? `${item.discNumber}/${item.number}` : ( item.discNumber <= 0 ? item.buttonTitle : `剩余${item.discNumber}次`) }}
</view>
<!-- <view v-else class="btn u-font-24 text-bold" @click="goNav(item)">{{ item.buttonTitle }}</view> --> <!-- <view v-else class="btn u-font-24 text-bold" @click="goNav(item)">{{ item.buttonTitle }}</view> -->
<view v-if=" item.buttonUnderContent && item.buttonUnderUrl " class="u-font-22 tip" @click="goNav({buttonUrl: item.buttonUnderUrl, jumpType: 1,title: item.title})">{{ item.buttonUnderContent}}</view> <view v-if=" item.buttonUnderContent && item.buttonUnderUrl " class="u-font-22 tip"
@click="goNav({buttonUrl: item.buttonUnderUrl, jumpType: 1,title: item.title})">
{{ item.buttonUnderContent}}
</view>
</view> </view>
</view> </view>
<!-- 激励视频广告 -->
<ad-rewarded-video ref="adRewardedVideo" adpid="1531580352" :preload="false" :loadnext="false"
:disabled="true" v-slot:default="{loading, error}" @load="onadload" @close="onadclose"
@error="onaderror">
<view class="ad-error" v-if="error">{{error}}</view>
</ad-rewarded-video>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
title: '', title: '',
@ -83,20 +100,34 @@
backgroundImage: 'linear-gradient(to right, #FFE5EA 0%, #E4F5FB 49%, #FFF0EE 100%)' backgroundImage: 'linear-gradient(to right, #FFE5EA 0%, #E4F5FB 49%, #FFF0EE 100%)'
}, },
list: [], list: [],
checked:false, checked: false,
signDays: 0, signDays: 0,
signInList: [ signInList: [{
{ name: '第一天' }, name: '第一天'
{ name: '第二天' }, },
{ name: '第三天' }, {
{ name: '第四天' }, name: '第二天'
{ name: '第五天' }, },
{ name: '第六天' }, {
{ name: '第七天' }, name: '第三天'
},
{
name: '第四天'
},
{
name: '第五天'
},
{
name: '第六天'
},
{
name: '第七天'
},
], ],
signInBtn: '点击签到', signInBtn: '点击签到',
isShowMoneyPay: true, isShowMoneyPay: true,
isIos: false, isIos: false,
isLoading: false
} }
}, },
onShow() { onShow() {
@ -112,15 +143,51 @@
} }
}); });
}, },
async onReady() {
this.isLoading = true;
// 首次加载广告
setTimeout(() => {
this.$refs.adRewardedVideo.load();
}, 1000)
},
methods: { methods: {
showAd() {
if (this.isLoading) {
return
}
this.$refs.adRewardedVideo.show();
},
onadload(e) {
this.isLoading = false;
console.log('广告数据加载成功');
},
async onadclose(e) {
const detail = e.detail
if (detail && detail.isEnded) {
// 正常播放结束
// /sqx_fast/app/ad/state
let res = this.$Request.getT('app/ad/state', {
extraKey: 1
})
console.log(res)
} else {
// 播放中途退出
}
//this.isLoading = true;
//this.$refs.adRewardedVideo.load();
},
onaderror(e) {
// 广告加载失败
this.isLoading = false;
},
getsignIn() { getsignIn() {
this.$Request.getT('app/userSignRecord/getUserSignData', {}).then(res => { this.$Request.getT('app/userSignRecord/getUserSignData', {}).then(res => {
if (res.code == 0 ) { if (res.code == 0) {
this.signInList = res.data.recordList this.signInList = res.data.recordList
this.signDays = res.data.signDays this.signDays = res.data.signDays
this.signInList.map((item,index)=>{ this.signInList.map((item, index) => {
if (item.showText == '待签到'&&index>0) { if (item.showText == '待签到' && index > 0) {
this.signInBtn = this.signInList[index-1].status == 0 ? '重新签到' : '点击签到' this.signInBtn = this.signInList[index - 1].status == 0 ? '重新签到' : '点击签到'
} }
let someDate = new Date(item.signDay); // 假设这是需要判断的日期 let someDate = new Date(item.signDay); // 假设这是需要判断的日期
if (item.signDate && this.isToday(someDate)) { if (item.signDate && this.isToday(someDate)) {
@ -135,54 +202,56 @@
} }
}) })
}, },
isToday (date) { isToday(date) {
const today = new Date(); const today = new Date();
return date.getDate() === today.getDate() // 比较日期 return date.getDate() === today.getDate() // 比较日期
&& date.getMonth() === today.getMonth() // 比较月份 &&
&& date.getFullYear() === today.getFullYear(); // 比较年份 date.getMonth() === today.getMonth() // 比较月份
&&
date.getFullYear() === today.getFullYear(); // 比较年份
}, },
/** /**
* 跳转 * 跳转
* @param {Object} item * @param {Object} item
*/ */
goNav( item ) { goNav(item) {
// jumpType (integer, optional): 跳转类型 1 内部路径 2 外部路径 , // jumpType (integer, optional): 跳转类型 1 内部路径 2 外部路径 ,
// type (integer, optional): 任务类型 1 普通任务 2 打卡任务 9 其它 , // type (integer, optional): 任务类型 1 普通任务 2 打卡任务 9 其它 ,
// buttonUrl // buttonUrl
console.log(item) console.log(item)
if ( item.jumpType == 0) { if (item.jumpType == 0) {
if ( item.buttonTitle.indexOf("领取") != -1) { if (item.buttonTitle.indexOf("领取") != -1) {
this.taskReceive(item.id) this.taskReceive(item.id)
} else { } else {
uni.switchTab({ uni.switchTab({
url: "/pages/index/index" url: "/pages/index/index"
}) })
} }
} else if ( item.jumpType == 1) { } else if (item.jumpType == 1) {
let source,buttonUrl; let source, buttonUrl;
buttonUrl = item.buttonUrl buttonUrl = item.buttonUrl
if ( item.title && item.title.indexOf('每周') != -1 ) { if (item.title && item.title.indexOf('每周') != -1) {
source = 2 source = 2
buttonUrl = item.buttonUrl+'?source='+source buttonUrl = item.buttonUrl + '?source=' + source
} }
if ( item.title && item.title.indexOf('每月') != -1 ) { if (item.title && item.title.indexOf('每月') != -1) {
source = 3 source = 3
buttonUrl = item.buttonUrl+'?source='+source buttonUrl = item.buttonUrl + '?source=' + source
} }
console.log(buttonUrl) console.log(buttonUrl)
uni.navigateTo({ uni.navigateTo({
url: buttonUrl url: buttonUrl
}) })
} else if( item.jumpType == 3) { } else if (item.jumpType == 3) {
uni.switchTab({ uni.switchTab({
url: item.buttonUrl url: item.buttonUrl
}) })
} else if( item.jumpType == 2) { } else if (item.jumpType == 2) {
plus.runtime.openURL(item.buttonUrl) plus.runtime.openURL(item.buttonUrl)
} }
}, },
/** /**
* 领取 * 领取
*/ */
@ -191,15 +260,15 @@
id: id id: id
} }
this.$Request.getT('app/taskCenter/taskReceive', data).then(res => { this.$Request.getT('app/taskCenter/taskReceive', data).then(res => {
if (res.code == 0 ) { if (res.code == 0) {
uni.showToast({ uni.showToast({
title: id==15?'签到成功':'领取成功', title: id == 15 ? '签到成功' : '领取成功',
icon: 'none' icon: 'none'
}) })
setTimeout(()=>{ setTimeout(() => {
this.getTaskdata() this.getTaskdata()
this.getsignIn() this.getsignIn()
},1000) }, 1000)
} else { } else {
uni.switchTab({ uni.switchTab({
url: "/pages/index/index" url: "/pages/index/index"
@ -207,20 +276,20 @@
} }
}) })
}, },
/** /**
* 获取任务列表 * 获取任务列表
*/ */
getTaskdata() { getTaskdata() {
this.$Request.getT('app/taskCenter/selectTaskCenter', {}).then(res => { this.$Request.getT('app/taskCenter/selectTaskCenter', {}).then(res => {
if (res.code == 0 ) { if (res.code == 0) {
this.list = res.data this.list = res.data
} }
uni.stopPullDownRefresh(); uni.stopPullDownRefresh();
}) })
}, },
/** /**
* 下拉加载 * 下拉加载
*/ */
@ -228,38 +297,42 @@
console.log(2) console.log(2)
this.getTaskdata(); this.getTaskdata();
}, },
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.container{ .container {
width: 100%; width: 100%;
background-color: #F3F4F8;
.task_bg{ .task_bg {
width: 100%!important; width: 100% !important;
height: 494rpx!important; height: 494rpx !important;
} }
.icon{
.icon_title{ .icon {
.icon_title {
color: #000000; color: #000000;
margin-left: 28rpx; margin-left: 28rpx;
top: -20rpx; top: -20rpx;
} }
.task_icon1{
width: 74rpx!important; .task_icon1 {
height: 78rpx!important; width: 74rpx !important;
height: 78rpx !important;
margin-left: 235rpx; margin-left: 235rpx;
} }
.task_icon2{
width: 126rpx!important; .task_icon2 {
height: 120rpx!important; width: 126rpx !important;
height: 120rpx !important;
top: -40rpx; top: -40rpx;
} }
} }
.navTitle{
.navTitle {
width: 100%; width: 100%;
position: relative; position: relative;
z-index: 9; z-index: 9;
@ -267,56 +340,67 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 106rpx 28rpx 0 28rpx; padding: 106rpx 28rpx 0 28rpx;
.title{
.title {
font-weight: bold; font-weight: bold;
font-size: 40rpx; font-size: 40rpx;
color: #000000; color: #000000;
} }
.navTitleIcon{
width: 40.48rpx!important; .navTitleIcon {
height: 46rpx!important; width: 40.48rpx !important;
height: 46rpx !important;
align-self: flex-end; align-self: flex-end;
} }
} }
.content{
.content {
border-radius: 16rpx; border-radius: 16rpx;
top: -115rpx; top: -115rpx;
padding: 28rpx; padding: 28rpx;
.cell{ .cell {
align-items: center; align-items: center;
padding: 32rpx 0; padding: 32rpx 0;
border-bottom: 2rpx solid #EBEBEB; border-bottom: 2rpx solid #EBEBEB;
.cell_left{
.cell_left {
flex-direction: column; flex-direction: column;
.cell_title{
.cell_title {
align-items: center; align-items: center;
margin-bottom: 12rpx; margin-bottom: 12rpx;
color: #333; color: #333;
.title{
.title {
flex-shrink: 0; flex-shrink: 0;
} }
.cell_icon{
width: 34rpx!important; .cell_icon {
height: 34rpx!important; width: 34rpx !important;
height: 34rpx !important;
margin-left: 16rpx; margin-left: 16rpx;
} }
.tip{
.tip {
margin-left: 22rpx; margin-left: 22rpx;
color: #FC5B67; color: #FC5B67;
} }
} }
.subhead{
.subhead {
color: #999; color: #999;
} }
} }
.cell_right{
.cell_right {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
margin-left: 20rpx; margin-left: 20rpx;
.btn{
.btn {
width: 148rpx; width: 148rpx;
height: 56rpx; height: 56rpx;
line-height: 56rpx; line-height: 56rpx;
@ -325,49 +409,58 @@
color: #FFFFFF; color: #FFFFFF;
border-radius: 12rpx 12rpx 12rpx 12rpx; border-radius: 12rpx 12rpx 12rpx 12rpx;
} }
.tip{
.tip {
color: #EC6F48; color: #EC6F48;
height: 44rpx; height: 44rpx;
line-height: 44rpx; line-height: 44rpx;
margin-top: 5rpx; margin-top: 5rpx;
} }
.opt{
.opt {
color: #D39B7E; color: #D39B7E;
background-color: #FBF3EB; background-color: #FBF3EB;
} }
.disabled{
.disabled {
color: #999999; color: #999999;
background-color: #E2E2E2; background-color: #E2E2E2;
} }
} }
} }
.cell:last-child{
.cell:last-child {
border-bottom: none; border-bottom: none;
} }
} }
.signIn{
>.title{ .signIn {
>.title {
font-weight: 400; font-weight: 400;
font-size: 32rpx; font-size: 32rpx;
color: #666666; color: #666666;
.num{
.num {
font-weight: bold; font-weight: bold;
color: #EC6F48; color: #EC6F48;
margin: 0 10rpx; margin: 0 10rpx;
} }
.dk{
.dk {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #333333; color: #333333;
align-items: center; align-items: center;
} }
} }
.signInList{
.signInList {
margin-top: 24rpx; margin-top: 24rpx;
margin-bottom: 26rpx; margin-bottom: 26rpx;
position: relative; position: relative;
.line{
.line {
width: 92%; width: 92%;
height: 0rpx; height: 0rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
@ -378,46 +471,53 @@
bottom: 57rpx; bottom: 57rpx;
margin: auto; margin: auto;
} }
.signIn-Item{
.signIn-Item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: relative; position: relative;
z-index: 5; z-index: 5;
.signIn_icon{
.signIn_icon {
width: 52.33rpx; width: 52.33rpx;
height: 51.68rpx; height: 51.68rpx;
margin-bottom: 32rpx; margin-bottom: 32rpx;
} }
.radius{
.radius {
width: 26rpx; width: 26rpx;
height: 26rpx; height: 26rpx;
border-radius: 10rpx; border-radius: 10rpx;
background-color: #D8D5D5; background-color: #D8D5D5;
} }
._label{
._label {
font-weight: 400; font-weight: 400;
font-size: 18rpx; font-size: 18rpx;
color: #333333; color: #333333;
margin-top: 24rpx; margin-top: 24rpx;
} }
} }
.signIn-Item.active{
.radius{ .signIn-Item.active {
.radius {
background-color: #EA9EA8; background-color: #EA9EA8;
} }
} }
} }
.tishi{
.tishi {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
font-size: 20rpx; font-size: 20rpx;
color: #7F7F7F; color: #7F7F7F;
} }
.signInBtn{
.signInBtn {
width: 355rpx; width: 355rpx;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
@ -428,13 +528,14 @@
background: #EA9EA8; background: #EA9EA8;
border-radius: 14rpx 14rpx 14rpx 14rpx; border-radius: 14rpx 14rpx 14rpx 14rpx;
margin: 32rpx auto; margin: 32rpx auto;
box-shadow: 0 0 0 rgba(234,158,168,0.75); box-shadow: 0 0 0 rgba(234, 158, 168, 0.75);
position: relative; position: relative;
} }
.signInBtnBg{
.signInBtnBg {
width: 327rpx; width: 327rpx;
height: 52rpx; height: 52rpx;
background: rgba(234,158,168,0.75); background: rgba(234, 158, 168, 0.75);
border-radius: 14rpx 14rpx 14rpx 14rpx; border-radius: 14rpx 14rpx 14rpx 14rpx;
opacity: 0.31; opacity: 0.31;
position: absolute; position: absolute;
@ -445,6 +546,4 @@
} }
} }
} }
</style> </style>