微信小程序怎么一排放置多个view

view布局效果图：

 

.wxml

.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;
}