微信小程序scroll-view对flex样式无效
最近在做一个app:**,使用uni-app来实现,因原生app调试起来不方便,而uni-app可以支持三端,便使用小程序来调试。
在自己做的过程中发现一个问题,使用flex布局时不生效。偏偏示例里另一个页面是生效的,几番尝试都不得解……
问题代码如下,需要呈现的效果是aa和bb是同一行显示(如浮动一般)1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20<style>
.flexBox
{
width:100%;
display:flex;
}
.flexItem
{
width:50%
}
</style>
<scroll-view class="flexBox">
<view class="flexItem">
<block>aa</block>
</view>
<view class="flexItem">
<block>bb</block>
</view>
</scroll-view>
解决方法:1
2
3
4
5
6
7
8
9
10<scroll-view>
<view class="flexBox">
<view class="flexItem">
<block>aa</block>
</view>
<view class="flexItem">
<block>bb</block>
</view>
</view>
</scroll-view>