微信小程序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>

参考网页:

https://segmentfault.com/q/1010000007532480