JavaScript

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > wxapp 视图容器 view

微信小程序 教程之wxapp 视图容器 view

投稿:lqh

这篇文章主要介绍了微信小程序 教程之wxapp 视图容器 view的相关资料,需要的朋友可以参考下

相关文章:

  1. 微信小程序 教程之wxapp视图容器 swiper
  2. 微信小程序 教程之wxapp视图容器 scroll-view
  3. 微信小程序 教程之wxapp 视图容器 view

View

视图容器。

示例:

<view class="section">
 <view class="section__title">flex-direction: row</view>
 <view class="flex-wrp" style="flex-direction:row;">
 <view class="flex-item bc_green">1</view>
 <view class="flex-item bc_red">2</view>
 <view class="flex-item bc_blue">3</view>
 </view>
</view>
<view class="section">
 <view class="section__title">flex-direction: column</view>
 <view class="flex-wrp" style="height: 300px;flex-direction:column;">
 <view class="flex-item bc_green">1</view>
 <view class="flex-item bc_red">2</view>
 <view class="flex-item bc_blue">3</view>
 </view>
</view>

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

您可能感兴趣的文章:
阅读全文