微信小程序怎么一排放置多个view_#Amark的博客-CSDN博客_微信小程序怎么让两个view并排

来源: 微信小程序怎么一排放置多个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

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏