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

2023-11-02

一、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 - 简书

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

  • VSCode用私钥连服务器

    以前一直用PyCharm 听说VSCode可以连接服务器直接修改文件什么的很方便 于是改用VSCode试试 记录一下自己的具体配置流程 1 安好VSCode后 打开左侧栏的扩展 搜索ssh 安装Remote SSH 2 安装后左侧栏出现远程
  • 【LlamaIndex 教程】一文看懂LlamaIndex用法,为LLMs学习私有知识

    城南 LlamaIndex 教程 一文看懂LlamaIndex用法 为LLMs学习私有知识 我是卷了又没卷 薛定谔的卷的AI算法工程师 陈城南 全网平台同名 担任某大厂的算法工程师 带来最新的前沿AI知识 分享 AI 有趣工具和实用玩法 包

随机推荐

  • vue3实现高德地图多点标注(so easy)

    vue3实现高德地图多点标注 so easy 前言 思路清晰 抽丝剥茧 必要的准备工作 最简单的部分 处理数据之前 最关键的思路 效果 完整代码 前言 非常感谢你能打开这篇博客 我想你一定是遇到了地图多点标注有关的问题 这些问题对你造成一些
  • 04 Java面试题之数组

    一 数组的类型可以为任意类型吗 答 可以是任意类型 二 数组中的元素的类型必须是相同的吗 数组中的元素是有序的吗 答 数组中元素的类型必须是相同的 数组中元素是有序的 索引的顺序 从零开始 三 数组的长度可变不 数组的长度使用哪个属性 答
  • 深度学习|卷积神经网络

    一 卷积神经网络简介 卷积神经网络 Convolutional Neural Network CNN 是一种深度学习神经网络结构 主要用于图像识别 计算机视觉等领域 该结构在处理图像等高维数据时表现出色 因为它具有共享权重和局部感知的特点
  • Yii Framework 开发教程(12) UI 组件 ClipWidget示例

    CClipWidget提供了类似录制 宏 的功能 定义在CClipWidget的init和run之间的内容可以存放在Controller的Clip变量中 然后重新回放到任意其它位置 CClipWidget封装的是CBaseControlle
  • html随机点名函数,利用JS实现课堂随机点名和顺序点名

    1 效果 ScreenGif gif 2 Html代码 随机点名区域 3 JavaScript代码 var i 0 t用来接收setTimeOut 的返回值 var t var st 张三 李四 老王 旺财 铁柱 王八 来福 小明 小红 狗
  • 时域OCT与频域OCT的区别

    时域OCT TD OCT 与频域OCT FD OCT 的最大区别在于信号采集单元 也就是检测器部分 时域 用光电探测器进行点探测 频域 用光谱仪进行光谱的采集 一般多用光栅和线阵CCD阵列为核心的小型光谱仪 按照分光原件不同分的 1 1 g
  • 类文件具有错误的版本 55.0, 应为 52.0

    文章目录 背景 原因 解决方案 方案一 条件 使用idea本身maven的编译命令的话 使用命令编译的话 mac怎么查看安装的jdk目录 mac怎么修改默认是jdk11 1 evanyang Evans MacBook Pro vim ba
  • 在ubuntu中安装Jenkins

    安装前的准备 一台 ubuntu 主机 本篇文章使用的是Ubuntu 16 04 5 LTS 切换到root用户 安装 Jenkins 第一次安装的可以稍微看下jenkins 的安装文档 总之 如果没有安装 Java 需要安装一下 下面是目
  • pickle库的使用

    pickle 作用 把一个列表 迭代类型变量 存储为序列化对象 不以字符串存 而是以序列存 存好后下次取出依旧是列表 迭代类型变量 意义 即把迭代变量保存到硬盘中 而不只是存在内存里 可以方便直接提供给他人一个变量而不用给比人一整段代码 存
  • SpringCloud学习笔记(二)

    续 一 负载均衡的第二种实现方式Feign 前面在使用Ribbon RestTemplate时 利用RestTemplate对Http请求的封装处理 形成了一套模板化的调用方法 但是使用 RestTemplate 还是不方便 这样每次都调用
  • 87-信号和槽-基于Qt Designer 的信号与槽

    基于Qt Designer 的信号与槽 可以使用 Qt Designer 创建信号与槽 这种方式的好处是可以可视化创建页面视图 少写很多代码 只需要关注逻辑部分就可以 本节案例要实现的功能如下 通过一个模拟打印的界面来详细说明信号的使用 在
  • Flutter的手势识别功能实现GestureDetector

    GestureDetector简介 GestureDetector 是 Flutter 中一个非常常用的小部件 它提供了许多手势识别的功能 包括点击 双击 长按 拖动 缩放等等 使用方法 GestureDetector 可以包裹其他部件 当
  • jenkins pipeline中获取shell命令的标准输出或者状态

    获取标准输出 第一种 result sh returnStdout true script
  • args在python中什么意思_Python中*args、**args到底是什么、有啥区别、怎么用

    调用函数时使用 和 假设有函数 def test a b c test args 的作用其实就是把序列 args 中的每个元素 当作位置参数传进去 比如上面这个代码 如果 args 等于 1 2 3 那么这个代码就等价于 test 1 2
  • BUUCTF-[Misc杂项]---二维码

    目录 BUUCTF Misc杂项 二维码 题目 题解 BUUCTF Misc杂项 二维码 题目 题解 下载附加压缩包并打开 打开后发现是一张png图片 解压下来 解压后是一张二维码图片 我们直接放到二维码查看器工具当中 得到此条信息 我们继
  • c# global::

    Global 表示所有命名空间的根部 Global asa 文件的作用主要是用于站点或虚拟目录下程序的数据共享和多线程 在 global asa 中 可以声明 Application 事件和 Session 事件 并可以声明一些 Sessi
  • Windows安装pip方法

    pip是一款非常方便的python包管理工具 本文主要介绍在windows 10下安装pip方法 1 下载pip 地址 https pypi python org pypi pip downloads 注意选择tar gz压缩包 目前最新版
  • 服务器系统版本选择,云服务器选择系统版本

    云服务器选择系统版本 内容精选 换一换 使用弹性云服务器或者外部镜像文件创建私有镜像时 必须确保操作系统中已安装PV driver 使新发放的云服务器支持XEN虚拟化 同时也可以提升云服务器的I O处理性能 实现对云服务器硬件的监控和其他高
  • MobileNet ShuffleNet & yolov5替换backbone

    以下内容参考参考 MobileNet V1 亮点 1 使用可分离卷积核大幅减少参数量 2 增加了超参数a b a 卷积核个数的倍率 b 分辨率高低 MobileNet V2 亮点 1 使用倒结构残差 残差结构 两边粗 中间细 倒残差结构 两
  • uniapp为page设置背景色不生效 & lang=“scss“ scoped的page样式失效,uniapp重复打开页面

    一 lang scss scoped中的page选择器的样式失效 在用uniapp生成网页和H5时有效 但生成小程序或者app时无效 这是因为page选择器在小程序和app编译中是页面的父节点 所以加上scoped限定后 会导致无法选中 详