TmOct5/dtx_store
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

视频广告顶部关闭声音页面处理，处理拼别人团再看看跳转等细节

Browse Source
This commit is contained in:
张冬雪
2022-09-23 12:45:36 +08:00
parent 6c21c2193c
commit c20f6cd005
6 changed files with 240 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/life/life.vue
View File

@@ -83,7 +83,7 @@
<view class="both-item team" @click="onToast('正在努力开发中，耐心等待~')">
<view class="team-content">
<view class="team-title">奖励任务</view>
<view class="team-subtitle">完成任务可获DT积分/奖励</view>
<view class="team-subtitle">完成任务可获DT积分/商品</view>
</view>
<image src="../../static/img/text_back.jpg" mode="aspectFill"></image>
</view>

76
pages/mission/videoPlay/videoPlay.vue
View File

@@ -1,8 +1,20 @@
<template>
<view class="videoContainer">
<!-- @timeupdate='timeupdate' -->
<video v-if="src!=''" class="video" :controls='false' :src="src" autoplay loop direction='0' :muted='muted' />
<cover-view class="currentDown">倒计时</cover-view>
<view class="currentDownFixed">
<view class="currentDown">
<view class="currentDownItem">
<view>视频</view>
<view class="line"> </view>
<view>{{duration>0?duration+'秒后':''}}可获得奖励</view>
</view>
<view class="currentDownItem">
<u-icon :name="muted?'volume-off':'volume'" color='#fff' @click='muted =! muted' />
<view class="line"> </view>
<view> 关闭</view>
</view>
</view>
</view>
<video v-if="src!=''" @timeupdate='timeupdate' class="video" :src="src" :controls='false' autoplay direction='0' :muted='muted' />
</view>
</template>
@@ -34,12 +46,9 @@
})
},
methods: {
// timeupdate(e){
// this.duration = e.detail.duration - e.detail.currentTime - 4
// if(this.duration == 0){
// uni.navigateBack()
// }
// }
timeupdate(e) {
this.duration = parseInt(e.detail.duration - e.detail.currentTime)
}
},
}
</script>
@@ -48,24 +57,53 @@
.videoContainer {
width: 100vw;
height: 100vh;
background-color: pink;
background-color: #000;
position: relative;
@extend .ios-top;
.video {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
height: calc(100% - 200rpx);
}
.currentDown {
position: fixed;
z-index: 2;
right: $margin;
.currentDownFixed {
width: 100%;
background-color: #000;
color: #fff;
font-size: 28rpx;
height: 160rpx;
padding: var(--status-bar-height) $padding $padding - 10 $padding;
box-sizing: border-box;
.currentDown {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding-top: 20rpx;
.currentDownItem {
position: relative;
z-index: 3;
border: solid 1rpx rgba(255, 255, 255, 0.2);
border-radius: 50rpx;
padding: 14rpx $padding+4;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
box-sizing: border-box;
.line {
width: 2rpx;
height: 30rpx;
background-color: rgba(255, 255, 255, 0.3);
margin: 0 20rpx;
}
}
}
}
}
</style>

6
pages/pay/pay.vue
View File

@@ -201,9 +201,9 @@
url:'/pages/group-book/list/list'
})
} if(res.cancel){
uni.navigateTo({
url:'/pages/store/index'
})
uni.navigateBack({
delta:2
});
}
}
})

2
unpackage/debug/.roid.ins
View File

@@ -1 +1 @@
forceInstall
installed

110
unpackage/dist/dev/app-plus/app-service.js vendored
View File

File diff suppressed because one or more lines are too long

97
unpackage/dist/dev/app-plus/app-view.js vendored
View File

@@ -1856,7 +1856,7 @@ var render = function() {
_c(
"uni-view",
{ staticClass: _vm._$g(45, "sc"), attrs: { _i: 45 } },
[_vm._v("完成任务可获DT积分/奖励")]
[_vm._v("完成任务可获DT积分/商品")]
)
],
1
@@ -37141,6 +37141,27 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; });
var components
try {
components = {
uIcon: __webpack_require__(/*! uview-ui/components/u-icon/u-icon.vue */ 80).default
}
} catch (e) {
if (
e.message.indexOf("Cannot find module") !== -1 &&
e.message.indexOf(".vue") !== -1
) {
console.error(e.message)
console.error("1. 排查组件名称拼写是否正确")
console.error(
"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom"
)
console.error(
"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件"
)
} else {
throw e
}
}
var render = function() {
var _vm = this
var _h = _vm.$createElement
@@ -37149,25 +37170,73 @@ var render = function() {
"uni-view",
{ staticClass: _vm._$g(0, "sc"), attrs: { _i: 0 } },
[
_vm._$g(1, "i")
_c(
"uni-view",
{ staticClass: _vm._$g(1, "sc"), attrs: { _i: 1 } },
[
_c(
"uni-view",
{ staticClass: _vm._$g(2, "sc"), attrs: { _i: 2 } },
[
_c(
"uni-view",
{ staticClass: _vm._$g(3, "sc"), attrs: { _i: 3 } },
[
_c("uni-view", { attrs: { _i: 4 } }, [_vm._v("视频")]),
_c("uni-view", {
staticClass: _vm._$g(5, "sc"),
attrs: { _i: 5 }
}),
_c("uni-view", { attrs: { _i: 6 } }, [
_vm._v(_vm._$g(6, "t0-0") + "可获得奖励")
])
],
1
),
_c(
"uni-view",
{ staticClass: _vm._$g(7, "sc"), attrs: { _i: 7 } },
[
_c("u-icon", {
attrs: { _i: 8 },
on: {
click: function($event) {
return _vm.$handleViewEvent($event)
}
}
}),
_c("uni-view", {
staticClass: _vm._$g(9, "sc"),
attrs: { _i: 9 }
}),
_c("uni-view", { attrs: { _i: 10 } }, [_vm._v("关闭")])
],
1
)
],
1
)
],
1
),
_vm._$g(11, "i")
? _c("v-uni-video", {
staticClass: _vm._$g(1, "sc"),
staticClass: _vm._$g(11, "sc"),
attrs: {
src: _vm._$g(11, "a-src"),
controls: false,
src: _vm._$g(1, "a-src"),
autoplay: true,
loop: true,
direction: "0",
muted: _vm._$g(1, "a-muted"),
_i: 1
muted: _vm._$g(11, "a-muted"),
_i: 11
},
on: {
timeupdate: function($event) {
return _vm.$handleViewEvent($event)
}
}
})
: _vm._e(),
_c(
"v-uni-cover-view",
{ staticClass: _vm._$g(2, "sc"), attrs: { _i: 2 } },
[_vm._v("倒计时")]
)
: _vm._e()
],
1
)
@@ -37260,7 +37329,7 @@ if(false) {}
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/runtime/api.js */ 10);
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
exports.push([module.i, "@charset \"UTF-8\";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/**\n * Web唐明明\n * 匆匆数载恍如梦，岁月迢迢华发增。\n * 碌碌无为枉半生，一朝惊醒万事空。\n */\n.ios-bottom {\n padding-bottom: env(safe-area-inset-bottom);\n padding-bottom: constant(safe-area-inset-bottom);\n}\n.ios-left {\n padding-left: env(safe-area-inset-left);\n padding-left: constant(safe-area-inset-left);\n}\n.ios-right {\n padding-right: env(safe-area-inset-right);\n padding-right: constant(safe-area-inset-right);\n}\n.ios-top, .videoContainer {\n padding-top: var(--status-bar-height);\n}\n.vertical {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-box-pack: center;\n}\n.nowrap {\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.ellipsis {\n max-width: 100%;\n display: -webkit-box;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n/* 颜色变量 */\n/* 行为相关颜色 */\n/* 文字基本颜色 */\n/* 背景颜色 */\n/* 边框颜色 */\n/* 尺寸变量 */\n/* 文字尺寸 */\n/* 图片尺寸 */\n/* Border Radius */\n/* 水平间距 */\n/* 垂直间距 */\n/* 透明度 */\n/* 文章场景相关 */\n.videoContainer {\n width: 100vw;\n height: 100vh;\n background-color: pink;\n position: relative;\n}\n.videoContainer .video {\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 1;\n top: 0;\n}\n.videoContainer .currentDown {\n position: fixed;\n z-index: 2;\n right: 30rpx;\n background-color: #000;\n color: #fff;\n}\n", ""]);
exports.push([module.i, "@charset \"UTF-8\";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/**\n * Web唐明明\n * 匆匆数载恍如梦，岁月迢迢华发增。\n * 碌碌无为枉半生，一朝惊醒万事空。\n */\n.ios-bottom {\n padding-bottom: env(safe-area-inset-bottom);\n padding-bottom: constant(safe-area-inset-bottom);\n}\n.ios-left {\n padding-left: env(safe-area-inset-left);\n padding-left: constant(safe-area-inset-left);\n}\n.ios-right {\n padding-right: env(safe-area-inset-right);\n padding-right: constant(safe-area-inset-right);\n}\n.ios-top {\n padding-top: var(--status-bar-height);\n}\n.vertical {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-box-pack: center;\n}\n.nowrap {\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.ellipsis {\n max-width: 100%;\n display: -webkit-box;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n/* 颜色变量 */\n/* 行为相关颜色 */\n/* 文字基本颜色 */\n/* 背景颜色 */\n/* 边框颜色 */\n/* 尺寸变量 */\n/* 文字尺寸 */\n/* 图片尺寸 */\n/* Border Radius */\n/* 水平间距 */\n/* 垂直间距 */\n/* 透明度 */\n/* 文章场景相关 */\n.videoContainer {\n width: 100vw;\n height: 100vh;\n background-color: #000;\n position: relative;\n}\n.videoContainer .video {\n width: 100%;\n height: calc(100% - 200rpx);\n}\n.videoContainer .currentDownFixed {\n width: 100%;\n background-color: #000;\n color: #fff;\n font-size: 28rpx;\n height: 160rpx;\n padding: var(--status-bar-height) 30rpx 20rpx 30rpx;\n box-sizing: border-box;\n}\n.videoContainer .currentDownFixed .currentDown {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n padding-top: 20rpx;\n}\n.videoContainer .currentDownFixed .currentDown .currentDownItem {\n position: relative;\n z-index: 3;\n border: solid 1rpx rgba(255, 255, 255, 0.2);\n border-radius: 50rpx;\n padding: 14rpx 34rpx;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.videoContainer .currentDownFixed .currentDown .currentDownItem .line {\n width: 2rpx;\n height: 30rpx;\n background-color: rgba(255, 255, 255, 0.3);\n margin: 0 20rpx;\n}\n", ""]);
// Exports
module.exports = exports;