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頁面效果

解決後的圖片

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