WeChat applet wxapp view container view detailed explanation

高洛峰
Release: 2017-02-14 14:36:50
Original
1843 people have browsed it

This article mainly introduces the relevant information of the detailed explanation of the WeChat applet wxapp view container view, with simple examples and implementation renderings to help everyone learn and reference. Friends in need can refer to it

WeChat applet

view

View container.

Example:

<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>
Copy after login

view

微信小程序 wxapp视图容器 view详解

Thanks for reading, I hope it can help everyone, thank you for your support of this site!

For more WeChat applet wxapp view container view details, please pay attention to the PHP Chinese website for related articles!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!