layui 第三方組件平臺

返回首頁 發(fā)布組件

平臺主要是收集來自 layui 官方以外的組件,由開發(fā)者自己維護。目的是為了釋放 layui 官方原創(chuàng)組件的壓力,將更具想象力的組件生態(tài)開放給社區(qū),讓那些有能力有興趣的開發(fā)者也能參與進來,以群眾之力,共筑 layui。

更新:2021-5-2 創(chuàng)建:2018-8-28

文檔

第一步:制作組件

我們鼓勵開發(fā)者遵循 “layui 模塊規(guī)范” 來擴展自己的組件,原則上我們只接受原創(chuàng)組件,或者寬松協(xié)議下的知名組件改造。
組件收錄要求:

> 組件最好是自己獨立原創(chuàng),也可以是二次開發(fā),但不可完全照搬其它開源組件代碼。
> 組件必須遵循 layui 模塊規(guī)范
> 組件的 UI 風格必須與 layui 的風格相符
> 組件必須具備一定實用性
> 組件必須有較為詳細的文檔和示例
組件目錄規(guī)范:

  ├─layui /layui 基礎框架
│─layui_exts //存放第三方組件的目錄
└─regionSelect //以 regionSelect 組件舉例,以組件模塊名建立一個目錄
├─regionSelect.js //組件核心 JS 庫
└─regionSelect.css //組件 CSS 庫
編寫組件使用說明:

layui.config({
base: '../js/layui_exts/' //配置 layui 第三方擴展組件存放的基礎目錄
}).extend({
regionSelect: 'regionSelect/regionSelect' //以 regionSelect 組件為例,定義該組件模塊名
}).use(['regionSelect'], function(){
var regionSelect = layui.regionSelect;

//執(zhí)行實例
regionSelect.render({
elem: '#test'
,layout: ['province', 'city', 'county'] //自定義聯(lián)動層級:省、市、區(qū),默認為:省、市、區(qū)、街道
});

});
具體也可以下載我們的: 示例文件

第二步:發(fā)布組件

當你擁有了自己的擴展組件,請發(fā)布到 layui 第三方組件平臺。
● 組件標題:為你的組件取一個好的標題,讓大家一目了然知道該組件是做什么的。
● 組件模塊名:這是組件唯一的表示,必須對應組件源碼內部的擴展模塊名,否則不予通過。
● 組件功能描述:簡單描述你的組件是做什么的,具備什么功能等。
● 組件文檔:請盡可能詳細說明你的組件的用法。
● 碼云(Gitee)和 GitHub 地址:我們推薦你將組件托管在碼云(gitee.com),然后在此提供組件在碼云的倉庫地址。GitHub 同理。
提交后,組件進入審核。通過后才會予以顯示,期間你可以隨時編輯。

第三步:維護組件

請定期維護和升級你的組件,并在平臺更新文檔和組件資源包,你的努力將會被 layui 所見證。


下載

立即下載 去碼云下載
該擴展組件由第三方用戶主動投遞,并由其自身進行維護,本站僅做收集。