使用组件链重新写 swiper父子组件， 微信小程序出错

页面

<a>  
    <b>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
    </b>  
    <b>  
        <view>2</view>  
        <view>2</view>  
        <view>2</view>  
    </b>  
    <b>  
        <view>3</view>  
        <view>3</view>  
        <view>3</view>  
    </b>  
</a>

a组件：

<template>  
    <swiper >  
        <slot />  
    </swiper>  
</template>  

<script setup lang="ts"></script>  
<style scoped lang="scss"></style>

b组件：

<template>  
    <swiper-item>  
        <slot />  
    </swiper-item>  
</template>

h5正常显示，正常滑动
微信小程序 页面内容会叠加在一起，也无法滑动

vue3+ts开发

怎么解决这个问题，大佬们