uniapp为page设置背景色不生效 & lang=“scss“ scoped的page样式失效，uniapp重复打开页面

page选择器在小程序和app编译中是页面的父节点，所以加上scoped限定后，会导致无法选中。详细了解请移步源码。二、uniapp生成的app启动时，多个请求都因为未登录，转至登录页面，使其多次打开。解决办法就是给 page 选择器，单独设置一个 style，去掉scoped就行。在用uniapp生成网页和H5时有效，但生成小程序或者app时无效。一、lang="scss" scoped中的pa

sd_zhao18

2599人浏览 · 2023-04-03 01:46:14

sd_zhao18 · 2023-04-03 01:46:14 发布

一、lang="scss" scoped中的page选择器的样式失效

在用uniapp生成网页和H5时有效，但生成小程序或者app时无效。这是因为page选择器在小程序和app编译中是页面的父节点，所以加上scoped限定后，会导致无法选中。详细了解请移步源码。

解决办法就是给 page 选择器，单独设置一个 style，去掉scoped就行。

<style lang="scss">
	page {
		background-color: $uni-bg-color-theme;
	}
</style>

<style lang="scss" scoped>
	page {
		// background-color: $uni-bg-color-theme;
	}
    。。。其它样式。。。
</style>

参考文献：uniapp 在style添加了scoped后 page 选择器失效_追格小程序,圈子小程序,知识付费小程序,企业官网小程序,WordPress主题模板

二、uniapp生成的app启动时，多个请求都因为未登录，转至登录页面，使其多次打开

这是因为函数异步执行，和跳转后没有关闭上一页面导致的。

					//这个跳转会保留当前页
					// uni.navigateTo({
					// 	url: "/pages/login/login"
					// })
					uni.redirectTo({
						url:"/pages/login/login"
					})
					//这个是单线程，类似异步，在等待时，代码会继续向下执行
					// setTimeout(() => {
					// 	uni.navigateTo({
					// 		url: "/pages/login/login"
					// 	})
					// }, 1000)

参考文献：

关于setTimeout()是同步还是异步的问题?到详谈Event Loop - 简书