uni-app的页面背景色怎么设置【和传统的html还是有区别】

最新推荐文章于 2025-06-29 22:04:13 发布

原创最新推荐文章于 2025-06-29 22:04:13 发布 · 1w 阅读

2 ·

CC 4.0 BY-SA版权

uni-app 专栏收录该内容

36 篇文章

订阅专栏

本文探讨了在使用SCSS预处理器时如何避免样式污染全局的问题，详细介绍了如何为特定页面设置背景颜色而不影响其他页面，同时分享了关于view元素的字体大小设定和按钮样式的SCSS代码实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

灵感来自于文章：http://ask.dcloud.net.cn/question/63438

<!-- 为了不影响scss样式污染全局，单独开一个style全局的背景样式 -->
<style>
	page {
		background-color: #F3F4F6;
	}
</style>

<!-- 如果page【当前页面】要设置背景颜色，那么style样式必须是全局的，不能添加scoped,否则无效！ -->
<style lang="scss">
	
	// page {
	// 	background-color: #F3F4F6;
	// }
	// 
	view {
		font-size: 14px;
	}

	.transfer-token-top {
		&>view:nth-of-type(n) {
			margin: 20px auto;
			background: #fff;
			padding: 10px;
		}
	}
	
	button {
		margin: 10px auto;
	}
	
	
</style>