微信小程序 八View组件详细介绍

刚看到这个效果的时候还真是和ReactNative的效果一致，属性也基本的一样.

view这个组件就是一个视图组件使用起来非常简单。

主要属性：

可选属性 (‘flex-start',‘flex-end',‘center',‘space-between',‘space-around')

可选属性 (‘flex-start',‘center'）

wxml

rush:xml;"> display为flex或inline-flex时，该组件则为弹性容器，弹性容器的子组件为弹性项目。 space-between space-between;">

<view class="section">
<view class="section__title">align-items: center
<view class="flex-wrp" style="height: 200px;flex-direction:row;justify-content: center;align-items: flex-start">
<view class="flex-item" style="background: red">
<view class="flex-item" style="background: green">
<view class="flex-item" style="background: blue">

wxss

rush:xml;"> .flex-wrp{ height: 100px; display:flex; background-color: #FFFFFF; } .flex-item{ width: 100px; height: 100px; }

文章：