样式 a
view {
display: flex;
flex-direction: column;
}
样式 b
.test {
display: flex;
}
App.vue 引用样式 b
@import '@/common/b.scss';
组件 test 引用样式 a
<template>
<view>
<view>
<view>component 1</view>
<view>component 2</view>
<view>component 3</view>
</view>
<slot></slot>
</view>
</template>
<style lang="scss" scoped>
@import '@/common/a.scss';
</style>
index.vue 页面
<template>
<view>
<test>
<view class="test">
<view>index 1</view>
<view style="margin:0 10px;">index 2</view>
<view>index 3</view>
</view>
</test>
</view>
</template>