308 lines
7.5 KiB
Vue
308 lines
7.5 KiB
Vue
<script>
|
||
// import {
|
||
// mapMutations
|
||
// } from 'vuex'
|
||
// import {
|
||
// version
|
||
// } from './package.json'
|
||
// import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update';
|
||
import { music, bgm } from "@/utils/music.js";
|
||
import store from "@/store/index.js";
|
||
import socket from "@/config/socket";
|
||
// #ifdef H5
|
||
import { h5Login } from "@/config/html5Utils";
|
||
// #endif
|
||
// // #ifdef APP-PLUS
|
||
// import APPUpdate from '@/uni_modules/zhouWei-APPUpdate/js_sdk/appUpdate';
|
||
// // #endif
|
||
// #ifdef APP-PLUS
|
||
import updata from "@/uni_modules/uni-upgrade-center-app/utils/check-update";
|
||
// #endif
|
||
import Vue from "vue";
|
||
export default {
|
||
data() {
|
||
return {
|
||
platform: null, // 系统
|
||
};
|
||
},
|
||
onLaunch: function (e) {
|
||
// 禁止横屏
|
||
// #ifdef APP-PLUS
|
||
plus.screen.lockOrientation("portrait-primary");
|
||
// plus.screen.lockOrientation("portrait-primary");
|
||
// #endif
|
||
// 检测自动更新
|
||
// #ifdef APP-PLUS
|
||
updata();
|
||
// #endif
|
||
|
||
uni.getSystemInfo({
|
||
success(res) {
|
||
Vue.prototype.winWidth = res.screenWidth;
|
||
Vue.prototype.winHeight = res.screenHeight;
|
||
Vue.prototype.statusBarHeight = res.statusBarHeight;
|
||
},
|
||
});
|
||
|
||
|
||
|
||
|
||
|
||
// 取出初始播放信息
|
||
uni.getStorage({
|
||
key: "playingInfo",
|
||
success: function (res) {
|
||
console.log(res, "playingInfo本地初始化");
|
||
store.commit("setUserInfo", {
|
||
playingInfo: res.data,
|
||
});
|
||
store.commit("setUserInfo", {
|
||
playTitle: res.data.chapter,
|
||
fengImg: res.data.bookImage,
|
||
});
|
||
console.log(store.state.userInfo, "初始化");
|
||
},
|
||
fail: function (e) {
|
||
console.log(e, "playingInfo本地初始化失败");
|
||
store.commit("setUserInfo", {
|
||
playingInfo: {
|
||
images: "../../static/icon/fengziIcon.jpg",
|
||
chapterName: "暂无播放信息",
|
||
},
|
||
});
|
||
store.commit("setUserInfo", {
|
||
playTitle: "暂无播放信息",
|
||
fengImg: "../../static/icon/fengziIcon.jpg",
|
||
});
|
||
},
|
||
});
|
||
// 取出播放列表
|
||
uni.getStorage({
|
||
key: "playData",
|
||
success: function (res) {
|
||
// 本地有播放数据就用本地的
|
||
console.log(res.data, "取出的本地数据");
|
||
if (res.data.myList.length <= 0) {
|
||
store.commit("setUserInfo", {
|
||
playVisible: false,
|
||
});
|
||
} else {
|
||
music.setList(res.data.myList, "", store.state.userInfo.playIndex);
|
||
// music.setCoverImg(res.data.fengImg)
|
||
store.commit("setUserInfo", res.data);
|
||
}
|
||
store.commit("setUserInfo", {
|
||
playFlag: false,
|
||
}); // 设置播放按钮状态为暂停
|
||
store.commit("setUserInfo", {
|
||
currentTime: 0,
|
||
});
|
||
},
|
||
fail: function (e) {
|
||
// 如果没有，就查询一下线上的播放记录
|
||
console.log("本地无数据");
|
||
music.setList([]);
|
||
//store.commit('setUserInfo',{'playingInfo': {'bookid':0,'chapterId':0}});
|
||
store.commit("setUserInfo", {
|
||
playVisible: false,
|
||
});
|
||
store.commit("setUserInfo", {
|
||
myList: [],
|
||
fengImg: "../../static/icon/fengziIcon.jpg",
|
||
});
|
||
store.commit("setUserInfo", {
|
||
playFlag: false,
|
||
});
|
||
store.commit("setUserInfo", {
|
||
currentTime: 0,
|
||
});
|
||
},
|
||
});
|
||
// end
|
||
// 取出播放弹窗显示或者隐藏
|
||
uni.getStorage({
|
||
key: "playVisible",
|
||
success: function (res) {
|
||
store.commit("setUserInfo", {
|
||
playVisible: res.data,
|
||
}); // 设置是否显示按钮
|
||
},
|
||
fail: function (e) {
|
||
// 如果本地没有playVisible数据，默认为false
|
||
store.commit("setUserInfo", {
|
||
playVisible: false,
|
||
});
|
||
},
|
||
});
|
||
//取出缓存数据
|
||
store.commit("setCacheData");
|
||
// #ifdef MP-WEIXIN
|
||
if (store.state.userInfo.token) {
|
||
socket.init();
|
||
}
|
||
// #endif
|
||
// #ifdef H5
|
||
console.log(store.state);
|
||
if (store.state.userInfo.token) {
|
||
socket.init();
|
||
} else {
|
||
h5Login("force", () => {
|
||
socket.init();
|
||
});
|
||
}
|
||
// #endif
|
||
// #ifdef APP-PLUS
|
||
if (store.state.userInfo.token) {
|
||
socket.init();
|
||
}
|
||
// APPUpdate();
|
||
// #endif
|
||
},
|
||
onShow: function (e) {
|
||
// #ifdef APP-PLUS
|
||
plus.screen.lockOrientation("portrait-primary");
|
||
// plus.screen.lockOrientation("portrait-primary");
|
||
// #endif
|
||
// #ifdef MP-WEIXIN
|
||
//获取二维码携带的参数
|
||
let scene = decodeURIComponent(e.query.scene);
|
||
scene = scene.split("&");
|
||
let data = {
|
||
//场景值
|
||
scene: e.scene,
|
||
};
|
||
scene.forEach((item) => {
|
||
let arr = item.split("=");
|
||
if (arr.length == 2) {
|
||
data[arr[0]] = arr[1];
|
||
}
|
||
});
|
||
store.commit("setChatScenesInfo", Object.assign(e.query, data));
|
||
//小程序更新
|
||
if (uni.getUpdateManager) {
|
||
const updateManager = uni.getUpdateManager();
|
||
updateManager.onCheckForUpdate(function (res) {
|
||
// 请求完新版本信息的回调
|
||
// console.log(res.hasUpdate);
|
||
});
|
||
updateManager.onUpdateReady(function (res) {
|
||
uni.showModal({
|
||
title: "更新提示",
|
||
content: "新版本已经准备好，是否重启应用？",
|
||
success(res) {
|
||
if (res.confirm) {
|
||
// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
|
||
updateManager.applyUpdate();
|
||
}
|
||
},
|
||
});
|
||
});
|
||
updateManager.onUpdateFailed(function (res) {
|
||
// 新的版本下载失败
|
||
uni.showModal({
|
||
title: "已经有新版本了哟~",
|
||
content: "新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~",
|
||
showCancel: false,
|
||
});
|
||
});
|
||
}
|
||
// #endif
|
||
},
|
||
onHide: function () {},
|
||
destroyed() {
|
||
store.commit("setUserInfo", {
|
||
playFlag: true,
|
||
});
|
||
console.log("页面销毁");
|
||
},
|
||
globalData: {
|
||
test: "",
|
||
},
|
||
methods: {
|
||
// ...mapMutations(['setUniverifyErrorMsg', 'setUniverifyLogin'])
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import "@/uni_modules/uview-ui/index.scss";
|
||
@import "@/uni_modules/uni-scss/index.scss";
|
||
/* #ifndef APP-PLUS-NVUE */
|
||
/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
|
||
@import "./common/uni.css";
|
||
@import "@/static/customicons.css";
|
||
@import "@/style/common.scss";
|
||
|
||
/* H5 兼容 pc 所需 */
|
||
/* #ifdef H5 */
|
||
@media screen and (min-width: 768px) {
|
||
body {
|
||
overflow-y: scroll;
|
||
}
|
||
}
|
||
|
||
/* 顶栏通栏样式 */
|
||
/* .uni-top-window {
|
||
left: 0;
|
||
right: 0;
|
||
} */
|
||
|
||
/deep/uni-page-body {
|
||
// background-color: #F5F5F5 !important;
|
||
background-color: #d8f8e4 !important;
|
||
min-height: 100% !important;
|
||
height: 100% !important;
|
||
}
|
||
|
||
.uni-top-window uni-tabbar .uni-tabbar {
|
||
background-color: #fff !important;
|
||
}
|
||
|
||
.uni-app--showleftwindow .hideOnPc {
|
||
display: none !important;
|
||
}
|
||
|
||
/* #endif */
|
||
|
||
/* 以下样式用于 hello uni-app 演示所需 */
|
||
page {
|
||
background-color: #efeff4;
|
||
height: 100%;
|
||
font-size: 28rpx;
|
||
/* line-height: 1.8; */
|
||
}
|
||
|
||
.fix-pc-padding {
|
||
padding: 0 50px;
|
||
}
|
||
|
||
.uni-header-logo {
|
||
padding: 30rpx;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-top: 10rpx;
|
||
}
|
||
|
||
.uni-header-image {
|
||
width: 100px;
|
||
height: 100px;
|
||
}
|
||
|
||
.uni-hello-text {
|
||
color: #7a7e83;
|
||
}
|
||
|
||
.uni-hello-addfile {
|
||
text-align: center;
|
||
line-height: 300rpx;
|
||
background: #fff;
|
||
padding: 50rpx;
|
||
margin-top: 10px;
|
||
font-size: 38rpx;
|
||
color: #808080;
|
||
}
|
||
|
||
/* #endif*/
|
||
</style>
|