更新记录

1.0.0（2024-06-13） 下载此版本

可参考uView的BackTop 返回顶部的使用方法

由于返回顶部需要实时监听滚动条的位置，从而判断返回的按钮该出现还是隐藏，由于组件无法得知页面的滚动条信息，只能在页面的onPageScroll生命周期 中获得滚动条的位置，故需要在页面监听onPageScroll生命周期，实时获得滚动条的位置，通过Props传递给组件。

Props

• 参数 说明 类型 默认值 可选值
• maxlength 输入字符个数 String | Number 4 -
• dot-fill 是否用圆点填充 Boolean false true
• mode 模式选择，见上方"基本使用"说明 String box bottomLine / middleLine
• value 预置值 String | Number - -
• breathe 是否开启呼吸效果，见上方说明 Boolean true false
• focus 是否自动获取焦点 Boolean false true
• bold 字体和输入横线是否加粗 Boolean true false
• font-size 字体大小，单位rpx String | Number 60 -
• active-color 当前激活输入框的样式 String #2979ff -
• inactive-color 非激活输入框的样式，文字颜色同此值 String # -
• width 输入框的宽度(高等于宽)，单位rpx String | Number 80 -
• disabled-keyboard 禁止点击输入框唤起系统键盘 Boolean false true

  Events

• 事件名 说明 回调参数 版本
• change 输入内容发生改变时触发，具体见上方说明 value：当前输入的值 -
• finish 输入字符个数达maxlength值时触发，见上方说明 value：当前输入的值 -

    <template>
        <view class="container">
            <uni-section title="演示效果" type="line" padding>
                <shaoll-message-input :mode="mode" :maxlength="maxlength" :value="messageInputVal"></shaoll-message-input>
            </uni-section>
            <uni-section title="模式选择" type="line" padding>
                <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" />
            </uni-section>
            <uni-section title="输入长度" type="line" padding>
                <uni-segmented-control :current="current2" :values="items2" @clickItem="onClickItem2" />
            </uni-section>
            <uni-section title="初始值" type="line" padding>
                <uni-segmented-control :current="current3" :values="items3" @clickItem="onClickItem3" />
            </uni-section>

        </view>
    </template>

平台兼容性

shaoll-message-input