来源: 微信小程序怎么一排放置多个view_#Amark的博客-CSDN博客_微信小程序怎么让两个view并排
view布局效果图:
.wxml
<view class=”content”>
<view class=’t1′></view>
<view class=’t2′></view>
<view class=’t1′></view>
<view class=’t2′></view>
<view class=’t2′></view>
<view class=’t1′></view>
<view class=’t2′></view>
<view class=’t2′></view>
<view class=’t2′></view>
<view class=’t1′></view>
<view class=’t2′></view>
<view class=’t1′></view>
</view>
<view class=”content”>
<view class=’t2′></view>
<view class=’t2′></view>
<view class=’t2′></view>
<view class=’t2′></view>
<view class=’t2′></view>
<view class=’t2′></view>
<view class=’t2′></view>
<view class=’t2′></view>
<view class=’t1′></view>
<view class=’t1′></view>
<view class=’t1′></view>
<view class=’t1′></view>
</view>
.wcss
.content {
display: flex;
flex-direction: row;
margin-top: 20rpx;
margin-left: 70rpx;
}
.t1{
height: 20px;
width: 20px;
background-color: red;
margin-left: 10rpx;
}
.t2{
height: 20px;
width: 20px;
background-color: grey;
margin-left: 10rpx;
}
————————————————
版权声明:本文为CSDN博主「#Amark」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/hujinhong145/article/details/93401434