播放器雏形

App.vue

@@ -1,4 +1,5 @@
 <script>
+import {music, bgm} from '@/utils/music.js'
 import store from '@/store/index.js';
 import socket from '@/config/socket';
 // #ifdef H5
@@ -8,15 +9,50 @@ import { h5Login } from '@/config/html5Utils';
 import APPUpdate from '@/uni_modules/zhouWei-APPUpdate/js_sdk/appUpdate';
 // #endif
 import Vue from 'vue'
+
 export default {
 	onLaunch: function(e) {
+		
 		uni.getSystemInfo({
 			success(res) {
 				Vue.prototype.winWidth=res.screenWidth
 				Vue.prototype.winHeight=res.screenHeight
 			}
 		})
-		
+		// 取出播放列表
+		uni.getStorage({
+			key: 'playData',
+			success: function (res) {
+				console.log(res.data,'取出的本地数据');
+				music.setList(res.data.myList)
+				// 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([])
+				// music.setCoverImg('../../static/icon/x1.jpg')
+				store.commit('setUserInfo',{
+					'myList':[],
+					'fengImg':'../../static/icon/x1.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
@@ -43,6 +79,8 @@ export default {
 		
 	},
 	onShow: function(e) {
+		
+	//	console.log(store.state,'playVisible')
 		// #ifdef MP-WEIXIN
 		//获取二维码携带的参数
 		let scene = decodeURIComponent(e.query.scene);
@@ -88,7 +126,14 @@ export default {
 		}
 		// #endif
 	},
-	onHide: function() {}
+	onHide: function() {},
+	destroyed() {
+		store.commit('setUserInfo',{'playFlag': true})		
+		console.log('页面销毁')
+	},
+	methods:{
+			
+		}
 };
 </script>