微信小程序商城15天从零实战视频课程-知识点-1行2列区块标题的布局

wxml代码

<!--最新产品-区块标题-->
<view class='text'>
  <view class='line_y'></view>
  <text>最新产品</text>
</view>

wxss代码

/*最新产品-区块标题*/
.line_y{
  width: 3px;
  height: 18px;
  display: inline-block; 
  background-color:  darkcyan;  
}
view.text
{
  display: flex;
  align-items: center;
  position: relative; 
  padding: 6px 6px 6px 6px ; 
  background-color:  lightgoldenrodyellow;
}
view.text text{ 
  margin-left: 6px;
}

欢迎大家收看我的****：微信小程序商城15天从零实战视频课程
https://edu.csdn.net/course/detail/19437