知识分类
后端
前端
设计
开源组件/产品
APP
其他
广告招募

uniapp 开发小程序时修改组件样式,失效的解决方法

管理员
发布于:2023-08-24 10:38:25

uniapp 修改组件默认样式一般使用v-deep等方法,如下:

::v-deep .uni-select {
	height: 25px;
}

但是有时会发现这样不起作用,特别是组件的“view” 的层级很多的时候 ,那么就需要使用“小程序样式穿透”的功能,添加后,上面的样式就可以使用了,方法如下:

<script>
	export default {
		// 微信小程序中 options 选项  
		options: {
			styleIsolation: 'shared'
		},

	}
</script>

如果在uniapp中使用的是VUE3的setup语法糖,那就要把上面的代码单独写,如下:

<script setup>
//你的代码
</script

//下面是单独的穿透代码 
<script>
	export default {
		// 微信小程序中 options 选项  
		options: {
			styleIsolation: 'shared'
		},

	}
</script>
上一篇:uni-app uni-fab插件用代码控制展开和关闭
下一篇:一个基于JQUERY图片裁剪插件,包含后台PHP图片处理代码
搜索内容
最新文章
  • 什么是GEO生成式引擎优化?和SEO
  • 如何保证文件上传安全?
  • Go语言时间格式为什么和其他语言不一
  • 软件许可协议有哪些?之间的区别是什么
  • FrameCoder非可站群框架支持
  • git忽略文件.gitignore,
  • 什么AI模型上下文协议(MCP)?M
  • 为什么有些页面的图片看不见?可能是被
  • 什么是AI智能体?AI智能体能做什么
  • 国内AI大模型有哪些?各模型间对比如
精彩文章
  • 1 MSYS2中安装使用GCC的正确方法
  • 2 Layui 怎么样更换主题颜色?
  • 3 vscode用一个插件快速生成Vue
  • 4 连接WIFI出现无Internet
  • 5 FrameCoder非可,基于web
  • 6 3步教你如何修改uniapp but
  • 7 JavaScript 判断对象是否为
  • 8 OBS在银河麒麟或ubuntu等核心
  • 9 什么是PHP站群以及使用php开源框
  • 10 小程序真机调试 报错 define
工信部备案:苏ICP备2023011827号-1
苏公网安备 32111202000338号