uniapp h5默认style是启用scoped局部样式的，怎么修改这个默认设定
tank2015
- 发布：2023-09-13 16:08
- 更新：2024-03-28 13:57
- 阅读：588
爱豆豆 - 办法总比困难多
或者你这样写两个style
<style>
page {
background-color: pink;
}
</style>
<style lang="scss" scoped>
</style>
梦尋Junjie - 原来她有男朋友
说实话 这个好恶心 他这个渲染层级 估计开发这个功能的人都搞不懂他写的什么
不明白为什么 H5要默认开启,而其他平台又不 , 然后又打着一套代码 到处报错的旗号做宣传, 基础的东西都不能做一致,
好听点叫组件开发 说的不好听点 组件样式 各管各, 一个页面你抽离出多少个组件 就要去写多少个组件的样式代码, 想要共用就每个独立引用
其实我之前也遇到了，但是没有认真查他文档，今天终于看到了他写了这么一句话：“非H5端默认并未启用 scoped，如需要隔离组件样式可以在 style 标签增加 scoped 属性，H5端为了隔离页面间的样式默认启用了 scoped”。24年了也不知道这个鬼玩意到底能不能自己控制，实在是恶心的不行
tank2015 (作者)
现在我在用的解决方案是在调用uni.previewImage后回调中使用js添加样式，就是感觉有点别扭
uni.previewImage({
current: img_index,
urls: urls,
success() {
let el_li = document.getElementsByClassName("image-view-img");
el_li.forEach((el, index, self) => {
el.style.cssText = "width: auto ;height: auto;padding:0 10rpx;"
})
}
});
tank2015 (作者)
对的，现在新建页面默认style启用scoped，导致无法直接在style中编写更改全局样式或组件样式，只能通过js操控样式才起效
2023-09-14 09:13
爱豆豆
回复 tank2015: 你添加一个自定义模版不就行了？
2023-09-14 09:16
爱豆豆
启用了scoped 你把他关了就行了吗？
2023-09-14 09:16