请问uni-app的页面背景色怎么设置，我看官方文档只支持微信小程序
你是童话吗
- 发布：2018-12-27 12:15
- 更新：2020-11-19 10:59
- 阅读：65183
暗眼小子 - 前端
<style>
page {
background-color: #f7f7f7;
}
</style>
<style lang="scss" scoped>
个人遇到了和题主一样的问题，但是在上面新建了一个style在里面写入page{}之后，就起作用了，不清楚是什么原因
page是生效的，不过在页面一直用手往上滚，最下面的html背景色还是白的，需要对html设置背景色，但不同的路由，背景都不是一样的怎么处理呢，有人处理过不
-
在pages.json中设置全局样式globalStyle或者每个页面的样式style，即添加backgroundColorTop和backgroundColorBottom并设置为自己想要的颜色
2019-12-01 16:29
-
-
9***@qq.com - 蘑菇云
<style>
page{
background:linear-gradient(-41deg,rgba(9,187,254,0.26),rgba(90,66,236,0.26));
}
</style>
<style lang="scss" scoped>
@import 'index.scss';
</style>
sumsum
在app.vue中加 uni-page-head .uni-page-head {
background-color: #f7f7f7;
}
2019-11-20 11:49
Lysander686
为什么这个page{background: red; } 在uni app 调试安卓端的时候不管用
2020-11-17 14:11
8***@qq.com
回复 Lysander686: 同样不好用的路过，找到原因了吗？
2020-11-18 15:50
Lysander686
回复 8***@qq.com: 就是不兼容, 然后你踩了个坑把, 设置 .page-main{height: 100vh; background: red;} 就可以达到类似的效果..
感觉拿uni app 做安卓就是要踩坑
2020-11-19 19:52
Ayass000
回复 Lysander686: 我试了，直接设100vh会导致可以滑动，建议用fixed或者absolute定位，上下左右距离0即可，不用设高度。我把安卓项目搬到uniapp上做，一大堆问题要调，坑太多了
2021-01-21 17:24
Lysander686
回复 Ayass000: 最近学了一个 从父元素(app.vue) 到子页面的高度全部设置为 { height: 100%;}, 这个似乎更加好
2021-02-02 09:20