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

mikel
微信小程序开发
2022-10-26
29热度
0评论

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

view布局效果图：

.wxml

<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