微信小程序开发指南

基于ColorUI的组件化页面开发


普通文本

<h1>普通文本</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=16d56991e27aa12c73898b6fce8ea82a&amp;file=file.png" alt="" /></p> <ul> <li>示例代码 <pre><code class="language-html">&lt;view class="cu-form-group margin-top"&gt; &lt;view class="title"&gt;邮件&lt;/view&gt; &lt;input placeholder="两字短标题"&gt;&lt;/input&gt; &lt;/view&gt; &lt;view class="cu-form-group"&gt; &lt;view class="title"&gt;输入框&lt;/view&gt; &lt;input placeholder="三字标题"&gt;&lt;/input&gt; &lt;/view&gt; &lt;view class="cu-form-group"&gt; &lt;view class="title"&gt;收货地址&lt;/view&gt; &lt;input placeholder="统一标题的宽度"&gt;&lt;/input&gt; &lt;/view&gt; &lt;view class="cu-form-group"&gt; &lt;view class="title"&gt;收货地址&lt;/view&gt; &lt;input placeholder="输入框带个图标"&gt;&lt;/input&gt; &lt;text class="cuIcon-locationfill text-orange"&gt;&lt;/text&gt; &lt;/view&gt; &lt;view class="cu-form-group"&gt; &lt;view class="title"&gt;验证码&lt;/view&gt; &lt;input placeholder="输入框带个按钮"&gt;&lt;/input&gt; &lt;button class="cu-btn bg-green shadow"&gt;验证码&lt;/button&gt; &lt;/view&gt; &lt;view class="cu-form-group"&gt; &lt;view class="title"&gt;手机号码&lt;/view&gt; &lt;input placeholder="输入框带标签"&gt;&lt;/input&gt; &lt;view class="cu-capsule radius"&gt; &lt;view class="cu-tag bg-blue"&gt; +86 &lt;/view&gt; &lt;view class="cu-tag line-blue"&gt; 中国大陆 &lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre></li> </ul>

页面列表

ITEM_HTML