自定义的uniapp组件编译到小程序样式出现问题

父组件代码

<template>  
    <view class="cu-bar tabbar  bg-black foot">  
        <slot></slot>  
    </view>  
</template>  

子组件代码

<template>  
    <view class="action" :class="''+tbcolor" @tap="Naigate">  
        <view :class="''+tbicon">  
            <view v-if="tbdot" class="cu-tag badge"></view>  
            <view v-if="tbbadge" class="cu-tag badge">{{tbbadgenum}}</view>  
        </view>  
        {{tbname}}  
    </view>  
</template>

使用

    <cu-tab-bar>  
            <cu-tab-bar-item tbname="首页" tbicon="home" tbadot="false" tbnavigate="../page1/page1"></cu-tab-bar-item>  
            <cu-tab-bar-item tbname="分类" tbicon="locationfill" tbadot="false" tbnavigate="../page1/page1"></cu-tab-bar-item>  
            <cu-tab-bar-item tbname="积分" tbicon="evaluate" tbadot="false" tbnavigate="../page1/page1"></cu-tab-bar-item>  
            <cu-tab-bar-item tbname="购物车" tbicon="pay" tbadot="false" tbnavigate="../page1/page1"></cu-tab-bar-item>  
            <cu-tab-bar-item tbname="我的" tbicon="peoplefill" tbadot="false" tbnavigate="../page1/page1"></cu-tab-bar-item>  
        </cu-tab-bar>

H5是正常的，小程序不正常，看小程序代码父组件和子组件好像是平级的