微信小程序开发指南

基于ColorUI的组件化页面开发


输入操作条

输入操作条

  • 样式图例

  • 示例代码
<view class="box">
  <view class="cu-bar input">
    <view class="action">
      <text class="cuIcon-sound text-grey"></text>
    </view>
    <input class="solid-bottom" focus="{{false}}" maxlength="300" cursor-spacing="10"></input>
    <view class="action">
      <text class="cuIcon-emojifill text-grey"></text>
    </view>
    <button class="cu-btn bg-green shadow-blur">发送</button>
  </view>
  <view class="cu-bar input">
    <view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
    <view class="action">
      <text class="cuIcon-roundaddfill text-grey"></text>
    </view>
    <input class="solid-bottom" maxlength="300" cursor-spacing="10"></input>
    <view class="action">
      <text class="cuIcon-emojifill text-grey"></text>
    </view>
    <button class="cu-btn bg-green shadow-blur">发送</button>
  </view>
</view>

页面列表

ITEM_HTML