微信小程序坑-子组件的外层容器百分之百无效

bug如下

<view class="wrapper">

<!-- tab导航栏 -->

<scroll-view class="tab" scroll-x="true">

<view wx:for="{ {menuList}}" wx:key="index" class="tab-item { {currentTab == index ? 'active' : ''}}"

data-current="{ {index}}" data-catid="{ {item.catid}}" bindtap='clickMenu'>{ {item.catname}}</view>

</scroll-view>

<view class='tab_btn' bindtap='showShopType'>

<view class='tab_btn_ico'>

<image mode='scallToFill' lazy-load='true' src='/imgs/tab_bt.png'></image>

</view>

</view>

</view>

.wrapper {

border: 1px solid red;

display: flex;

width: 100%;

<