微信小程序开发指南

基于ColorUI的组件化页面开发


固定尺寸

<h1>Flex布局 - 固定尺寸</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=c9eaca2a06d591d8248858c3602c44fd&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html"> &lt;view class="cu-bar bg-white solid-bottom margin-top"&gt; &lt;view class="action"&gt; &lt;text class="cuIcon-title text-blue"&gt;&lt;/text&gt;固定尺寸 &lt;/view&gt; &lt;/view&gt; &lt;view class="padding bg-white"&gt; &lt;view class="flex flex-wrap"&gt; &lt;view class="basis-xs bg-grey margin-xs padding-sm radius"&gt;xs(20%)&lt;/view&gt; &lt;view class="basis-df"&gt;&lt;/view&gt; &lt;view class="basis-sm bg-grey margin-xs padding-sm radius"&gt;sm(40%)&lt;/view&gt; &lt;view class="basis-df"&gt;&lt;/view&gt; &lt;view class="basis-df bg-grey margin-xs padding-sm radius"&gt;sub(50%)&lt;/view&gt; &lt;view class="basis-lg bg-grey margin-xs padding-sm radius"&gt;lg(60%)&lt;/view&gt; &lt;view class="basis-xl bg-grey margin-xs padding-sm radius"&gt;xl(80%)&lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>

页面列表

ITEM_HTML