Web Components 頗令人向往,無奈瀏覽器支持有限,所以,Amaze UI Web 組件按照 Web Components 的實(shí)現(xiàn)形式,使用瀏覽器支持更為普及的技術(shù),將移動開發(fā)中常用的組件切割成不同部分,實(shí)現(xiàn)類 Web Components 的組件,提高開發(fā)效率。
1.組件結(jié)構(gòu)

如上圖所示,Amaze UI Web 組件 通過一個 package.json 文件描述,每個組件由模板(hbs)、樣式(LESS)、交互(JS)三部分組成,其中樣式可能有多個文件(不同的主題)。組件樣式和交互以 CSS 、JS 插件 為基礎(chǔ)編寫;使用 Handlebars 作為模板引擎。
Amaze UI 目前封裝的組件及演示請查看 Web 組件頁。
2.分享組件
如果你想分享你開發(fā)的 Web 組件,可以
Fork Amaze UI 項(xiàng)目,按照
開發(fā)文檔開發(fā)完成以后,向我們提交 Pull Request。
通過審核以后,你的組件便會出現(xiàn)在 Amaze UI 官網(wǎng)。
歡迎大家加入 Web 組件開發(fā)者行列(
開發(fā)文檔),為用戶開發(fā)更多的組件。
更多建議: