292 lines
7.0 KiB
Vue
292 lines
7.0 KiB
Vue
<script>
|
||
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
|
||
updata()
|
||
// #endif
|
||
|
||
uni.getSystemInfo({
|
||
success(res) {
|
||
Vue.prototype.winWidth = res.screenWidth
|
||
Vue.prototype.winHeight = res.screenHeight
|
||
}
|
||
})
|
||
|
||
// 取出初始播放信息
|
||
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 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('页面销毁')
|
||
},
|
||
methods: {
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import "uview-ui/index.scss";
|
||
/* #ifndef APP-NVUE */
|
||
@import './style/common.scss';
|
||
@import './style/input.scss';
|
||
@import './style/table.scss';
|
||
|
||
page {
|
||
height: 100%;
|
||
background-color: #f7faf9;
|
||
}
|
||
|
||
/* #endif */
|
||
|
||
/* #ifdef H5 */
|
||
//修复H5底部导航挡住内容bug
|
||
uni-app {
|
||
height: auto;
|
||
}
|
||
|
||
/*每个页面公共css */
|
||
@font-face {
|
||
font-family: 'iconfont';
|
||
/* project id 1997429 */
|
||
src: url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.eot');
|
||
src: url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.eot?#iefix') format('embedded-opentype'),
|
||
url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.woff2') format('woff2'),
|
||
url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.woff') format('woff'),
|
||
url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.ttf') format('truetype'),
|
||
url('https://at.alicdn.com/t/font_1997429_8xzvctxta3u.svg#iconfont') format('svg');
|
||
}
|
||
|
||
.iconfont {
|
||
font-family: "iconfont" !important;
|
||
font-style: normal;
|
||
-webkit-font-smoothing: antialiased;
|
||
-webkit-text-stroke-width: 0.2px;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
|
||
//修复H5输入框上下不居中bug
|
||
.uni-input-form {
|
||
height: 100%;
|
||
}
|
||
|
||
//去除地图上高德地图标识符
|
||
.amap-copyright {
|
||
display: none !important;
|
||
}
|
||
|
||
.amap-logo {
|
||
display: none !important;
|
||
}
|
||
|
||
.amap-ui-control-zoom {
|
||
width: 60upx !important;
|
||
}
|
||
|
||
.amap-ui-control-zoom>* {
|
||
width: 60upx !important;
|
||
height: 60upx !important;
|
||
line-height: 60upx !important;
|
||
}
|
||
|
||
.amap-ui-control-theme-dark {
|
||
display: none !important;
|
||
}
|
||
|
||
//设置圆角
|
||
checkbox.round .wx-checkbox-input,
|
||
checkbox.round .uni-checkbox-input {
|
||
border-radius: 100upx;
|
||
}
|
||
|
||
|
||
//设置背景色
|
||
checkbox.checkedItem[checked] .wx-checkbox-input,
|
||
checkbox.checkedItem .uni-checkbox-input-checked {
|
||
background-color: #e5a000 !important;
|
||
border-color: #e5a000 !important;
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
/* #endif */
|
||
</style> |