uniapp中通过选择器修改组件内部的样式不生效问题

在UniApp中,即使你不使用 scoped属性,由于其编译机制的特殊性,实际上每个页面的样式在最终打包构建时会被隔离到该页面自身的上下文中。

意味着你直接用选择器修改组件内部的某个view的样式,不能生效,必须要哪个穿透方式才能修改例如下方是可以的

css 复制代码
::v-deep .u-button__text{
		font-size: 1.3rem!important;
	}

下方是无效的

css 复制代码
.u-button__text{
		font-size: 1.3rem!important;
	}

而在其他vue项目中,如果有全局的样式文件,就不会自带scoped属性了,需要自己决定是否使用

相关推荐
行走的陀螺仪9 小时前
uni-app + Vue3编辑页/新增页面给列表页传参
前端·vue.js·uni-app
森之鸟11 小时前
uniapp——配置鸿蒙环境,进行真机调试
华为·uni-app·harmonyos
2501_9159184114 小时前
常见 iOS 抓包工具的使用,从代理抓包、设备抓包到数据流抓包
android·ios·小程序·https·uni-app·iphone·webview
handsome091615 小时前
uniapp打包的app,报This app was built with the iOS 18.1 SDK解决方案
ios·uni-app
yqcoder16 小时前
uni-app 之 下拉刷新
运维·服务器·uni-app
liu_bees18 小时前
微信小程序Canvas生成图片失败:canvas is empty问题解析
微信小程序·小程序·uni-app·vue
木子啊19 小时前
Uni-app性能优化:分包与长列表实战
性能优化·uni-app
yqcoder20 小时前
uni-app 之 设置 tabBar
运维·服务器·uni-app
家里有只小肥猫21 小时前
uniApp下拉渐变头部 拿来即用
前端·javascript·uni-app
fanruitian1 天前
uniapp android开发 测试板本与发行版本
前端·javascript·uni-app