横向布局代码
由于是参考开放文档的代码,他没有wxss文件的代码,所以是自己写的
WXML代码如下:
<view style="flex-direction:row;" >
<view class="A"></view>
<view class="B"></view>
<view class="C"></view>
</view>
WXSS代码如下:
.A{
background-color: red;
height: 200px;
width: 100px;
}
其余的都是一样的,换个颜色
横向布局实现的效果
看得出没有实现横向的效果
解决方法
在style样式添加:
display: flex;
如下:
<view style="flex-direction:row; display: flex;" >
<view class="A"></view>
<view class="B"></view>
<view class="C"></view>
</view>