微信小程序——UI精讲

flex-direction有两个属性，默认属性flex-direction-row从左到右，flex-direction-row-reverse从右往左。

flex-direction: column从上往下，flex-direction: column-reverse从下往上。

我在对View视图容器进行格式背景颜色定义background-color。定义完只有内容填充才显示背景颜色。其中对高height：100%，width：100%。解决办法是对上级目录pages进行定义高度height：100%。

justify-content ，主轴上的对齐方式，有五个属性

justify-content-center/ flex-start/flex-end/space-around/space-between，居中/左对齐（默认）/右对齐/分散对齐（等距）/两端对齐

align-items 交叉轴对齐方式，有六个属性。

align-items：flex-start/flex-end/center/stretch/baseline,顶部对齐/底部对齐/居中对齐/（元素没有定义高都占满整个容器交叉轴方向）填充/元素文字对齐

flex-grow: 当有多余空间时，元素的放大比例

flex-grow:0；不放大 flex-grow:1；放大各占取一份

flex-shrink 空间不足时按比例缩小，默认 flex-shrink:1不缩小。随着数值增大缩小。

flex-basis 元素在主轴上占据的空间，由于微信的解析程度不够导致flex-basis失效，故这里不用rpx，而是px

flex 是grow shrink basis 的简写

order定义元素的排列顺序

align-self 定义元素自身对齐方式

首先，你的微信需要升级到最新版本。在最上方的搜索框里搜索“小程序示例”，会看到这个页面。 别犹豫，最上面的那个S形图标，点进去。此时，你已经成功的把小程序接入了自己的微信中。在微信的“发现”栏里，最后一项应该已经是小程序了。

以上就是关于微信小程序——UI精讲全部的内容，包括:微信小程序——UI精讲、微信小程序 icon怎么自定义图标、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！