layui 第三方組件平臺

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

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

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

文檔

第一步：制作組件
我們鼓勵開發(fā)者遵循 “layui 模塊規(guī)范” 來擴(kuò)展自己的組件，原則上我們只接受原創(chuàng)組件，或者寬松協(xié)議下的知名組件改造。
組件收錄要求：
> 組件最好是自己獨(dú)立原創(chuàng)，也可以是二次開發(fā)，但不可完全照搬其它開源組件代碼。
> 組件必須遵循 layui 模塊規(guī)范
> 組件的 UI 風(fēng)格必須與 layui 的風(fēng)格相符
> 組件必須具備一定實(shí)用性
> 組件必須有較為詳細(xì)的文檔和示例
組件目錄規(guī)范：
  ├─layui /layui 基礎(chǔ)框架
  │─layui_exts //存放第三方組件的目錄
      └─regionSelect //以 regionSelect 組件舉例，以組件模塊名建立一個目錄
        ├─regionSelect.js //組件核心 JS 庫
        └─regionSelect.css //組件 CSS 庫
編寫組件使用說明：
layui.config({
  base: '../js/layui_exts/' //配置 layui 第三方擴(kuò)展組件存放的基礎(chǔ)目錄
}).extend({
  regionSelect: 'regionSelect/regionSelect' //以 regionSelect 組件為例，定義該組件模塊名
}).use(['regionSelect'], function(){
  var regionSelect = layui.regionSelect;
  
  //執(zhí)行實(shí)例
  regionSelect.render({
    elem: '#test'
    ,layout: ['province', 'city', 'county'] //自定義聯(lián)動層級：省、市、區(qū)，默認(rèn)為：省、市、區(qū)、街道
  });
  
});
具體也可以下載我們的： 示例文件

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

第三步：維護(hù)組件
請定期維護(hù)和升級你的組件，并在平臺更新文檔和組件資源包，你的努力將會被 layui 所見證。


下載

立即下載 去碼云下載
該擴(kuò)展組件由第三方用戶主動投遞，并由其自身進(jìn)行維護(hù)，本站僅做收集。