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