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

新增禁用弹窗

Browse Source
This commit is contained in:
gyq
2025-05-24 18:16:56 +08:00
parent 64f8618802
commit 85d0f092c0
10 changed files with 1615 additions and 1484 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.hbuilderx/launch.json
View File

@@ -2,7 +2,7 @@
"version" : "1.0", "version" : "1.0",
"configurations" : [ "configurations" : [
{ {
"playground" : "custom", "playground" : "standard",
"type" : "uni-app:app-android" "type" : "uni-app:app-android"
}, },
{ {

4
commons/config.js
View File

@@ -1,5 +1,5 @@
//打包时修改env的值即可 //打包时修改env的值即可
const env = 'production' //test , production,local const env = 'test' //test,production,local
export const encryptKey = '1234567890123456' // http数据加解密的key export const encryptKey = '1234567890123456' // http数据加解密的key
@@ -7,7 +7,7 @@ export const apiUrl = '/czg/'
export const h5Config = { export const h5Config = {
production: 'https://web.hnsiyao.cn', production: 'https://web.hnsiyao.cn',
test: 'https://web-api.hnsiyao.cn', test: 'https://web-api.hnsiyao.cn',
local: 'http://192.168.1.41:8100' local: 'http://192.168.1.21:8100'
} }
export const AppConfig = { export const AppConfig = {

69
components/disable-mask/disable-mask.vue Normal file
View File

@@ -0,0 +1,69 @@
<template>
<view class="container">
<view class="dialog">
<view class="title">
<text class="t">风险提示</text>
</view>
<view class="content">
<text class="t">您的账号暂不可用，详情请联系客服</text>
</view>
<view class="footer">
<navigator class="btn" url="/pages/me/contact" style="height: 40px">
<text class="t">去联系客服</text>
</navigator>
</view>
</view>
</view>
</template>
<script></script>
<style scoped lang="scss">
.container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(3px);
display: flex;
align-items: center;
justify-content: center;
.dialog {
width: 90%;
background-color: #fff;
border-radius: 20upx;
.title {
height: 100upx;
display: flex;
align-items: center;
justify-content: center;
.t {
font-size: 32upx;
font-weight: bold;
}
}
.content {
padding: 0 50upx;
}
.footer {
padding: 80upx 28upx 28upx;
display: flex;
.btn {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #dd8591;
color: #fff;
border-radius: 12upx;
.t {
font-size: 28upx;
}
}
}
}
}
</style>

4
http/http.js
View File

@@ -61,6 +61,7 @@ function commonsProcess(showLoading, httpReqCallback, isreturm) {
if (isreturm) { if (isreturm) {
return Promise.resolve(bodyData); return Promise.resolve(bodyData);
} }
if (statusCode == 500) { if (statusCode == 500) {
isShowErrorToast = true; isShowErrorToast = true;
return Promise.reject(bodyData); // 跳转到catch函数 return Promise.reject(bodyData); // 跳转到catch函数
@@ -82,6 +83,9 @@ function commonsProcess(showLoading, httpReqCallback, isreturm) {
isShowErrorToast = true; isShowErrorToast = true;
return Promise.reject(bodyData); // 跳转到catch函数 return Promise.reject(bodyData); // 跳转到catch函数
} }
if (bodyData.code == 702) {
return Promise.reject(bodyData); // 跳转到catch函数
}
if (bodyData.code == 500) { if (bodyData.code == 500) {
// 提示信息 // 提示信息
isShowErrorToast = true; isShowErrorToast = true;

206
manifest.json
View File

@@ -1,43 +1,43 @@
{ {
"name" : "斯耀短剧", "name": "斯耀短剧",
"appid" : "__UNI__E0B05B1", "appid": "__UNI__E0B05B1",
"description" : "", "description": "",
"versionName" : "1.3.0", "versionName": "1.3.0",
"versionCode" : 130, "versionCode": 130,
"transformPx" : false, "transformPx": false,
/* 5+App特有相关 */ /* 5+App特有相关 */
"app-plus" : { "app-plus": {
"app" : { "app": {
"name" : "斯耀短剧1", "name": "斯耀短剧1",
"pkgName" : "com.hnsiyao.duanju" // 安卓包名 "pkgName": "com.hnsiyao.duanju" // 安卓包名
}, },
"ios" : { "ios": {
"name" : "顺享短剧2", "name": "顺享短剧2",
"app-category" : "public.app-category.utilities", "app-category": "public.app-category.utilities",
"bundleID" : "com.hnsiyao.duanju" // iOS bundle ID "bundleID": "com.hnsiyao.duanju" // iOS bundle ID
}, },
"usingComponents" : true, "usingComponents": true,
"nvueStyleCompiler" : "uni-app", "nvueStyleCompiler": "uni-app",
"compilerVersion" : 3, "compilerVersion": 3,
"splashscreen" : { "splashscreen": {
"alwaysShowBeforeRender" : true, "alwaysShowBeforeRender": true,
"waiting" : true, "waiting": true,
"autoclose" : true, "autoclose": true,
"delay" : 0 "delay": 0
}, },
/* 模块配置 */ /* 模块配置 */
"modules" : { "modules": {
"Camera" : {}, "Camera": {},
"Push" : {}, "Push": {},
"VideoPlayer" : {}, "VideoPlayer": {},
"Canvas" : "nvue canvas", //使用Canvas模块 "Canvas": "nvue canvas", //使用Canvas模块
"OAuth" : {} "OAuth": {}
}, },
/* 应用发布信息 */ /* 应用发布信息 */
"distribute" : { "distribute": {
/* android打包配置 */ /* android打包配置 */
"android" : { "android": {
"permissions" : [ "permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
@@ -54,103 +54,103 @@
"<uses-feature android:name=\"android.hardware.camera\"/>", "<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
], ],
"abiFilters" : [ "armeabi-v7a", "arm64-v8a", "x86" ], "abiFilters": ["armeabi-v7a", "arm64-v8a", "x86"],
"schemes" : "com.hnsiyao.duanju", "schemes": "com.hnsiyao.duanju",
"minSdkVersion" : 28, "minSdkVersion": 28,
"targetSdkVersion" : 33 "targetSdkVersion": 33
}, },
/* ios打包配置 */ /* ios打包配置 */
"ios" : { "ios": {
"privacyDescription" : { "privacyDescription": {
"NSPhotoLibraryUsageDescription" : "获取您的相册读取权限，目的是为了在我的资料页面使用相册读取功能，修改上传头像", "NSPhotoLibraryUsageDescription": "获取您的相册读取权限，目的是为了在我的资料页面使用相册读取功能，修改上传头像",
"NSCameraUsageDescription" : "获取您的摄像头权限，目的是为了在我的资料页面使用摄像头功能，修改上传头像" "NSCameraUsageDescription": "获取您的摄像头权限，目的是为了在我的资料页面使用摄像头功能，修改上传头像"
}, },
"urltypes" : "com.hnsiyao.duanju", "urltypes": "com.hnsiyao.duanju",
"dSYMs" : false "dSYMs": false
}, },
/* SDK配置 */ /* SDK配置 */
"sdkConfigs" : { "sdkConfigs": {
"push" : { "push": {
"unipush" : {} "unipush": {}
}, },
"ad" : { "ad": {
"ks" : {} "ks": {}
}, },
"oauth" : { "oauth": {
"weixin" : { "weixin": {
"appid" : "wx5001ff1af6c4781f", "appid": "wx5001ff1af6c4781f",
"UniversalLinks" : "" "UniversalLinks": ""
} }
} }
}, },
"abiFilters" : [ "armeabi-v7a", "arm64-v8a", "x86" ], "abiFilters": ["armeabi-v7a", "arm64-v8a", "x86"],
"minSdkVersion" : 28, "minSdkVersion": 28,
"targetSdkVersion" : 33, "targetSdkVersion": 33,
"schemes" : "com.hnsiyao.duanju", "schemes": "com.hnsiyao.duanju",
"icons" : { "icons": {
"android" : { "android": {
"hdpi" : "unpackage/res/icons/72x72.png", "hdpi": "unpackage/res/icons/72x72.png",
"xhdpi" : "unpackage/res/icons/96x96.png", "xhdpi": "unpackage/res/icons/96x96.png",
"xxhdpi" : "unpackage/res/icons/144x144.png", "xxhdpi": "unpackage/res/icons/144x144.png",
"xxxhdpi" : "unpackage/res/icons/192x192.png" "xxxhdpi": "unpackage/res/icons/192x192.png"
}, },
"ios" : { "ios": {
"appstore" : "unpackage/res/icons/1024x1024.png", "appstore": "unpackage/res/icons/1024x1024.png",
"ipad" : { "ipad": {
"app" : "unpackage/res/icons/76x76.png", "app": "unpackage/res/icons/76x76.png",
"app@2x" : "unpackage/res/icons/152x152.png", "app@2x": "unpackage/res/icons/152x152.png",
"notification" : "unpackage/res/icons/20x20.png", "notification": "unpackage/res/icons/20x20.png",
"notification@2x" : "unpackage/res/icons/40x40.png", "notification@2x": "unpackage/res/icons/40x40.png",
"proapp@2x" : "unpackage/res/icons/167x167.png", "proapp@2x": "unpackage/res/icons/167x167.png",
"settings" : "unpackage/res/icons/29x29.png", "settings": "unpackage/res/icons/29x29.png",
"settings@2x" : "unpackage/res/icons/58x58.png", "settings@2x": "unpackage/res/icons/58x58.png",
"spotlight" : "unpackage/res/icons/40x40.png", "spotlight": "unpackage/res/icons/40x40.png",
"spotlight@2x" : "unpackage/res/icons/80x80.png" "spotlight@2x": "unpackage/res/icons/80x80.png"
}, },
"iphone" : { "iphone": {
"app@2x" : "unpackage/res/icons/120x120.png", "app@2x": "unpackage/res/icons/120x120.png",
"app@3x" : "unpackage/res/icons/180x180.png", "app@3x": "unpackage/res/icons/180x180.png",
"notification@2x" : "unpackage/res/icons/40x40.png", "notification@2x": "unpackage/res/icons/40x40.png",
"notification@3x" : "unpackage/res/icons/60x60.png", "notification@3x": "unpackage/res/icons/60x60.png",
"settings@2x" : "unpackage/res/icons/58x58.png", "settings@2x": "unpackage/res/icons/58x58.png",
"settings@3x" : "unpackage/res/icons/87x87.png", "settings@3x": "unpackage/res/icons/87x87.png",
"spotlight@2x" : "unpackage/res/icons/80x80.png", "spotlight@2x": "unpackage/res/icons/80x80.png",
"spotlight@3x" : "unpackage/res/icons/120x120.png" "spotlight@3x": "unpackage/res/icons/120x120.png"
} }
} }
} }
} }
}, },
/* 快应用特有相关 */ /* 快应用特有相关 */
"quickapp" : {}, "quickapp": {},
/* 小程序特有相关 */ /* 小程序特有相关 */
"mp-weixin" : { "mp-weixin": {
"appid" : "", "appid": "",
"setting" : { "setting": {
"urlCheck" : false "urlCheck": false
}, },
"usingComponents" : true, "usingComponents": true,
"mergeVirtualHostAttributes" : true "mergeVirtualHostAttributes": true
}, },
"mp-alipay" : { "mp-alipay": {
"usingComponents" : true "usingComponents": true
}, },
"mp-baidu" : { "mp-baidu": {
"usingComponents" : true "usingComponents": true
}, },
"mp-toutiao" : { "mp-toutiao": {
"usingComponents" : true, "usingComponents": true,
"mergeVirtualHostAttributes" : true "mergeVirtualHostAttributes": true
}, },
"uniStatistics" : { "uniStatistics": {
"enable" : false "enable": false
}, },
"vueVersion" : "3", "vueVersion": "3",
"h5" : { "h5": {
"title" : "斯耀短剧", "title": "斯耀短剧",
"template" : "template.html", "template": "template.html",
"router" : { "router": {
"mode" : "history" "mode": "history"
} }
} }
} }

10
pages/chasingDrama/index.vue
View File

@@ -52,14 +52,17 @@
<emprty-card v-if="!data.list2.length" /> <emprty-card v-if="!data.list2.length" />
</view> </view>
</view> </view>
<disable-mask v-if="disableShow"></disable-mask>
</template> </template>
<script setup> <script setup>
import { reactive } from 'vue'; import { reactive, ref } from 'vue';
import { selectByUserId } from '@/api/me/me.js'; import { selectByUserId } from '@/api/me/me.js';
import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'; import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app';
import { linkTo } from '@/utils/app.js'; import { linkTo } from '@/utils/app.js';
const disableShow = ref(false);
// 获取数据 // 获取数据
async function selectByUserIdAjax() { async function selectByUserIdAjax() {
try { try {
@@ -69,6 +72,11 @@ async function selectByUserIdAjax() {
data.list2 = res2.records; data.list2 = res2.records;
} catch (error) { } catch (error) {
console.log(error); console.log(error);
if (error.code == 702) {
disableShow.value = true;
} else {
disableShow.value = false;
}
} }
setTimeout(() => { setTimeout(() => {
uni.stopPullDownRefresh(); uni.stopPullDownRefresh();

393
pages/index/index.vue
View File

@@ -1,7 +1,6 @@
<template> <template>
<view class="indexStyle"> <view class="indexStyle">
<image src="@/static/index/indexbh.png" mode=""> <image src="@/static/index/indexbh.png" mode=""></image>
</image>
<view class="indexStyleTwo"> <view class="indexStyleTwo">
<image src="@/static/logo.png" mode=""></image> <image src="@/static/logo.png" mode=""></image>
<!-- <view @tap="moreVideo"> <!-- <view @tap="moreVideo">
@@ -12,54 +11,62 @@
<template v-if="datas.isExamine"> <template v-if="datas.isExamine">
<view class="gongao"> <view class="gongao">
<view class="gongaoicon"> <view class="gongaoicon">公告</view>
公告 <swiper :autoplay="true" :vertical="true" :interval="4000" :circular="true" :indicator-dots="false" class="swiperstyle">
</view>
<swiper :autoplay="true" :vertical="true" :interval="4000" :circular="true" :indicator-dots="false"
class="swiperstyle">
<swiper-item v-for="(item, index) in datas.noticeList" :key="index"> <swiper-item v-for="(item, index) in datas.noticeList" :key="index">
<view style="height: 80rpx;line-height: 80rpx;font-size: 14px;">{{ item.title }}</view> <view style="height: 80rpx; line-height: 80rpx; font-size: 14px">{{ item.title }}</view>
</swiper-item> </swiper-item>
</swiper> </swiper>
</view> </view>
</template> </template>
</view> </view>
<view class="navTop"> <view class="navTop">
<view :class="datas.active == 1 ? 'navTop-active' : ''" @tap="getrecomVideo('', 1)"> <view :class="datas.active == 1 ? 'navTop-active' : ''" @tap="getrecomVideo('', 1)">最新</view>
最新 <view :class="datas.active == 2 ? 'navTop-active' : ''" @tap="getrecomVideo('1', 2)">排行</view>
<view :class="datas.active == 3 ? 'navTop-active' : ''" @tap="getrecomVideo('2', 3)">最热</view>
<view :class="datas.active == 4 ? 'navTop-active' : ''" @tap="getrecomVideo('1', 4)">剧情</view>
<view :class="datas.active == 5 ? 'navTop-active' : ''" @tap="getrecomVideo('2', 5)">飙升</view>
</view> </view>
<view :class="datas.active == 2 ? 'navTop-active' : ''" @tap="getrecomVideo('1', 2)"> <contentlist :list="datas.list"></contentlist>
排行 <image
</view> v-if="datas.isExamine"
<view :class="datas.active == 3 ? 'navTop-active' : ''" @tap="getrecomVideo('2', 3)"> @click="goMsg()"
最热 src="@/static/index/red-pack-new.gif"
</view> style="width: 200rpx; height: 200rpx; position: fixed; right: 10rpx; bottom: 180rpx"
<view :class="datas.active == 4 ? 'navTop-active' : ''" @tap="getrecomVideo('1', 4)"> mode=""
剧情 ></image>
</view> <up-modal
<view :class="datas.active == 5 ? 'navTop-active' : ''" @tap="getrecomVideo('2', 5)"> :show="datas.version.show"
飙升 :confirm-text="datas.version.confirmText"
</view> :showCancelButton="datas.version.cancelText != ''"
</view> @cancel="cancelUpdateVersion"
<contentlist :list='datas.list'></contentlist> @confirm="confirmUpdateVersion"
<image v-if="datas.isExamine" @click="goMsg()" src="@/static/index/red-pack-new.gif" :title="datas.version.title"
style="width: 200rpx;height: 200rpx;position: fixed;right: 10rpx;bottom: 180rpx;" mode=""></image> :title-style="{ fontWeight: '700' }"
<up-modal :show="datas.version.show" :confirm-text="datas.version.confirmText" confirm-color="rgb(255, 117, 129)"
:showCancelButton="datas.version.cancelText!=''" @cancel="cancelUpdateVersion" @confirm='confirmUpdateVersion' >
:title="datas.version.title" :title-style="{ fontWeight: '700' }" confirm-color="rgb(255, 117, 129)"> <view class="" style="padding-top: 30rpx; text-align: left">
<view class="" style="padding-top: 30rpx;text-align: left;"> <scroll-view scroll-y="true" style="max-height: 50vh">
<scroll-view scroll-y="true" style="max-height: 50vh;">
<!-- <rich-text style="color:#666" :nodes="datas.version.content"></rich-text> --> <!-- <rich-text style="color:#666" :nodes="datas.version.content"></rich-text> -->
<view style="text-align: justify;font-size: 18px;color: #666;" v-html="datas.version.content"></view> <view style="text-align: justify; font-size: 18px; color: #666" v-html="datas.version.content"></view>
</scroll-view> </scroll-view>
</view> </view>
</up-modal> </up-modal>
<!-- h5关闭通知 --> <!-- h5关闭通知 -->
<!-- #ifdef H5 --> <!-- #ifdef H5 -->
<up-modal :show="datas.stopShow" cancel-text="知道了" show-cancel-button confirm-text="去下载" title="重要通知" <up-modal
@cancel="stopCancel" :title="datas.rule_title" :title-style="{fontWeight:'700'}" @confirm="stopConfirm" :show="datas.stopShow"
confirm-color="rgb(255, 117, 129)"> cancel-text="知道了"
show-cancel-button
confirm-text="去下载"
title="重要通知"
@cancel="stopCancel"
:title="datas.rule_title"
:title-style="{ fontWeight: '700' }"
@confirm="stopConfirm"
confirm-color="rgb(255, 117, 129)"
>
<view class="color-red u-text-left"> <view class="color-red u-text-left">
<text>2025年2月8日将关闭网页访问，请及时下载最新APP</text> <text>2025年2月8日将关闭网页访问，请及时下载最新APP</text>
</view> </view>
@@ -67,52 +74,32 @@
<!-- #endif --> <!-- #endif -->
<!-- 公告弹窗 --> <!-- 公告弹窗 -->
<up-modal :show="datas.stopShows&&datas.isExamine" :showConfirmButton="true" title="公告" @confirm="confirmEvent "> <up-modal :show="datas.stopShows && datas.isExamine" :showConfirmButton="true" title="公告" @confirm="confirmEvent">
<view class="color-red u-text-left"> <view class="color-red u-text-left">
<view style="text-align: justify;font-size: 18px;color: #666;" <view style="text-align: justify; font-size: 18px; color: #666" v-html="datas.noticeList[datas.cloneNum].title"></view>
v-html="datas.noticeList[datas.cloneNum].title"></view>
</view> </view>
</up-modal> </up-modal>
<!-- #ifdef APP --> <!-- #ifdef APP -->
<!-- #endif --> <!-- #endif -->
<disable-mask v-if="disableMaskVisable"></disable-mask>
</template> </template>
<script setup> <script setup>
import { import { reactive, nextTick, ref } from 'vue';
reactive, import { announcement, messageselectMessage, courseselectCourse } from '@/api/index/index.js';
nextTick import { onLoad, onReady, onReachBottom, onShow } from '@dcloudio/uni-app';
} from 'vue'; import contentlist from './components/contentlist.vue';
import { import { selectNewApp } from '@/api/user/user.js';
announcement, import config from '@/commons/config.js';
messageselectMessage, import { linkTo } from '@/utils/app.js';
courseselectCourse import { useCommonStore } from '@/store/common.js';
} from '@/api/index/index.js' const $common = useCommonStore();
import { onShow(() => {
onLoad,
onReady,
onReachBottom,
onShow
} from '@dcloudio/uni-app'
import contentlist from './components/contentlist.vue'
import {
selectNewApp
} from '@/api/user/user.js';
import config from '@/commons/config.js';
import {
linkTo
} from '@/utils/app.js';
import {
useCommonStore
} from '@/store/common.js'
const $common = useCommonStore()
onShow(() => {
// console.log('cash:' + uni.getStorageSync('userInfo').userId + "" + new Date().getTime(), 'debug') // console.log('cash:' + uni.getStorageSync('userInfo').userId + "" + new Date().getTime(), 'debug')
// 判断ios是否审核 // 判断ios是否审核
$common.init() $common.init();
// #ifdef H5 // #ifdef H5
datas.isExamine = $common.isIosExamine datas.isExamine = $common.isIosExamine;
// #endif // #endif
// let sysInfo = uni.getSystemInfoSync() // let sysInfo = uni.getSystemInfoSync()
// let isIos = sysInfo.platform == 'ios' // let isIos = sysInfo.platform == 'ios'
@@ -120,8 +107,11 @@
// datas.setindexdata = $common.setversion // datas.setindexdata = $common.setversion
// console.log(datas.setindexdata,'seaeasdas') // console.log(datas.setindexdata,'seaeasdas')
// } // }
}) });
let datas = reactive({
const disableMaskVisable = ref(false);
let datas = reactive({
noticeList: [], //公告列表 noticeList: [], //公告列表
active: 1, // 最新、最热。。。切换顶部导航栏 active: 1, // 最新、最热。。。切换顶部导航栏
@@ -137,130 +127,131 @@
stopShows: false, stopShows: false,
version: { version: {
show: false, show: false,
title: "", title: '',
content: "", content: '',
confirmText: "", confirmText: '',
cancelText: "", cancelText: '',
downloadLink: "" downloadLink: ''
}, },
setindexdata: false, setindexdata: false,
cloneNum: 0 cloneNum: 0
}) });
onLoad(() => { onLoad(() => {
versionUpdate() versionUpdate();
getMsg() getMsg();
getrecomVideo() getrecomVideo();
}) });
onReady(() => { onReady(() => {
if (!uni.getStorageSync('ruleShow')) { if (!uni.getStorageSync('ruleShow')) {
announcement({ announcement({
type: 0 type: 0
}).then(res => { })
.then((res) => {
if (res) { if (res) {
datas.ruleShow = true datas.ruleShow = true;
datas.ruleList = res datas.ruleList = res;
ruleInit() ruleInit();
} }
}) })
.catch((err) => {
console.log(err);
});
} }
});
}) onReachBottom(() => {
onReachBottom(() => { ++datas.page;
++datas.page getrecomVideo();
getrecomVideo() });
}) // 公告
// 公告 async function getMsg() {
async function getMsg() { let res = await messageselectMessage();
let res = await messageselectMessage() let arr = [];
let arr = [] let ids = uni.getStorageSync('ids');
let ids = uni.getStorageSync('ids') res.list.forEach((ele) => {
res.list.forEach(ele => {
if (ids.length) { if (ids.length) {
if (ids.indexOf(ele.id) == -1) { if (ids.indexOf(ele.id) == -1) {
arr.push(ele) arr.push(ele);
} }
} else { } else {
uni.setStorageSync('ids', [res.list[0].id]); uni.setStorageSync('ids', [res.list[0].id]);
arr.push(ele) arr.push(ele);
} }
}) });
datas.noticeList = arr datas.noticeList = arr;
if (arr.length) { if (arr.length) {
if (ids.length) { if (ids.length) {
uni.setStorageSync('ids', [...uni.getStorageSync('ids'), datas.noticeList[datas.cloneNum].id]); uni.setStorageSync('ids', [...uni.getStorageSync('ids'), datas.noticeList[datas.cloneNum].id]);
} }
datas.stopShows = true datas.stopShows = true;
}
} }
}
function confirmEvent() { function confirmEvent() {
datas.stopShows = false datas.stopShows = false;
if (datas.cloneNum < datas.noticeList.length - 1) { if (datas.cloneNum < datas.noticeList.length - 1) {
++datas.cloneNum ++datas.cloneNum;
uni.setStorageSync('ids', [...uni.getStorageSync('ids'), datas.noticeList[datas.cloneNum].id]); uni.setStorageSync('ids', [...uni.getStorageSync('ids'), datas.noticeList[datas.cloneNum].id]);
datas.stopShows = true datas.stopShows = true;
}
} }
}
function stopConfirm() { function stopConfirm() {
datas.stopShow = false datas.stopShow = false;
uni.navigateTo({ uni.navigateTo({
url: '/pages/login/download' url: '/pages/login/download'
}) });
} }
function stopCancel() { function stopCancel() {
datas.stopShow = false datas.stopShow = false;
} }
function versionUpdate() { function versionUpdate() {
//#ifdef APP-PLUS //#ifdef APP-PLUS
plus.screen.lockOrientation('portrait-primary'); //竖屏正方向锁定 plus.screen.lockOrientation('portrait-primary'); //竖屏正方向锁定
//获取当前系统版本信息 //获取当前系统版本信息
plus.runtime.getProperty(plus.runtime.appid, widgetInfo => { plus.runtime.getProperty(plus.runtime.appid, (widgetInfo) => {
//请求后台接口 解析数据 对比版本 //请求后台接口 解析数据 对比版本
selectNewApp().then(async res => { selectNewApp().then(async (res) => {
res = res[0]; res = res[0];
console.log(uni.getSystemInfoSync().platform == 'ios', 1101) console.log(uni.getSystemInfoSync().platform == 'ios', 1101);
let version; let version;
if (uni.getSystemInfoSync().platform == 'android') { if (uni.getSystemInfoSync().platform == 'android') {
version = res.version version = res.version;
} }
if (uni.getSystemInfoSync().platform == 'ios') { if (uni.getSystemInfoSync().platform == 'ios') {
version = res.iosVersion version = res.iosVersion;
} }
let isVersion = await $common.setversion(widgetInfo.version, version) let isVersion = await $common.setversion(widgetInfo.version, version);
datas.isExamine = $common.isIosExamine datas.isExamine = $common.isIosExamine;
console.log(isVersion, '') console.log(isVersion, '');
if (isVersion == 1) { if (isVersion == 1) {
datas.version.downloadLink = res.androidWgtUrl; datas.version.downloadLink = res.androidWgtUrl;
datas.version.show = true; datas.version.show = true;
datas.version.title = "发现新版本"; datas.version.title = '发现新版本';
datas.version.content = res.des; datas.version.content = res.des;
uni.hideTabBar() uni.hideTabBar();
if (res.method == "true") { if (res.method == 'true') {
datas.version.confirmText = "立即更新" datas.version.confirmText = '立即更新';
} else { } else {
datas.version.confirmText = "立即更新" datas.version.confirmText = '立即更新';
datas.version.cancelText = "下次更新" datas.version.cancelText = '下次更新';
} }
} }
}); });
}); });
//#endif //#endif
} }
function cancelUpdateVersion() { function cancelUpdateVersion() {
uni.showTabBar() uni.showTabBar();
datas.version.show = false datas.version.show = false;
} }
function confirmUpdateVersion() { function confirmUpdateVersion() {
// plus.runtime.openURL(config.baseUrl + '/pages/login/appEq') // plus.runtime.openURL(config.baseUrl + '/pages/login/appEq')
linkTo('/pages/login/download') linkTo('/pages/login/download');
return return;
uni.showLoading({ uni.showLoading({
title: '下载中...', title: '下载中...',
mask: true mask: true
@@ -268,20 +259,20 @@
if (uni.getSystemInfoSync().platform == 'android') { if (uni.getSystemInfoSync().platform == 'android') {
uni.downloadFile({ uni.downloadFile({
url: datas.version.downloadLink, url: datas.version.downloadLink,
success: downloadResult => { success: (downloadResult) => {
console.log(downloadResult) console.log(downloadResult);
if (downloadResult.statusCode === 200) { if (downloadResult.statusCode === 200) {
plus.runtime.install( plus.runtime.install(
downloadResult.tempFilePath, { downloadResult.tempFilePath,
{
force: false force: false
}, },
d => { (d) => {
console.log('install success...'); console.log('install success...');
plus.runtime plus.runtime.restart();
.restart();
}, },
e => { (e) => {
console.log(e) console.log(e);
console.error('install fail...'); console.error('install fail...');
} }
); );
@@ -290,77 +281,86 @@
}); });
} }
if (uni.getSystemInfoSync().platform == 'ios') { if (uni.getSystemInfoSync().platform == 'ios') {
plus.runtime.openURL(datas.version.downloadLink, function(res) {}); plus.runtime.openURL(datas.version.downloadLink, function (res) {});
}
} }
}
function ruleInit() { function ruleInit() {
datas.rule_title = datas.ruleList[datas.ruleIndex].title datas.rule_title = datas.ruleList[datas.ruleIndex].title;
datas.rule_content = datas.ruleList[datas.ruleIndex].content datas.rule_content = datas.ruleList[datas.ruleIndex].content;
} }
/** /**
* 规则确认 * 规则确认
*/ */
function ruleConfirm() { function ruleConfirm() {
datas.ruleShow = false datas.ruleShow = false;
datas.ruleIndex++ datas.ruleIndex++;
if (datas.ruleIndex >= datas.ruleList.length) { if (datas.ruleIndex >= datas.ruleList.length) {
datas.ruleIndex = 0 datas.ruleIndex = 0;
uni.setStorageSync('ruleShow', true) uni.setStorageSync('ruleShow', true);
return return;
}
setTimeout(res => {
ruleInit()
datas.ruleShow = true
}, 300)
} }
setTimeout((res) => {
ruleInit();
datas.ruleShow = true;
}, 300);
}
// 跳转公告链接 // 跳转公告链接
function goMsg(url) { function goMsg(url) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/index/prizeDraw/kevy-luckydraw' url: '/pages/index/prizeDraw/kevy-luckydraw'
}); });
} }
// 搜索跳转 // 搜索跳转
function moreVideo() { function moreVideo() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/index/search/index' url: '/pages/index/search/index'
}); });
} }
//获取推荐视频
//获取推荐视频 async function getrecomVideo(sort, active = 1) {
async function getrecomVideo(sort, active = 1) { try {
datas.active = active datas.active = active;
if (sort) { if (sort) {
datas.page = 1 datas.page = 1;
} }
let res = await courseselectCourse({ let res = await courseselectCourse({
page: datas.page, page: datas.page,
limit: 12, limit: 12,
sort: sort, sort: sort,
classifyId: '' classifyId: ''
}) });
console.log('getrecomVideo===', res);
if (datas.page == 1) { if (datas.page == 1) {
datas.list = res.list datas.list = res.list;
} else { } else {
datas.list = [...datas.list, ...res.list] datas.list = [...datas.list, ...res.list];
}
} catch (error) {
console.log('getrecomVideo.error===', error);
if (error.code == 702) {
disableMaskVisable.value = true;
} else {
disableMaskVisable.value = false;
} }
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.indexStyle { .indexStyle {
height: 350rpx; height: 350rpx;
position: relative; position: relative;
>image { > image {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
} }
.indexStyleTwo { .indexStyleTwo {
@@ -369,12 +369,12 @@
justify-content: space-between; justify-content: space-between;
padding: 88rpx 25rpx; padding: 88rpx 25rpx;
>image { > image {
width: 187rpx; width: 187rpx;
height: 50rpx; height: 50rpx;
} }
>view { > view {
z-index: 50; z-index: 50;
width: 236rpx; width: 236rpx;
line-height: 43rpx; line-height: 43rpx;
@@ -395,7 +395,7 @@
border-radius: 12rpx 12rpx 12rpx 12rpx; border-radius: 12rpx 12rpx 12rpx 12rpx;
width: 611rpx; width: 611rpx;
height: 60rpx; height: 60rpx;
background-color: rgba(255, 255, 255, .65); background-color: rgba(255, 255, 255, 0.65);
display: flex; display: flex;
align-items: center; align-items: center;
padding: 12rpx; padding: 12rpx;
@@ -417,23 +417,22 @@
width: 80%; width: 80%;
} }
} }
}
} .navTop-active {
.navTop-active {
color: #cb5d68; color: #cb5d68;
} }
.navTop { .navTop {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0 20rpx; padding: 0 20rpx;
>view { > view {
background-color: #f0f0f0; background-color: #f0f0f0;
margin-left: 20rpx; margin-left: 20rpx;
padding: 6rpx 20rpx padding: 6rpx 20rpx;
}
} }
}
</style> </style>

161
pages/me/index.vue
View File

@@ -9,17 +9,13 @@
<image class="img" src="/static/logo.png" mode="widthFix"></image> <image class="img" src="/static/logo.png" mode="widthFix"></image>
</view> </view>
<view class="quick-menu"> <view class="quick-menu">
<image class="icon" src="/static/me/logo_btn1.png" mode="aspectFit" <image class="icon" src="/static/me/logo_btn1.png" mode="aspectFit" @click="linkTo('/pages/share/index', true)"></image>
@click="linkTo('/pages/share/index', true)"></image> <image class="icon" src="/static/me/logo_btn2.png" mode="aspectFit" @click="linkTo('/pages/me/message', true)"></image>
<image class="icon" src="/static/me/logo_btn2.png" mode="aspectFit" <image class="icon" src="/static/me/logo_btn3.png" mode="aspectFit" @click="linkTo('/pages/me/contact', true)"></image>
@click="linkTo('/pages/me/message', true)"></image>
<image class="icon" src="/static/me/logo_btn3.png" mode="aspectFit"
@click="linkTo('/pages/me/contact', true)"></image>
</view> </view>
</view> </view>
<view class="top" @click="linkTo(userInfo.phone?'/pages/me/userInfo':'/pages/login/login')"> <view class="top" @click="linkTo(userInfo.phone ? '/pages/me/userInfo' : '/pages/login/login')">
<image class="avatar" :src="userInfo.avatar || '/static/default_avatar.png'" mode="aspectFill"> <image class="avatar" :src="userInfo.avatar || '/static/default_avatar.png'" mode="aspectFill"></image>
</image>
<view class="info-wrap"> <view class="info-wrap">
<view class="name">{{ userInfo.phone || '请登录' }}</view> <view class="name">{{ userInfo.phone || '请登录' }}</view>
</view> </view>
@@ -33,7 +29,7 @@
<view class="title">我的追剧</view> <view class="title">我的追剧</view>
<view class="num">{{ likeData.collectCount }}</view> <view class="num">{{ likeData.collectCount }}</view>
</navigator> </navigator>
<view class="item" v-if="$common.isIosExamine" @click="linkTo('/pages/me/withdraw/index',true)"> <view class="item" v-if="$common.isIosExamine" @click="linkTo('/pages/me/withdraw/index', true)">
<view class="title">我的红包</view> <view class="title">我的红包</view>
<view class="num">{{ amount || 0 }}</view> <view class="num">{{ amount || 0 }}</view>
</view> </view>
@@ -48,7 +44,6 @@
<div @click="linkTo('/pages/me/gold_record', true)"> <div @click="linkTo('/pages/me/gold_record', true)">
<view class="btn">金币明细</view> <view class="btn">金币明细</view>
</div> </div>
</view> </view>
<div class="title-wrap" @click="linkTo('/pages/watching_history/watching_history?type=3', true)"> <div class="title-wrap" @click="linkTo('/pages/watching_history/watching_history?type=3', true)">
<view class="a"> <view class="a">
@@ -58,8 +53,12 @@
</div> </div>
<view class="history-list"> <view class="history-list">
<view class="item" v-for="item in recordThree" :key="item.id" <view
@click="linkTo(`/pages/video/detail?courseId=${item.courseId}&courseDetailsId=${item.courseDetailsId}`)"> class="item"
v-for="item in recordThree"
:key="item.id"
@click="linkTo(`/pages/video/detail?courseId=${item.courseId}&courseDetailsId=${item.courseDetailsId}`)"
>
<image class="cover" :src="item.titleImg" mode="aspectFill"></image> <image class="cover" :src="item.titleImg" mode="aspectFill"></image>
<view class="name">{{ item.title }}</view> <view class="name">{{ item.title }}</view>
<view class="t">看到{{ item.courseDetailsName }}</view> <view class="t">看到{{ item.courseDetailsName }}</view>
@@ -114,62 +113,51 @@
</view> </view>
</view> </view>
</view> </view>
<disable-mask v-if="disableShow"></disable-mask>
</template> </template>
<script setup> <script setup>
import { import { ref, reactive } from 'vue';
ref, import { onLoad, onShow, onPullDownRefresh } from '@dcloudio/uni-app';
reactive import { selectByUserId, collectVideoSummary, selectUserMoney } from '@/api/me/me.js';
} from 'vue'; import { linkTo } from '@/utils/app.js';
import { import { useCommonStore } from '@/store/common.js';
onLoad, import { toBindWx, bindStatus } from '@/utils/wx.js';
onShow,
onPullDownRefresh
} from '@dcloudio/uni-app';
import {
selectByUserId,
collectVideoSummary,
selectUserMoney
} from '@/api/me/me.js';
import {
linkTo
} from '@/utils/app.js';
import {
useCommonStore
} from '@/store/common.js'
import {toBindWx,bindStatus} from '@/utils/wx.js'
const $common = useCommonStore()
const userInfo = ref({});
let isBindWx=ref(false) const disableShow = ref(false);
async function bindwx(){
if(isBindWx.value){ const $common = useCommonStore();
const userInfo = ref({});
let isBindWx = ref(false);
async function bindwx() {
if (isBindWx.value) {
uni.showToast({ uni.showToast({
title: '已绑定微信，请勿重复绑定', title: '已绑定微信，请勿重复绑定',
icon: 'none' icon: 'none'
}) });
return return;
} }
isBindWx.value=await bindStatus() isBindWx.value = await bindStatus();
console.log(isBindWx.value); console.log(isBindWx.value);
if(isBindWx.value){ if (isBindWx.value) {
uni.showToast({ uni.showToast({
title: '已绑定微信，请勿重复绑定', title: '已绑定微信，请勿重复绑定',
icon: 'none' icon: 'none'
}) });
return return;
}else{ } else {
toBindWx() toBindWx();
}
} }
}
// 获取最近的三条观看历史 // 获取最近的三条观看历史
const recordThree = ref([]); const recordThree = ref([]);
onShow(() => { onShow(() => {
// 判断ios是否审核 // 判断ios是否审核
$common.init() $common.init();
}) });
async function selectByUserIdAjax() { async function selectByUserIdAjax() {
try { try {
const res = await selectByUserId({ const res = await selectByUserId({
page: 1, page: 1,
@@ -178,15 +166,20 @@
}); });
recordThree.value = res.records; recordThree.value = res.records;
} catch (error) { } catch (error) {
if (error.code == 702) {
disableShow.value = true;
} else {
disableShow.value = false;
}
console.log(error); console.log(error);
} }
} }
// 我的喜欢 我的追剧 // 我的喜欢 我的追剧
const likeData = reactive({ const likeData = reactive({
likeCount: 0, likeCount: 0,
collectCount: 0 collectCount: 0
}); });
async function collectVideoSummaryAjax() { async function collectVideoSummaryAjax() {
try { try {
const res = await collectVideoSummary(); const res = await collectVideoSummary();
likeData.likeCount = res.likeCount; likeData.likeCount = res.likeCount;
@@ -194,12 +187,12 @@
} catch (error) { } catch (error) {
console.log(error); console.log(error);
} }
} }
// 金币 // 金币
const gold = ref(0); const gold = ref(0);
const amount = ref(0); const amount = ref(0);
async function selectUserMoneyAjax() { async function selectUserMoneyAjax() {
try { try {
const res = await selectUserMoney(); const res = await selectUserMoney();
gold.value = res.money; gold.value = res.money;
@@ -207,15 +200,14 @@
} catch (error) { } catch (error) {
console.log(error); console.log(error);
} }
} }
// 跳转任务中心 // 跳转任务中心
function toTask() { function toTask() {
linkTo('/pages/share/index'); linkTo('/pages/share/index');
} }
onPullDownRefresh(async () => {
onPullDownRefresh(async () => {
await selectByUserIdAjax(); await selectByUserIdAjax();
await collectVideoSummaryAjax(); await collectVideoSummaryAjax();
await selectUserMoneyAjax(); await selectUserMoneyAjax();
@@ -223,33 +215,32 @@
setTimeout(() => { setTimeout(() => {
uni.stopPullDownRefresh(); uni.stopPullDownRefresh();
}, 500); }, 500);
}); });
onShow(() => { onShow(() => {
if (uni.getStorageSync('token')) { if (uni.getStorageSync('token')) {
selectByUserIdAjax(); selectByUserIdAjax();
collectVideoSummaryAjax(); collectVideoSummaryAjax();
selectUserMoneyAjax(); selectUserMoneyAjax();
userInfo.value = uni.getStorageSync('userInfo'); userInfo.value = uni.getStorageSync('userInfo');
} }
});
});
</script> </script>
<style> <style>
page { page {
background: #f5f7ff; background: #f5f7ff;
} }
</style> </style>
<style scoped lang="scss"> <style scoped lang="scss">
$bgColor: #f5f7ff; $bgColor: #f5f7ff;
.container { .container {
font-size: 28upx; font-size: 28upx;
color: #333; color: #333;
} }
.top-bg { .top-bg {
width: 100%; width: 100%;
height: 50%; height: 50%;
position: fixed; position: fixed;
@@ -266,9 +257,9 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
} }
.content { .content {
padding: 28upx; padding: 28upx;
position: relative; position: relative;
@@ -343,9 +334,9 @@
} }
} }
} }
} }
.card-wrap { .card-wrap {
background: #fff; background: #fff;
border-radius: 16upx; border-radius: 16upx;
overflow: hidden; overflow: hidden;
@@ -471,5 +462,5 @@
} }
} }
} }
} }
</style> </style>

545
pages/task/index.vue
View File

@@ -9,294 +9,299 @@
<image class="task_icon2" src="@/static/task/task_icon2.png"></image> <image class="task_icon2" src="@/static/task/task_icon2.png"></image>
</view> </view>
<view class="contentTop "> <view class="contentTop">
<view> <view>
<image src="@/static/task/renwubg.png" mode=""></image> <image src="@/static/task/renwubg.png" mode=""></image>
<view>已连续签到 <text class="num">{{ datas.signDays }}</text> 天</view> <view>
已连续签到
<text class="num">{{ datas.signDays }}</text>
天
</view>
</view> </view>
<view class="contentTopTwo"> <view class="contentTopTwo">
<view v-for="item in datas.signInList" :key="item.id" <view v-for="item in datas.signInList" :key="item.id" :style="item.status == 1 ? 'color:#EFA765' : 'color:#999'">
:style="item.status == 1 ? 'color:#EFA765' : 'color:#999'"> <text class="" style="font-size: 28rpx">
<text class="" style="font-size: 28rpx;">
{{ item.status == 1 ? '已签到' : '待签到' }} {{ item.status == 1 ? '已签到' : '待签到' }}
</text> </text>
<view :style="item.status == 1 ? 'color:#999' : 'color:#EFA765'"> <view :style="item.status == 1 ? 'color:#999' : 'color:#EFA765'">
{{ item.signDay.substr(5, 8) }} {{ item.signDay.substr(5, 8) }}
</view> </view>
<image v-if="item.status == 0" src="@/static/task/xing (1).png" mode=""></image> <image v-if="item.status == 0" src="@/static/task/xing (1).png" mode=""></image>
<image v-else src="@/static/task/xing (2).png" mode=""> </image> <image v-else src="@/static/task/xing (2).png" mode=""></image>
</view> </view>
</view> </view>
</view> </view>
<view class="content " v-if="datas.list.length"> <view class="content" v-if="datas.list.length">
<view class="cell " v-for="(item, index) in datas.list" :key="index"> <view class="cell" v-for="(item, index) in datas.list" :key="index">
<view class="cell_left "> <view class="cell_left">
<view class="cell_title "> <view class="cell_title">
<view class=" title" :style="{ alignSelf: item.rewardImg ? 'center' : 'flex-start' }">{{ <view class="title" :style="{ alignSelf: item.rewardImg ? 'center' : 'flex-start' }">{{ item.title }}</view>
item.title
}}</view>
<image v-if="item.rewardImg" class="cell_icon" :src="item.rewardImg" mode=""></image> <image v-if="item.rewardImg" class="cell_icon" :src="item.rewardImg" mode=""></image>
<view class="tip">{{ item.rewardDetail }}</view> <view class="tip">{{ item.rewardDetail }}</view>
</view> </view>
<view class="subhead ">{{ item.detail }}</view> <view class="subhead">{{ item.detail }}</view>
</view> </view>
<view class="cell_right "> <view class="cell_right">
<view v-if=" item.disabled " class="btn u-font-24 text-bold" <view v-if="item.disabled" class="btn u-font-24 text-bold" :style="{ backgroundColor: item.buttonBgColor, color: item.buttonFontColor }" @click="goNav(item)">
:style="{backgroundColor: item.buttonBgColor,color: item.buttonFontColor }" {{
@click="goNav(item)"> item.type == 1
{{ item.type == 1 ? item.buttonTitle : item.number ? `${item.discNumber}/${item.number}` : ( item.discNumber <= 0 ? item.buttonTitle : `剩余${item.discNumber}次`) }} ? item.buttonTitle
: item.number
? `${item.discNumber}/${item.number}`
: item.discNumber <= 0
? item.buttonTitle
: `剩余${item.discNumber}次`
}}
</view> </view>
<view v-else class="btn u-font-24 text-bold disabled"> <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}次`) }} {{
item.type == 1
? item.buttonTitle
: item.number
? `${item.discNumber}/${item.number}`
: item.discNumber <= 0
? item.buttonTitle
: `剩余${item.discNumber}次`
}}
</view> </view>
<view v-if=" item.buttonUnderContent && item.buttonUnderUrl " class="u-font-22 tip" <view
style="text-align: center;" v-if="item.buttonUnderContent && item.buttonUnderUrl"
@click="goNav({id: item.id,buttonUrl: item.buttonUnderUrl, jumpType: 1,title: item.title, disabled: item.disabled, discNumber: item.discNumber})"> class="u-font-22 tip"
{{ item.buttonUnderContent}} style="text-align: center"
@click="goNav({ id: item.id, buttonUrl: item.buttonUnderUrl, jumpType: 1, title: item.title, disabled: item.disabled, discNumber: item.discNumber })"
>
{{ item.buttonUnderContent }}
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- 激励视频广告 --> <!-- 激励视频广告 -->
<view style="width: 0;height: 0;overflow: hidden;"> <view style="width: 0; height: 0; overflow: hidden">
<!-- 激励视频广告 --> <!-- 激励视频广告 -->
<ad-rewarded-video ref="adRewarded" :adpid="datas.adpid" :loadnext="true" :url-callback="datas.urlCallback" <ad-rewarded-video
@load="onadload" @close="onadclose" @error="onaderror"> ref="adRewarded"
</ad-rewarded-video> :adpid="datas.adpid"
:loadnext="true"
:url-callback="datas.urlCallback"
@load="onadload"
@close="onadclose"
@error="onaderror"
></ad-rewarded-video>
</view> </view>
</view> </view>
<disable-mask v-if="disableShow"></disable-mask>
</template> </template>
<script setup> <script setup>
import { import { useCommonStore } from '@/store/common.js';
useCommonStore const $common = useCommonStore();
} from '@/store/common.js' import { selectUserMoney, selectPayDetails, canCash, state, withdraw } from '@/api/me/withdraw.js';
const $common = useCommonStore() import { reactive, ref, getCurrentInstance, nextTick } from 'vue';
import { import { onShow, onReady, onReachBottom } from '@dcloudio/uni-app';
selectUserMoney, import { getUserSignData, selectTaskCenter, taskReceive } from '@/api/task/index.js';
selectPayDetails,
canCash, const disableShow = ref(false);
state,
withdraw const currentInstance = getCurrentInstance();
} from '@/api/me/withdraw.js'; let datas = reactive({
import {
reactive,
ref,
getCurrentInstance,
nextTick
} from "vue";
import {
onShow,
onReady,
onReachBottom
} from '@dcloudio/uni-app'
import {
getUserSignData,
selectTaskCenter,
taskReceive
} from '@/api/task/index.js'
const currentInstance = getCurrentInstance()
let datas = reactive({
signDays: 0, signDays: 0,
signInList: [], signInList: [],
list: [], list: [],
urlCallback: {}, urlCallback: {},
adpid: null, adpid: null,
adRewardedShow: false, adRewardedShow: false,
adRewardedVideoloadNum: 0, adRewardedVideoloadNum: 0
});
}) const adRewarded = ref(null);
const adRewarded = ref(null); onShow(() => {
onShow(() => {
// $common.init() // $common.init()
// if ( uni.getSystemInfoSync().platform == 'android' ) { // if ( uni.getSystemInfoSync().platform == 'android' ) {
// datas.adpid = 1531580352 // datas.adpid = 1531580352
// } // }
// if ( uni.getSystemInfoSync().platform == 'ios' ) { // if ( uni.getSystemInfoSync().platform == 'ios' ) {
datas.adpid = 1373604770 datas.adpid = 1373604770;
// } // }
if (uni.getStorageSync("token")) { if (uni.getStorageSync('token')) {
getTaskdata() getTaskdata();
getsignIn() getsignIn();
getCanCash() getCanCash();
} else { } else {
datas.signDays = 0 datas.signDays = 0;
const dateArray = []; const dateArray = [];
datas.signInList = [] datas.signInList = [];
for (let i = 0; i < 7; i++) { for (let i = 0; i < 7; i++) {
const date = new Date(Date.now() + i * 24 * 60 * 60 * 1000); const date = new Date(Date.now() + i * 24 * 60 * 60 * 1000);
const year = date.getFullYear(); const year = date.getFullYear();
const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1;
1;
const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate(); const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();
dateArray.push(`${year}-${month}-${day}`); dateArray.push(`${year}-${month}-${day}`);
} }
dateArray.forEach(ele => { dateArray.forEach((ele) => {
datas.signInList.push({ datas.signInList.push({
"signDay": ele, signDay: ele,
"status": "0", status: '0'
}) });
}) });
datas.list = [{ datas.list = [
"id": 1, {
"title": "每日打卡奖励", id: 1,
"type": 2, title: '每日打卡奖励',
"detail": "解锁3集视频即可领取", type: 2,
"rewardDetail": "奖励666金币", detail: '解锁3集视频即可领取',
"number": 3, rewardDetail: '奖励666金币',
"buttonTitle": "", number: 3,
"jumpType": 1, buttonTitle: '',
"buttonUrl": "", jumpType: 1,
"buttonUnderContent": "", buttonUrl: '',
"buttonUnderUrl": "", buttonUnderContent: '',
"updateTime": "2025-01-06 18:08:49", buttonUnderUrl: '',
"sort": 0, updateTime: '2025-01-06 18:08:49',
"shows": 1, sort: 0,
"discNumber": 0, shows: 1,
"disabled": false discNumber: 0,
disabled: false
}, },
{ {
"id": 17, id: 17,
"title": "每周打卡奖励", title: '每周打卡奖励',
"type": 2, type: 2,
"detail": "当月签到满7天即可免费领取", detail: '当月签到满7天即可免费领取',
"rewardImg": "https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png", rewardImg: 'https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png',
"rewardDetail": "", rewardDetail: '',
"number": 7, number: 7,
"buttonTitle": "立即领取", buttonTitle: '立即领取',
"buttonBgColor": "#EC6F48", buttonBgColor: '#EC6F48',
"buttonFontColor": "#fff", buttonFontColor: '#fff',
"jumpType": 1, jumpType: 1,
"buttonUrl": "/pages/task/receiveMember", buttonUrl: '/pages/task/receiveMember',
"buttonUnderContent": "", buttonUnderContent: '',
"buttonUnderUrl": "/pages/task/receiveMember", buttonUnderUrl: '/pages/task/receiveMember',
"createTime": "2024-12-10 17:43:42", createTime: '2024-12-10 17:43:42',
"updateTime": "2024-12-25 09:52:09", updateTime: '2024-12-25 09:52:09',
"sort": 5, sort: 5,
"shows": 1, shows: 1,
"discNumber": 0, discNumber: 0,
"disabled": false disabled: false
}, },
{ {
"id": 17, id: 17,
"title": "每月打卡奖励1", title: '每月打卡奖励1',
"type": 2, type: 2,
"detail": "当月签到满25天即可免费领取", detail: '当月签到满25天即可免费领取',
"rewardImg": "https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png", rewardImg: 'https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png',
"rewardDetail": "会员免费领", rewardDetail: '会员免费领',
"number": 25, number: 25,
"buttonTitle": "立即领取", buttonTitle: '立即领取',
"buttonBgColor": "#EC6F48", buttonBgColor: '#EC6F48',
"buttonFontColor": "#fff", buttonFontColor: '#fff',
"jumpType": 1, jumpType: 1,
"buttonUrl": "/pages/task/receiveMember", buttonUrl: '/pages/task/receiveMember',
"buttonUnderContent": "", buttonUnderContent: '',
"buttonUnderUrl": "/pages/task/receiveMember", buttonUnderUrl: '/pages/task/receiveMember',
"createTime": "2024-12-10 17:43:42", createTime: '2024-12-10 17:43:42',
"updateTime": "2024-12-25 09:52:09", updateTime: '2024-12-25 09:52:09',
"sort": 5, sort: 5,
"shows": 1, shows: 1,
"discNumber": 0, discNumber: 0,
"disabled": false disabled: false
}, },
{ {
"id": 17, id: 17,
"title": "每月打卡奖励2", title: '每月打卡奖励2',
"type": 2, type: 2,
"detail": "当月签到满25天即可免费领取", detail: '当月签到满25天即可免费领取',
"rewardImg": "https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png", rewardImg: 'https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png',
"rewardDetail": "", rewardDetail: '',
"number": 25, number: 25,
"buttonTitle": "立即领取", buttonTitle: '立即领取',
"buttonBgColor": "#EC6F48", buttonBgColor: '#EC6F48',
"buttonFontColor": "#fff", buttonFontColor: '#fff',
"jumpType": 1, jumpType: 1,
"buttonUrl": "/pages/task/receiveMember", buttonUrl: '/pages/task/receiveMember',
"buttonUnderContent": "", buttonUnderContent: '',
"buttonUnderUrl": "/pages/task/receiveMember", buttonUnderUrl: '/pages/task/receiveMember',
"createTime": "2024-12-10 17:43:42", createTime: '2024-12-10 17:43:42',
"updateTime": "2024-12-25 09:52:09", updateTime: '2024-12-25 09:52:09',
"sort": 5, sort: 5,
"shows": 1, shows: 1,
"discNumber": 0, discNumber: 0,
"disabled": false disabled: false
} }
] ];
} }
}) });
onReady(() => { onReady(() => {
nextTick(() => { nextTick(() => {
datas.urlCallback = { datas.urlCallback = {
userId: uni.getStorageSync('userInfo').userId, userId: uni.getStorageSync('userInfo').userId,
extra: uni.getStorageSync('userInfo').userId + "" + new Date().getTime(), extra: uni.getStorageSync('userInfo').userId + '' + new Date().getTime()
} };
datas.adRewardedVideoloadNum = 0 datas.adRewardedVideoloadNum = 0;
adRewarded.value.load(); adRewarded.value.load();
}) });
}) });
/** /**
* 获取看广告状态 * 获取看广告状态
*/ */
async function getCanCash() { async function getCanCash() {
canCash().then(res => { canCash().then((res) => {
datas.isWithdraw = !res; datas.isWithdraw = !res;
}) });
}
} /**
/**
* 广告加载失败回调 * 广告加载失败回调
* @param {Object} e * @param {Object} e
*/ */
function onaderror(e) { function onaderror(e) {
if (datas.adRewardedVideoloadNum >= 3) { if (datas.adRewardedVideoloadNum >= 3) {
return return;
} }
datas.adRewardedVideoloadNum++ datas.adRewardedVideoloadNum++;
setTimeout(() => { setTimeout(() => {
datas.urlCallback = { datas.urlCallback = {
userId: uni.getStorageSync('userInfo').userId, userId: uni.getStorageSync('userInfo').userId,
extra: uni.getStorageSync('userInfo').userId + "" + new Date().getTime(), extra: uni.getStorageSync('userInfo').userId + '' + new Date().getTime()
} };
adRewarded.value.load(); adRewarded.value.load();
}, 1000); // 10 }, 1000); // 10
console.log("广告加载失败") console.log('广告加载失败');
} }
/** /**
* 广告数据加载成功回调 * 广告数据加载成功回调
* @param {Object} e * @param {Object} e
*/ */
function onadload(e) { function onadload(e) {
datas.adRewardedShow = true; datas.adRewardedShow = true;
console.log('广告数据加载成功'); console.log('广告数据加载成功');
} }
/** /**
* 广告播放成功回调 * 广告播放成功回调
* @param {Object} e * @param {Object} e
*/ */
async function onadclose(e) { async function onadclose(e) {
const detail = e.detail const detail = e.detail;
if (detail && detail.isEnded) { if (detail && detail.isEnded) {
// 正常播放结束 // 正常播放结束
let res = await state({ let res = await state({
extraKey: datas.urlCallback.extra extraKey: datas.urlCallback.extra
}) });
datas.urlCallback = { datas.urlCallback = {
userId: uni.getStorageSync('userInfo').userId, userId: uni.getStorageSync('userInfo').userId,
extra: uni.getStorageSync('userInfo').userId + "" + new Date().getTime(), extra: uni.getStorageSync('userInfo').userId + '' + new Date().getTime()
} };
uni.showToast({ uni.showToast({
title: '获得' + $common.freeDuration + '分钟免费时长', title: '获得' + $common.freeDuration + '分钟免费时长',
icon: 'none' icon: 'none'
}) });
} else { } else {
// 播放中途退出 // 播放中途退出
} }
} }
async function goNav(item) { async function goNav(item) {
console.log(item, '请求参数') console.log(item, '请求参数');
// jumpType (integer, optional): 跳转类型 1 内部路径 2 外部路径 , // jumpType (integer, optional): 跳转类型 1 内部路径 2 外部路径 ,
// type (integer, optional): 任务类型 1 普通任务 2 打卡任务 9 其它 , // type (integer, optional): 任务类型 1 普通任务 2 打卡任务 9 其它 ,
// if (url) { // if (url) {
@@ -314,72 +319,69 @@
// } // }
if (item.jumpType == 0) { if (item.jumpType == 0) {
if (item.buttonTitle.indexOf("领取") != -1) { if (item.buttonTitle.indexOf('领取') != -1) {
let res = await taskReceive({ let res = await taskReceive({
id: item.id id: item.id
}) });
if (res.code == 0) { if (res.code == 0) {
uni.showToast({ uni.showToast({
title: res.id == 15 ? '签到成功' : '领取成功', title: res.id == 15 ? '签到成功' : '领取成功',
icon: 'none' icon: 'none'
}) });
setTimeout(() => { setTimeout(() => {
getTaskdata() getTaskdata();
getsignIn() getsignIn();
}, 1000) }, 1000);
} else { } else {
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
icon: 'none' icon: 'none'
}) });
} }
} else if (item.title.indexOf("新人福利") != -1) { } else if (item.title.indexOf('新人福利') != -1) {
let res = await taskReceive({ let res = await taskReceive({
id: item.id id: item.id
}) });
if (res.code == 0) { if (res.code == 0) {
uni.showToast({ uni.showToast({
title: res.id == 15 ? '签到成功' : '领取成功', title: res.id == 15 ? '签到成功' : '领取成功',
icon: 'none' icon: 'none'
}) });
setTimeout(() => { setTimeout(() => {
getTaskdata() getTaskdata();
getsignIn() getsignIn();
}, 1000) }, 1000);
} else { } else {
uni.switchTab({ uni.switchTab({
url: '/pages/index/index' url: '/pages/index/index'
}) });
} }
} else if (item.buttonTitle.indexOf("观看视频") != -1) { } else if (item.buttonTitle.indexOf('观看视频') != -1) {
// 首次加载广告 // 首次加载广告
if (!datas.adRewardedShow) { if (!datas.adRewardedShow) {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '广告加载失败，请稍后重试' title: '广告加载失败，请稍后重试'
}); });
return return;
} }
console.log(datas.urlCallback) console.log(datas.urlCallback);
adRewarded.value.show(); adRewarded.value.show();
} 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 buttonUrl = item.buttonUrl let buttonUrl = item.buttonUrl;
if (item.title && item.title.indexOf('每周打卡奖励') != -1) { if (item.title && item.title.indexOf('每周打卡奖励') != -1) {
buttonUrl = item.buttonUrl + '?source=2' buttonUrl = item.buttonUrl + '?source=2';
} }
if (item.title && item.title.indexOf('每月打卡奖励1') != -1) { if (item.title && item.title.indexOf('每月打卡奖励1') != -1) {
buttonUrl = item.buttonUrl + '?source=3' buttonUrl = item.buttonUrl + '?source=3';
} }
if (item.title && item.title.indexOf('每月打卡奖励2') != -1) { if (item.title && item.title.indexOf('每月打卡奖励2') != -1) {
// let res = await taskReceive({ // let res = await taskReceive({
// id: item.id // id: item.id
// }) // })
@@ -399,75 +401,80 @@
// }) // })
// } // }
buttonUrl = buttonUrl = `${item.buttonUrl}?standard=${item.discNumber == null ? true : false}&taskId=${item.id}`;
`${item.buttonUrl}?standard=${item.discNumber == null ? true : false}&taskId=${item.id}`
} }
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
}) });
}
} }
}
// 获得签到 // 获得签到
async function getsignIn() { async function getsignIn() {
let res = await getUserSignData() try {
datas.signInList = res.recordList let res = await getUserSignData();
datas.signDays = res.signDays datas.signInList = res.recordList;
datas.signDays = res.signDays;
} catch (error) {
if (error.code == 702) {
disableShow.value = true;
} else {
disableShow.value = false;
} }
// 获取任务列表 }
async function getTaskdata() { }
let res = await selectTaskCenter() // 获取任务列表
let arrData = [] async function getTaskdata() {
let res = await selectTaskCenter();
let arrData = [];
if (!$common.isIosExamine) { if (!$common.isIosExamine) {
res.forEach(ele => { res.forEach((ele) => {
if (ele.title.indexOf('分享奖励') == -1 && ele.title.indexOf('新人福利') == -1 && if (ele.title.indexOf('分享奖励') == -1 && ele.title.indexOf('新人福利') == -1 && ele.title.indexOf('观看视频奖励') == -1) {
ele.title.indexOf('观看视频奖励') == -1) { arrData.push(ele);
arrData.push(ele)
} }
}) });
datas.list = arrData datas.list = arrData;
} else { } else {
// res.forEach(ele => { // res.forEach(ele => {
// if (ele.title.indexOf('观看视频奖励') == -1) { // if (ele.title.indexOf('观看视频奖励') == -1) {
// arrData.push(ele) // arrData.push(ele)
// } // }
// }) // })
datas.list = res datas.list = res;
}
} }
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
page { page {
// min-height: 100vh; // min-height: 100vh;
} }
.container { .container {
/* #ifdef H5 */ /* #ifdef H5 */
min-height: calc(100vh - 96rpx); min-height: calc(100vh - 96rpx);
/* #endif */ /* #endif */
/* #ifndef H5 */ /* #ifndef H5 */
min-height: 100vh; min-height: 100vh;
/* #endif */ /* #endif */
background-color: #F3F4F8; background-color: #f3f4f8;
padding-top: 2rpx; padding-top: 2rpx;
} }
.u-absolute { .u-absolute {
position: absolute; position: absolute;
} }
.task_bg { .task_bg {
width: 100% !important; width: 100% !important;
height: 494rpx !important; height: 494rpx !important;
} }
.icon { .icon {
position: absolute; position: absolute;
padding: 122rpx 32rpx 32rpx 32rpx; padding: 122rpx 32rpx 32rpx 32rpx;
@@ -493,9 +500,9 @@
top: -40rpx; top: -40rpx;
position: relative; position: relative;
} }
} }
.contentTop { .contentTop {
border-radius: 16rpx; border-radius: 16rpx;
// top: -115rpx; // top: -115rpx;
padding: 20rpx; padding: 20rpx;
@@ -505,24 +512,24 @@
color: #666666; color: #666666;
margin: 282rpx 32rpx 32rpx 32rpx; margin: 282rpx 32rpx 32rpx 32rpx;
>view:first-child { > view:first-child {
>image { > image {
width: 100%; width: 100%;
height: 78rpx; height: 78rpx;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
z-index: 1 z-index: 1;
} }
>view { > view {
z-index: 9999; z-index: 9999;
position: absolute; position: absolute;
text-align: center; text-align: center;
width: 98%; width: 98%;
.num { .num {
color: #EC6F48; color: #ec6f48;
margin: 0 10rpx; margin: 0 10rpx;
} }
} }
@@ -534,19 +541,19 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
>view { > view {
position: relative; position: relative;
>view { > view {
display: flex; display: flex;
margin-top: 20rpx; margin-top: 20rpx;
width: 100%; width: 100%;
height: 94rpx; height: 94rpx;
background: linear-gradient(180deg, #FFF7E3 0%, #FFFFFF 100%); background: linear-gradient(180deg, #fff7e3 0%, #ffffff 100%);
border-radius: 14rpx 14rpx 0rpx 0rpx; border-radius: 14rpx 14rpx 0rpx 0rpx;
} }
>image { > image {
width: 52rpx; width: 52rpx;
height: 48rpx; height: 48rpx;
position: absolute; position: absolute;
@@ -555,10 +562,9 @@
} }
} }
} }
}
} .content {
.content {
border-radius: 16rpx; border-radius: 16rpx;
// top: -115rpx; // top: -115rpx;
padding: 28rpx; padding: 28rpx;
@@ -573,7 +579,7 @@
.cell { .cell {
padding: 32rpx 0; padding: 32rpx 0;
border-bottom: 2rpx solid #EBEBEB; border-bottom: 2rpx solid #ebebeb;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -601,7 +607,7 @@
.tip { .tip {
margin-left: 22rpx; margin-left: 22rpx;
color: #FC5B67; color: #fc5b67;
font-size: 24rpx; font-size: 24rpx;
} }
} }
@@ -623,15 +629,15 @@
height: 56rpx; height: 56rpx;
line-height: 56rpx; line-height: 56rpx;
text-align: center; text-align: center;
background-color: #EC6F48; background-color: #ec6f48;
color: #FFFFFF; color: #ffffff;
border-radius: 12rpx 12rpx 12rpx 12rpx; border-radius: 12rpx 12rpx 12rpx 12rpx;
font-size: 24rpx; font-size: 24rpx;
font-weight: bold; font-weight: bold;
} }
.tip { .tip {
color: #EC6F48; color: #ec6f48;
height: 44rpx; height: 44rpx;
line-height: 44rpx; line-height: 44rpx;
margin-top: 5rpx; margin-top: 5rpx;
@@ -639,20 +645,19 @@
} }
.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;
} }
} }
</style> </style>

161
pages/video/index.nvue
View File

@@ -1,81 +1,87 @@
<template> <template>
<view class="min-page " > <view class="min-page">
<!-- <up-button @click="toDetail">toDetail</up-button> --> <!-- <up-button @click="toDetail">toDetail</up-button> -->
<my-video-list isCommand isTabbar v-if="state.list.length" @swiperChange="swiperChange" :list="state.list" @update="update" <my-video-list isCommand isTabbar v-if="state.list.length" @swiperChange="swiperChange" :list="state.list" @update="update" :info="state"></my-video-list>
:info="state" </view>
></my-video-list> <view class="mask" v-if="maskShow">
<view class="content">
<view class="title">
<text class="t">风险提示</text>
</view>
<view class="text">
<text>您的账号暂不可用，详情请联系客服</text>
</view>
<div class="btn-wrap">
<text class="btn" @click="toContact">去联系客服</text>
</div>
</view>
</view> </view>
</template> </template>
<script setup> <script setup>
import { import { onLoad, onShow } from '@dcloudio/uni-app';
onLoad, import * as Api from '@/api/video/index.js';
onShow import { computed, reactive, ref } from 'vue';
} from '@dcloudio/uni-app' import { slice } from 'lodash';
import * as Api from '@/api/video/index.js'
import {
computed,
reactive,
ref
} from 'vue'
import {
slice
} from 'lodash'
const maskShow = ref(false);
function toDetail() { function toContact() {
uni.navigateTo({
url: '/pages/me/contact'
});
}
function toDetail() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/video/detail?courseId=1208' url: '/pages/video/detail?courseId=1208'
}) });
} }
let options = {} let options = {};
const state = reactive({ const state = reactive({
collect: 0, collect: 0,
current: {}, current: {},
list: [], list: [],
price: 0, price: 0,
title: '' title: ''
}) });
async function init() { async function init() {
const res = await Api.tuijianVideo(options) try {
state.current = res.list[0] const res = await Api.tuijianVideo(options);
Object.assign(state, res) state.current = res.list[0];
state.list = res.list Object.assign(state, res);
state.list = res.list;
} catch (error) {
console.log(error);
if (error.code == 702) {
maskShow.value = true;
} else {
maskShow.value = false;
} }
function update({
index,
item
}) {
state.list[index] = item
} }
onLoad((opt) => { }
Object.assign(options, opt)
init()
})
function swiperChange({ function update({ index, item }) {
current, state.list[index] = item;
direction, }
data onLoad((opt) => {
}) {} Object.assign(options, opt);
init();
});
onShow(() => { function swiperChange({ current, direction, data }) {}
}) onShow(() => {});
</script> </script>
<style> <style>
page{ page {
height: calc(100vh - 50px); height: calc(100vh - 50px);
overflow: hidden; overflow: hidden;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.min-page { .min-page {
/* #ifdef H5 */ /* #ifdef H5 */
height: calc(100vh - 50px); height: calc(100vh - 50px);
/* #endif */ /* #endif */
@@ -85,9 +91,58 @@
background-color: #000; background-color: #000;
overflow: hidden; overflow: hidden;
flex: 1; flex: 1;
} }
.u-popup { .u-popup {
position: fixed; position: fixed;
}
.mask {
width: 750upx;
height: 1700upx;
background-color: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 99999;
.content {
width: 680upx;
height: 420upx;
background-color: #fff;
border-radius: 20upx;
.title {
display: flex;
align-items: center;
justify-content: center;
height: 100upx;
.t {
font-size: 32upx;
font-weight: bold;
} }
}
.text {
padding: 50upx 28upx;
display: flex;
align-items: center;
}
.btn-wrap {
display: flex;
padding: 50upx 28upx 28upx;
.btn {
flex: 1;
height: 80upx;
display: flex;
align-items: center;
justify-content: center;
background-color: #dd8591;
color: #fff;
border-radius: 12upx;
text-align: center;
line-height: 80upx;
}
}
}
}
</style> </style>