Layui 第三方扩展组件平台

返回首页 发布组件

平台主要是收集来自 Layui 官方以外的组件,由开发者自行维护。目的是为了释放 Layui 官方原创组件的压力,将更具想象力的组件生态开放给社区,让那些有能力、有兴趣的开发者也能参与进来,以群策群力,共筑 Layui。

更新:4小时前 创建:2018-8-28

文档

1. 制作组件

我们鼓励开发者遵循 Layui 轻量级模块规范来扩展自己的组件,原则上我们只接受原创组件,或者宽松协议下的知名组件改造。

组件收录要求

  • 组件最好是自己独立原创,也可以是二次开发,但不可完全照搬其它开源组件代码。
  • 组件须遵循 Layui 扩展模块规划
  • 组件的 UI 风格必须与 Layui 的风格相符
  • 组件必须具备一定实用性
  • 组件必须有较为详细的文档和示例

组件目录规范

├─layui                   # layui 基础框架
│─layui_exts              # 存放第三方组件的目录
    └─regionSelect        # 以 regionSelect 组件举例,以组件模块名建立一个目录
      ├─regionSelect.js   # 组件核心 JS 库
      └─regionSelect.css  # 组件 CSS 库

编写组件使用说明

// 扩展组件
layui.config({
  base: '../js/layui_exts/' // 配置 Layui 第三方扩展组件存放的基础目录
}).extend({
  regionSelect: 'regionSelect/regionSelect' // 以 regionSelect 组件为例,定义该组件模块名
});

// 加载组件
layui.use(['regionSelect'], function(){
  var regionSelect = layui.regionSelect;
  
  // 组件渲染
  regionSelect.render({
    elem: '#test',
    layout: ['province', 'city', 'county']
  });
});

具体也可以下载我们的:示例文件

2. 发布组件

当你拥有了自己的扩展组件,你可以发布到 Layui 第三方组件平台。

组件标题:为你的组件取一个好的标题,让大家一目了然知道该组件是做什么的。
组件模块名:这是组件唯一 name,必须对应组件源码内部的扩展模块名,否则不予通过。
组件功能描述:简单描述你的组件是做什么的,具备什么功能等。
组件文档:请在 Git 平台尽可能详细说明你的组件的用法。
Gitee / GitHub:推荐将组件托管在 Gitee,然后在此填入 Gitee 的项目地址即可。GitHub 同理。

提交后,组件进入审核。通过后才会予以显示,期间你可以随时编辑。

3. 维护组件

请定期维护和升级你的组件,你的努力将会被 Layui 受众所见证。

下载

立即下载
该扩展组件由第三方用户主动投递,并由其自身进行维护,本站仅做收集。