uniapp自定义 tabbar 组件内使用/deep/不生效

uniapp 项目封装了一个 tabbar 组件，组件内用了其他的组件，用/deep/修改不了其他组件的样式。data同级添加 options: { styleIsolation: 'shared' },

Dwayne_dw

660人浏览 · 2023-07-17 11:23:20

Dwayne_dw · 2023-07-17 11:23:20 发布

uniapp 项目封装了一个 tabbar 组件，组件内用了其他的组件，用/deep/修改不了其他组件的样式。

data同级添加 options: { styleIsolation: 'shared' },

<template>
    <children />
</template>

<script>
    export default{
		name:"tabbar",
		options: { styleIsolation: 'shared' }, // 解决/deep/问题
        data(){
            return {}
        }
    }
</script>

<style lang="scss" scoped>
/deep/ .children{
    /* children样式 */
}
</style>