54

src/router/index.js

@@ -8,246 +8,245 @@ Vue.use(VueRouter);
 
 const routes = [
 	{
-	    path: "/",
+		path: "/",
+		name: "login",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/login/login.vue")
+	},
+	{
+	    path: "/test",
 	    name: "test",
 	    component: ()=>import("../views/test/test.vue")
     },
-   {
-		path: "/login",
-		name: "login",
+	{
+		path: "/loginByPhone",
+		name: "loginByPhone",
+		meta:{
+			keepAlive:false
+		},
+		component: ()=>import("../views/login/loginByPhone.vue")
+	},
+	{
+		path: "/loginByCode",
+		name: "loginByCode",
+		meta:{
+			keepAlive:false
+		},
+		component: ()=>import("../views/login/loginByCode.vue")
+	},
+	{
+		path: "/sex",
+		name: "sex",
 		meta:{
 			keepAlive:true
 		},
-		component: ()=>import("../views/login/login.vue")
-   },
-  
-  {
-    path: "/loginByPhone",
-    name: "loginByPhone",
-	meta:{
-		keepAlive:false
+		component: ()=>import("../views/info/sex.vue")
+	},
+	{
+		path: "/figure",
+		name: "figure",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/info/figure.vue")
+	},
+	{
+		path: "/datum",
+		name: "datum",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/info/datum.vue")
+	},
+	{
+		path: "/city",
+		name: "city",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/info/city.vue")
+	},
+	{
+		path: "/wechat",
+		name: "wechat",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/info/wechat.vue")
+	},
+	{
+		path: "/labels",
+		name: "labels",
+		meta:{
+			keepAlive:false
+		},
+		component: ()=>import("../views/info/labels.vue")
 	},
-    component: ()=>import("../views/login/loginByPhone.vue")
-  },
-  {
-    path: "/loginByCode",
-    name: "loginByCode",
-	meta:{
-		keepAlive:false
+	{
+		path: "/user",
+		name: "user",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/friends/user.vue")
 	},
-    component: ()=>import("../views/login/loginByCode.vue")
-  },
-  {
-    path: "/sex",
-    name: "sex",
-	meta:{
-		keepAlive:true
+	{
+		path: "/main",
+		name: "main",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/main/main.vue"),
+		redirect: '/friends',
+		children:[
+			{
+			  path: "/friends",
+			  name: "friends",
+			  meta:{
+				keepAlive:false
+			  },
+			  component:()=>import("../views/friends/friends.vue"),
+			},
+			{
+			  path: "/messages",
+			  name: "messages",
+			  meta:{
+				keepAlive:false
+			  },
+			  component:()=>import("../views/messages/messages.vue"),
+			},
+			{
+			  path: "/mine",
+			  name: "mine",
+			  meta:{
+				keepAlive:false
+			  },
+			  component:()=>import("../views/mine/mine.vue"),
+			},
+		]
+	},
+	{
+		path: "/chatting",
+		name: "chatting",
+		meta:{
+			keepAlive:false
+		},
+		component: ()=>import("../views/chatting/chatting.vue")
 	},
-    component: ()=>import("../views/info/sex.vue")
-  },
-  {
-    path: "/figure",
-    name: "figure",
-	meta:{
-		keepAlive:true
+	{
+		path: "/editCenter",
+		name: "editCenter",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/info/editCenter.vue")
 	},
-    component: ()=>import("../views/info/figure.vue")
-  },
-  {
-    path: "/datum",
-    name: "datum",
-	meta:{
-		keepAlive:true
+	{
+		path: "/guest",
+		name: "guest",
+		meta:{
+			keepAlive:false
+		},
+		component: ()=>import("../views/mine/guest.vue")
 	},
-    component: ()=>import("../views/info/datum.vue")
-  },
-  {
-    path: "/city",
-    name: "city",
-	meta:{
-		keepAlive:true
+	{
+		path: "/search",
+		name: "search",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/search/search.vue")
 	},
-    component: ()=>import("../views/info/city.vue")
-  },
-  {
-    path: "/wechat",
-    name: "wechat",
-	meta:{
-		keepAlive:true
+	{
+		path: "/album",
+		name: "album",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/mine/album.vue")
 	},
-    component: ()=>import("../views/info/wechat.vue")
-  },
-  {
-    path: "/labels",
-    name: "labels",
-  	meta:{
-  		keepAlive:false
-  	},
-    component: ()=>import("../views/info/labels.vue")
-  },
-  {
-    path: "/user",
-    name: "user",
-	meta:{
-		keepAlive:true
+	{
+		path: "/faceVideo",
+		name: "faceVideo",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/faceVideo/faceVideo.vue")
 	},
-    component: ()=>import("../views/friends/user.vue")
-  },
-  {
-    path: "/main",
-    name: "main",
-	meta:{
-		keepAlive:true
+	{
+		path: "/chooseImage",
+		name: "chooseImage",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/mine/chooseImage.vue")
 	},
-    component: ()=>import("../views/main/main.vue"),
-	redirect: '/friends',
-	children:[
-		{
-		  path: "/friends",
-		  name: "friends",
-		  meta:{
-		  	keepAlive:false
-		  },
-		  component:()=>import("../views/friends/friends.vue"),
+	{
+		path: "/authReady",
+		name: "authReady",
+		meta:{
+			keepAlive:true
 		},
-		{
-		  path: "/messages",
-		  name: "messages",
-		  meta:{
-		  	keepAlive:false
-		  },
-		  component:()=>import("../views/messages/messages.vue"),
+		component: ()=>import("../views/mine/authReady.vue")
 		},
-		{
-		  path: "/mine",
-		  name: "mine",
-		  meta:{
-		  	keepAlive:false
-		  },
-		  component:()=>import("../views/mine/mine.vue"),
+	{
+		path: "/setting",
+		name: "setting",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/setting/setting.vue")
+	},
+	{
+		path: "/vip",
+		name: "vip",
+		meta:{
+			keepAlive:true
+		},
+		component: ()=>import("../views/vip/vip.vue")
+	},
+	{
+		path: "/walletHome",
+		name: "walletHome",
+		component: () => import("../views/wallet/walletHome/index"),
+	},
+	{
+		path: "/ydDetail",
+		name: "ydDetail",
+		component: () => import("../views/wallet/ydDetail/index"),
+	},
+	{
+		path: "/walletWithdraw",
+		name: "walletWithdraw",
+		component: () => import("../views/wallet/walletWithdraw/index"),
+	},
+	{
+		path: "/boundAli",
+		name: "boundAli",
+		component: () => import("../views/wallet/boundAli/index"),
+	},
+	{
+		path: "/incomeDetail",
+		name: "incomeDetail",
+		component: () => import("../views/wallet/incomeDetail/index"),
+	},
+	{
+		path: "/exchange",
+		name: "exchange",
+		component: () => import("../views/wallet/exchange/index"),
 		},
-	]
-  },
-  {
-    path: "/chatting",
-    name: "chatting",
-	meta:{
-		keepAlive:false
+	{
+		path: "/exchangeSuccess",
+		name: "exchangeSuccess",
+		component: () => import("../views/wallet/exchangeSuccess/index"),
+	},
+	{
+		path: "/withdrawResult",
+		name: "withdrawResult",
+		component: () => import("../views/wallet/withdrawResult/index"),
 	},
-    component: ()=>import("../views/chatting/chatting.vue")
-  },
-  {
-    path: "/editCenter",
-    name: "editCenter",
-  	meta:{
-  		keepAlive:true
-  	},
-    component: ()=>import("../views/info/editCenter.vue")
-  },
-  {
-    path: "/guest",
-    name: "guest",
-  	meta:{
-  		keepAlive:false
-  	},
-    component: ()=>import("../views/mine/guest.vue")
-  },
-  {
-    path: "/search",
-    name: "search",
-  	meta:{
-  		keepAlive:true
-  	},
-    component: ()=>import("../views/search/search.vue")
-  },
-  {
-    path: "/album",
-    name: "album",
-  	meta:{
-  		keepAlive:true
-  	},
-    component: ()=>import("../views/mine/album.vue")
-  },
-  {
-    path: "/faceVideo",
-    name: "faceVideo",
-  	meta:{
-  		keepAlive:true
-  	},
-    component: ()=>import("../views/faceVideo/faceVideo.vue")
-  },
-  {
-    path: "/chooseImage",
-    name: "chooseImage",
-  	meta:{
-  		keepAlive:true
-  	},
-    component: ()=>import("../views/mine/chooseImage.vue")
-  },
-  {
-    path: "/authReady",
-    name: "authReady",
-  	meta:{
-  		keepAlive:true
-  	},
-    component: ()=>import("../views/mine/authReady.vue")
-  },
-  {
-    path: "/setting",
-    name: "setting",
-  	meta:{
-  		keepAlive:true
-  	},
-    component: ()=>import("../views/setting/setting.vue")
-  },
-  {
-    path: "/vip",
-    name: "vip",
-  	meta:{
-  		keepAlive:true
-  	},
-    component: ()=>import("../views/vip/vip.vue")
-  },
-  {
-  	path: "/walletHome",
-  	name: "walletHome",
-  	component: () => import("../views/wallet/walletHome/index"),
-  },
-  {
-  	path: "/ydDetail",
-  	name: "ydDetail",
-  	component: () => import("../views/wallet/ydDetail/index"),
-  },
-  {
-  	path: "/walletWithdraw",
-  	name: "walletWithdraw",
-  	component: () => import("../views/wallet/walletWithdraw/index"),
-  },
-  {
-  	path: "/boundAli",
-  	name: "boundAli",
-  	component: () => import("../views/wallet/boundAli/index"),
-  },
-  {
-  	path: "/incomeDetail",
-  	name: "incomeDetail",
-  	component: () => import("../views/wallet/incomeDetail/index"),
-  },
-  {
-  	path: "/exchange",
-  	name: "exchange",
-  	component: () => import("../views/wallet/exchange/index"),
-  },
-  {
-  	path: "/exchangeSuccess",
-  	name: "exchangeSuccess",
-  	component: () => import("../views/wallet/exchangeSuccess/index"),
-  },
-  {
-  	path: "/withdrawResult",
-  	name: "withdrawResult",
-  	component: () => import("../views/wallet/withdrawResult/index"),
-  },
 ];
 
 const router = new VueRouter({

src/views/login/login.vue

@@ -34,7 +34,10 @@
 			}
 		},
 		mounted() {
-			this.getStatusBarHeight();
+			setTimeout(()=>{
+				this.getStatusBarHeight();
+			},1000)
+			
 		},
 		methods: {
 			onVideoPause(){//解决切换页面视频自动暂停

src/views/test/test.vue

@@ -116,7 +116,7 @@
 				window.webkit.messageHandlers.call.postMessage({
 					api:"com.js.getStatusBarHeight",
 					data:{
-						url:'https://www.baidu.com'
+						
 					},
 					callback:'getStatusBarHeightInvoke'
 				})