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

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

page{
		height: 100%!important;
	}

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

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

page{
		height: 100%;
	}

app.vue的css

h5页面效果

解决后的图片

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐