这篇“uniapp中如何设置全局页面背景色”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“uniapp中如何设置全局页面背景色”文章吧。
在pages.json里面设置单页面背景色,这种是不行的,只能在页面内生效
// pages.json "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "衡物联", "navigationBarBackgroundColor": "#ffffff", "backgroundColor": "red" // 这里尝试设置全局页面背景色,未生效 },
// pages.json "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "衡物联", "navigationBarBackgroundColor": "#ffffff", "backgroundColor": "#4094ff" // 这里尝试设置全局页面背景色,未生效 },
1.在App.vue里面
2.在每个页面的根view 里添加一个class名叫page
效果是不 OK 的,不设置宽高的情况下,不是整个页面的背景色
<style> page { background-color: #F0AD4E; } </style>
这次生效了,而且是不用在每个页面中引用的
注意这里需要是 page
而不是 .page
以上就是关于“uniapp中如何设置全局页面背景色”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。