uniapp小程序用deep重写组件样式不生效 已解决

deep只在h5中生效 但是在小程序中不生效 但是已找到解决办法。

在method同级下添加:

options: {
styleIsolation: ‘shared’
}

如下

<script>
	export default {-
		data() {
			return {};
		},
		methods: {-
		},
		options: {
			styleIsolation: 'shared'
		}
	};
</script>

然后再使用deep就可以了 如

	/deep/ .u-modal__title {
		color: red
	}

效果就出来了:
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐