微信小程式 wxapp視圖容器 view詳解

這篇文章主要介紹了微信小程式wxapp視圖容器view詳解的相關資料,附簡單實例和實現效果圖，幫助大家學習參考，需要的朋友可以參考下

微信小程式   

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>

view

🎜感謝閱讀，希望大家幫助大家，謝謝對本站的支持！ 🎜🎜更多微信小程式 wxapp視圖容器 view詳解相關文章請關注PHP中文網！ 🎜