微信小程序开发指南

基于ColorUI的组件化页面开发


垂直对齐

<h1>Flex布局 - 垂直对齐</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=13b580a67dadd331150a0bef08c1db2d&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html">&lt;view class="bg-white"&gt; &lt;view class="flex solid-bottom padding align-start"&gt; &lt;view class="bg-grey padding-lg margin-xs radius"&gt;ColorUi&lt;/view&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;start&lt;/view&gt; &lt;/view&gt; &lt;view class="flex solid-bottom padding align-end"&gt; &lt;view class="bg-grey padding-lg margin-xs radius"&gt;ColorUi&lt;/view&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;end&lt;/view&gt; &lt;/view&gt; &lt;view class="flex solid-bottom padding align-center"&gt; &lt;view class="bg-grey padding-lg margin-xs radius"&gt;ColorUi&lt;/view&gt; &lt;view class="bg-grey padding-sm margin-xs radius"&gt;center&lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>

页面列表

ITEM_HTML