在子组件中使用微信原生组件，通过在子组件内通过局部样式修改微信原生组件样式，发现在父组件中显示时修改的样式并不生效。
例如：

<style lang="scss">
	.info-page {
		/* switch */
		.wx-switch-input {
			width: 60upx !important;
			height: 30upx !important;
		}

		/*关闭状态*/
		.wx-switch-input::before {
			width: 30upx !important;
			height: 30upx !important;
			top: -2upx;
		}

		/*开启状态*/
		.wx-switch-input::after {
			width: 30upx !important;
			height: 30upx !important;
			top: -2upx;
		}
	}
</style>

但最终得到的switch样式并没有改变。
开始以为可能是因为组合样式的原因？结果去掉外层的info-page也一样

解决方案：
1、去掉info-page直接全局修改微信原生组件样式，放到全局样式代码中，但这种方式会有弊端，因为可能不同页面这个组件的样式并不一样
2、在子组件的vue对象中添加属性styleIsolation: ‘shared’

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

			}
		},
		methods: {

		}
	}
</script>