vue更改背景图高度

北陌、青梅畿時青

于 2019-10-08 09:22:31 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_43547023/article/details/102364688

vue 专栏收录该内容

8 篇文章

订阅专栏

vue中更改背景图高度

html

<div class="login" :style="note">
	<div class="loginOne" :style="loginHe">
	
	</div>
</div>

data(){
	return{
		note:{
			backgroundImage:'url('+require('@/assets/bk.png')+')',
			backgroundRepeat:"no-repeat",
			background-size:"100% 100%",margin-top:'20px'
		}
	}
}

created(){
	this.loginHe = 'height:'+($(window).height())+'px;overflow-y:auto;';
}

css

.login{
	background-repeat:no-repeat;
	background-size:100% 100%
}