1. 白屏的bug优化

yvan.ni
1 parent feecc3ca
Showing 6 changed files with 41 additions and 37 deletions
components/full_screen/full_screen.js
components/full_screen/full_screen.wxml
components/full_screen/full_screen.wxss
pages/index/index/index.js
pages/index/index/index.wxml
pages/index/index/index.wxss
@@ -21,28 +21,23 @@ Component({
 		clearInterval(this.data.full_screen);
 	},
   },
- 
-  ready: function () {
-	  var th=this;
-	  setTimeout(function(){
-		 th.setData({hidden:1,}) 
-	  },2600)
-  },
- 
+
+  ready: function () {},
   properties: {},
   methods: {
     close_full_screen(){
-    	this.setData({is_full_screen_show:0,sec_show:0,is_full_screen_men:0});
+    	this.setData({is_full_screen_show:0,sec_show:0});
     },
     //-- 跳转到满屏广告的链接 --
     go_full_ad(){
     	if(!this.data.full_ad) return false;
     	if(!this.data.full_ad.ad_weapplink) return false;
     	getApp().goto(this.data.full_ad.ad_weapplink);
-		this.setData({is_full_screen_show:0,is_full_screen_men:0});
     },   
     get_the_full_screen(){		
-		if(this.data.full_ad) return false;		
+		if(this.data.full_ad) {			
+			return false;		
+		}
     	var th=this;
     	//获取全屏的广告
     	getApp().request.promiseGet("/api/weshop/ad/page?pid=1001&store_id=" + o.stoid,{
@@ -53,8 +48,7 @@ Component({
     			 th.setData({
     				 is_full_screen_show:1,
     				 full_ad:res.data.data.pageData[0],		 
-    			 })
-				 
+    			 })				 
 				 //--定时关闭--
 				 th.data.full_screen=setInterval(function(){
 				 	 if(!th.data.sec_show) {
@@ -65,16 +59,8 @@ Component({
 				 	 th.data.sec_show--;
 				 	 th.setData({sec_show:th.data.sec_show});		 
 				 },1000)
-				 
-				 
-				 setTimeout(function(){
-					 th.setData({is_full_screen_men:0});
-				 },1000)
-    		 }else{
-				 th.setData({
-				     is_full_screen_men:0
-				 })
-			 }				
+							
+    		 }	
     	})
     }
   },
 <!-- 全屏控制 -->
-<view hidden="{{!is_full_screen_men || hidden}}" class="full_screen" style="background-color: #fff;"></view>
 <view wx:if="{{is_full_screen_show}}" class="full_screen" bindtap="go_full_ad"  style="background-image: url('{{url+full_ad.ad_code}}');">
 	 <view catchtap="close_full_screen"  class="skip_box">跳过 <text>{{sec_show}}</text></view>
 </view>
@@ -8,8 +8,6 @@
 	background-size: 100% 100%;
 	background-repeat: no-repeat;
 }
-
-
 .skip_box{
         float: right;  margin-top: 10rpx;  margin-right: 10rpx;
         background-color: gainsboro;  width: 120rpx;
@@ -253,8 +253,20 @@ Page({
  
 		//有加载过一次首页，就显示
 		if(show || userInfo || getApp().globalData.user_id){
-		   var full_screen = th.selectComponent("#full_screen"); //组件的id
-		   full_screen.get_the_full_screen();		   
+		    setTimeout(function(){
+		   			   var full_screen = th.selectComponent("#full_screen"); //组件的id
+		   			   full_screen.get_the_full_screen();
+		   		    },660)	
+		   			//动画效果
+		   			if(!th.data.f_hidden){
+		   				wx.showLoading({
+		   					title:'加载中..'
+		   				});
+		   				setTimeout(function(){						
+		   					th.setData({f_hidden:1})
+		   					wx.hideLoading();
+		   				},800)	
+		   			}			   
 		}else{
 		   getApp().globalData.isLoad_ad=1;	
 		}	
@@ -371,7 +383,6 @@ Page({
         flash_data = e.data.data.pageData;
         if (flash_data == null || flash_data.length <= 0) return false;
  
-
         //当前时间戳
         var nt = ut.gettimestamp();
  
-<!-- <import src="../../tabbar/tabbar.wxml" /> -->
-<!-- <template is="tabBar" data="{{tabBar}}"/> -->
+<view hidden="{{f_hidden}}" class="full_screen" style="background-color: #fff;"></view>
+<full_screen id="full_screen"></full_screen>
 <!--普通界面-->
 <wxs module="filter" src="../../../utils/filter.wxs"></wxs>
+
+<block wx:if="{{f_hidden}}">
+
 <view class="container rel" wx:if="{{ishow}}">
   <block wx:if="{{banner}}">
     <image class="xc-top-img abs" src="{{url}}/miniapp/images/top-img.png"></image>
@@ -390,6 +393,8 @@
   </block>
 </view>
  
+</block>
+
 <!-- 蒙尘 -->
 <block wx:if="{{is_disgraceful}}">
   <view class="disgraceful">
@@ -417,8 +422,6 @@
 		</view>
 	</view>
 </block>
-
-
  
 <block wx:if="{{showHongbaoSmall}}">
 	<view>
@@ -426,9 +429,6 @@
 	</view>
 </block>
  
-<!-- <hongbao id="hongbao" bind:closeHongbao="closeHongbao" wx:if="{{showHongbao}}" url="{{url}}"></hongbao> -->
-<full_screen id="full_screen"></full_screen>
-
  
  
  
@@ -966,4 +966,14 @@ page {
 	/* transform: translateY(-50%); */
 	z-index: 10000;
 }
-.dis_top{position: fixed; top: 0; left: 0; width: 100%; z-index: 100000;}
 \ No newline at end of file
+.dis_top{position: fixed; top: 0; left: 0; width: 100%; z-index: 100000;}
+.full_screen{
+	position: fixed;left: 0;top: 0;
+	z-index: 1000000000000;
+	background-color: rgba(0,0,0,0.4);
+	width: 100%;
+	height: 100%;
+	background-position: center;
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+}