uni-app 学习: 页面高度设置100%

uni-app 中页面默认没有100%,内容只显示一半,而且轮播图随内容区域一起滚动,不能固定,如下图所示:

高度没有100%
轮播图随内容区域一起滚动
在独立页面给page加高度100%, 此时h5页面正常但是在小程序中依旧是不起作用的,如下图:

page{
		height: 100%!important;
	}

独立页面设置page高度
小程序中效果

在vue.app文件中设置设置page的高度,可解决问题,轮播图可以不随内容发生滚动,如图:

page{
		height: 100%;
	}

app.vue的css

h5页面效果

解决后的图片

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章