# layui_modules

**Repository Path**: otherusedemail/layui_modules

## Basic Information

- **Project Name**: layui_modules
- **Description**: layui扩展组件
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 10
- **Forks**: 5
- **Created**: 2021-04-21
- **Last Updated**: 2023-06-08

## Categories & Tags

**Categories**: layui-components

**Tags**: None

## README

# layui_modules

#### 介绍
layui扩展组件
numberInput:数字输入框

#### 软件架构
基于LayUI模块化组件


#### 数字输入框组件安装教程

```

layui.config({
   base:'/js/layui_modules/'
}).extend({
   numberInput:'numberInput/numberInput'
});
```

#### 数字输入框组件使用说明

```
<input type="text" class="layui-input" number-input>
layui.use('numberInput',function () {
   var numberInput = layui.numberInput;
   numberInput.render();
});
//忽略渲染
<input type="text" class="layui-input" number-input lay-ignore>
//设置数字限制
<input type="text" class="layui-input" number-input min="0" max="3">
//设置数字增加/减少步长
<input type="text" class="layui-input" number-input step="0.01">
//渲染指定元素
<input type="text" class="layui-input" id="test">
layui.use('numberInput',function () {
   var numberInput = layui.numberInput;
   numberInput.render({elem:'#test'});
});
```

#### 数字输入框组件效果图
![数字输入框组件效果图](https://images.gitee.com/uploads/images/2021/0421/172051_01752c38_1581305.png "数字输入框组件效果图.png")