首页图优化

pages/login/welcome.vue

@@ -9,8 +9,12 @@
 				
 			</view>
 			
-			<u-image  id="imgw" @load="imgsload" ref="imgw"  mode="widthFix">
-				
+			<u-image  id="imgw" v-if="imgmode"   @load="imgsload" ref="imgw"  mode="widthFix">
+				<view slot="loading"></view>
+				<view slot="error"></view>
+			</u-image>
+			
+			<u-image   v-if="!imgmode"  :height="imgH"  ref="imgw2"  mode="aspectFill">
 				<view slot="loading"></view>
 				<view slot="error"></view>
 			</u-image>
@@ -39,7 +43,9 @@
 		data() {
 			return {
 				isReady:true,
-				step:3
+				step:3,
+				imgH:'',
+				imgmode:true
 			}
 		},
 		methods: {
@@ -57,8 +63,13 @@
 						  var windowH=res.windowHeight;
 						  var imgH= data.height;
 						  var value=windowH-imgH;
-						  if(value>100){
+						  console.log(value)
+						  if(value>=100){
+							  this.imgmode=true
 							  document.getElementsByClassName("welcome-foot")[0].style="height:"+value+"px"
+						  }else{
+							  this.imgmode=false
+							  
 						  }
 						}).exec();
 						
@@ -118,7 +129,7 @@
 			},
 			setBackImg(){
 				var  img=this.carhelp.getConfig().homepageLogo
-				// img="../../static/img/AAA.jpg"		
+					
 				if(img){
 					this.$refs.imgw.src=img
 					//document.body.style="background:url("+img+") no-repeat;background-size: 100%;"
@@ -149,7 +160,13 @@
 			},
 			onReadyIng(){
 				//let state = {};
-				
+				uni.getSystemInfo({
+					success: (res) => {
+						 var windowH=res.windowHeight;
+						this.imgH=(windowH-100)+"px";
+						
+					}
+				})
 								
 				this.indexstep()
 				this.setBackImg( )
@@ -178,6 +195,7 @@
 				}
 							
 			}else{
+				
 				this.onReadyIng()
 			}