踩坑系列之组件中的后续内容不显示

需求：

问题：bottom里的文字不显示（图片下方应该还有文字）

menu-item-v1组件

 

使用该组件的文件song-menu-v1的index.html

原因：

使用该组件的文件song-menu-v1的index.css里设置的外层view的高度太小

<scroll-view scroll-x class="menu-list">
    <block wx:for="{{songMenu}}" wx:key="id">
        <view class="menu-item">
            <menu-item-v1 item="{{item}}"></menu-item-v1>
        </view>
    </block>
</scroll-view>

.menu-item{
    display: inline-block;
    margin-left: 10rpx;
    /* margin-right: 5px; */
    width: 100px;
    /* height: 100px; */
    /* background-color:#fafafa; */
    vertical-align: top;
}

 解决：去掉高度设置