The current repo belongs to Paused status, and some functions are restricted. For details, please refer to the description of repo status
4 Star 30 Fork 11

iTanken/LayuiExtend
Paused

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
contribute
Sync branch
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README

LayuiExtend

基于 LayUI 的扩展组件

组件列表

1. 数字输入框

在线示例

数字输入框用法

支持 min/max,及附加的 data-prec 用于控制小数精确度:

<div class="layui-form">
  <input class="layui-input layui-input-number" min="0" max="100" data-prec="4">
</div>
layui.config({ base: 'js/modules/' }).extend({
  numinput: 'numinput/numinput'
}).use(['form', 'numinput'], function() {
  var $ = layui.$, form = layui.form, numinp = layui.numinput;
  numinp.init({
    // 123:123键置顶, 789:789键置顶
    topBtns: 123,
    // 右侧功能按钮开关
    rightBtns: true,
    // 功能按钮提示开关
    showTips: true,
    // 是否监听键盘事件
    listening: true,
    // 批量配置默认小数精确度,默认 -1 不处理精确度,0 表示禁止输入小数
    defaultPrec: -1,
    // 初始化回调,无参
    initEnd: $.noop,
    // 触发显示回调,参数为当前输入框和数字键盘的 jQuery 对象
    showEnd: $.noop,
    // 隐藏键盘回调,参数为当前输入框的 jQuery 对象
    hideEnd: $.noop,
    // 自定义 z-index
    zIndex: 19999999
  });
});

2. 文本工具条

在线示例

文本工具条用法

layui.config({ base: 'js/modules/' }).extend({
  numinput: 'textool/textool.min'
}).use(['form', 'textool'], function() {
  var $ = layui.$, form = layui.form, textool = layui.textool;
  textool.init({
    // 根据元素 id 值单独渲染,为空默认根据 class='layext-text-tool' 批量渲染
    eleId: null,
    // 批量设置输入框最大长度,可结合 eleId 单独设置最大长度
    maxlength: -1,
    // 初始化回调,无参
    initEnd: $.noop,
    // 显示回调,参数为当前输入框和工具条面板的 jQuery 对象
    showEnd: $.noop,
    // 隐藏回调,参数为当前输入框和工具条面板的 jQuery 对象
    hideEnd: $.n
    // 初始化展开,默认展开,否则收起
    initShow: true,
    // 工具条是否位于输入框内部,默认位于外部
    inner: false,
    // 对齐方向,默认右对齐,可选左对齐 'left'
    align: 'right',
    // 启用指定工具模块,默认依次为字数统计、复制内容、重置内容、清空内容,按数组顺序显示
    tools: ['count', 'copy', 'reset', 'clear'],
    // 工具按钮提示类型,默认为 'title' 属性,可选 'laytips',使用 layer 组件的吸附提示, 其他值不显示提示
    tipType: 'title',
    // 吸附提示背景颜色
    tipColor: '#01AAED',
    // 工具条字体颜色
    color: '#666666',
    // 工具条背景颜色
    bgColor: '#FFFFFF',
    // 工具条边框颜色
    borderColor: '#E6E6E6',
    // 工具条附加样式类名
    className: '',
    // z-index
    zIndex: 19891014
  });
});

3. developing ···

Empty file

About

LayUI 扩展组件 by iTanken(子兮子兮) expand collapse
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/iTiki/LayuiExtend.git
git@gitee.com:iTiki/LayuiExtend.git
iTiki
LayuiExtend
LayuiExtend
master

Search

344bd9b3 5694891 D2dac590 5694891