首页 > 前端 > 正文

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>

RoveCoder版权所有,转载请注明

猜你喜欢
picture loss