微信小程序开发指南

基于ColorUI的组件化页面开发


输入操作条

<h1>输入操作条</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=d2ddae46dedb82aee615808ce7013517&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html">&lt;view class="box"&gt; &lt;view class="cu-bar input"&gt; &lt;view class="action"&gt; &lt;text class="cuIcon-sound text-grey"&gt;&lt;/text&gt; &lt;/view&gt; &lt;input class="solid-bottom" focus="{{false}}" maxlength="300" cursor-spacing="10"&gt;&lt;/input&gt; &lt;view class="action"&gt; &lt;text class="cuIcon-emojifill text-grey"&gt;&lt;/text&gt; &lt;/view&gt; &lt;button class="cu-btn bg-green shadow-blur"&gt;发送&lt;/button&gt; &lt;/view&gt; &lt;view class="cu-bar input"&gt; &lt;view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"&gt;&lt;/view&gt; &lt;view class="action"&gt; &lt;text class="cuIcon-roundaddfill text-grey"&gt;&lt;/text&gt; &lt;/view&gt; &lt;input class="solid-bottom" maxlength="300" cursor-spacing="10"&gt;&lt;/input&gt; &lt;view class="action"&gt; &lt;text class="cuIcon-emojifill text-grey"&gt;&lt;/text&gt; &lt;/view&gt; &lt;button class="cu-btn bg-green shadow-blur"&gt;发送&lt;/button&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>

页面列表

ITEM_HTML