摘要:在開發(fā)面向用戶站點(diǎn)時(shí),通常由給出,這時(shí)需要組件庫有豐富的自定義樣式能力同時(shí)保留默認(rèn)提供基礎(chǔ)樣基于這點(diǎn)再看大部分的中后臺(tái)組件庫并不能滿足需求,為大家介紹一只高擴(kuò)展性組件項(xiàng)目項(xiàng)目相關(guān)文檔示例一句裝的目標(biāo)提供高自由度高擴(kuò)展性的組件集合,并統(tǒng)一桌面
在開發(fā)面向用戶站點(diǎn)時(shí),UI 通常由 designer 給出,這時(shí)需要組件庫有豐富的自定義樣式能力(同時(shí)保留默認(rèn)提供基礎(chǔ)樣)
基于這點(diǎn)再看大部分的中后臺(tái)組件庫并不能滿足需求,為大家介紹一只高擴(kuò)展性 UI 組件項(xiàng)目 JSMOD VUE PC
項(xiàng)目相關(guān)文檔|示例
Github
一句裝b的目標(biāo)
王哲君的自定義之路提供高自由度(高擴(kuò)展性)的組件集合,并統(tǒng)一桌面端、移動(dòng)端的使用方式,是一個(gè)面向用戶端的組件庫
一、王哲君接了一個(gè)農(nóng)藥管理的項(xiàng)目,在實(shí)現(xiàn)需求時(shí)使用了JSMOD For Vue 作為其組件庫,使用確認(rèn)對(duì)話窗時(shí)他可以簡單的使用如下代碼
得到了一個(gè)簡單的默認(rèn)樣式
二、L爸爸覺得藍(lán)色的風(fēng)格他不喜歡,喜歡(河對(duì)面的)紅色,且有描邊的樣式
通過使用簡單的樣式對(duì)象,王哲君滿足了L爸爸的訴求
三、暴君是整個(gè)項(xiàng)目的 Boss,他希望彈窗的布局要走非主流,于是設(shè)計(jì)如下
使用如下代碼,農(nóng)藥君拿到了他的獎(jiǎng)勵(lì)buff
請(qǐng)注意
其他的自定義方式為自定義元素加入 mod-confirm 標(biāo)識(shí)即可繼承點(diǎn)擊事件
JSMOD VUE PC 在設(shè)計(jì)時(shí)為開發(fā)者提供了豐富的自定義樣式(布局)的方式,甚至你可以使用作用域插槽更改組件的 DOM 結(jié)構(gòu)
分頁默認(rèn)提供如下樣式:
使用作用域插槽你可以簡單將樣式改為(滿足designer):
快節(jié)奏的開發(fā)具體使用方式搓JSMOD PAGINATION查看吧 王者君就不細(xì)說了
JSMOD VUE PC 提供了對(duì)圖片的豐富擴(kuò)展,你可以像使用原生標(biāo)簽一樣使用,同時(shí)得到了如下功能:
內(nèi)置懶加載功能
等比縮放(再也不用關(guān)心產(chǎn)品上傳的圖片不符合規(guī)格導(dǎo)致拉伸)
loading 加載中的動(dòng)畫、加載完畢的漸變特效都幫你搞定,且可以自行選擇 loading 圖片,和是否啟用這些功能
加載失敗替換圖片(甚至可以替換為dom結(jié)構(gòu)),點(diǎn)擊下是否重新加載
訪問 JSMOD IMAGE 模塊看看能不能幫助到你的項(xiàng)目
保持最小集jsmod 目前提供的組件比較少,但每個(gè)都是自定義豐富。移除了柵格 字體 圖標(biāo)等功能(用戶端產(chǎn)品往往都有自己的UI標(biāo)準(zhǔn)),專注提供可擴(kuò)展的組件庫
40k(gizp)的體積(包括了所有的js,css,icon,svg)打包到單一 js,讓你隨意使用
王哲君想說的Mobile 版本正在開發(fā)中,目標(biāo)提供統(tǒng)一的vue組件使用體驗(yàn)
加入awesome-vue,提供了 Chinese English 文檔
持續(xù)更新組件但保持裝B的目標(biāo)不變提供高自由度(高擴(kuò)展性)的組件集合
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/83534.html
摘要:前端日?qǐng)?bào)精選專題之跟著學(xué)節(jié)流冴羽的博客全家桶仿微信項(xiàng)目,支持多人在線聊天和機(jī)器人聊天騰訊前端團(tuán)隊(duì)社區(qū)編碼的奧秘模塊實(shí)現(xiàn)入門淺析知乎專欄前端每周清單發(fā)布新版本提升應(yīng)用性能的方法中文寇可往吾亦可往用實(shí)現(xiàn)對(duì)決支付寶的微信企業(yè)付款到零 2017-06-20 前端日?qǐng)?bào) 精選 JavaScript專題之跟著 underscore 學(xué)節(jié)流 - 冴羽的JavaScript博客 - SegmentFau...
摘要:高顏值好用易擴(kuò)展的微信小程序庫,有贊。一套高質(zhì)量的微信小程序組件庫。用和搭建的一個(gè)通用管理后臺(tái)基于實(shí)現(xiàn)的后臺(tái)管理系統(tǒng)模板一個(gè)后臺(tái)管理系統(tǒng)模板是一套組件化框架,支持定制主題,主要服務(wù)于前臺(tái)及中后臺(tái)產(chǎn)品。基于后臺(tái)管理系統(tǒng)。 快來Star,在這里哦Awesome UIKit。 showImg(https://segmentfault.com/img/remote/14600000059942...
摘要:高顏值好用易擴(kuò)展的微信小程序庫,有贊。一套高質(zhì)量的微信小程序組件庫。用和搭建的一個(gè)通用管理后臺(tái)基于實(shí)現(xiàn)的后臺(tái)管理系統(tǒng)模板一個(gè)后臺(tái)管理系統(tǒng)模板是一套組件化框架,支持定制主題,主要服務(wù)于前臺(tái)及中后臺(tái)產(chǎn)品。基于后臺(tái)管理系統(tǒng)。 快來Star,在這里哦Awesome UIKit。 showImg(https://segmentfault.com/img/remote/14600000059942...
摘要:一團(tuán)隊(duì)組織網(wǎng)站說明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì),代表作品,致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì),簡稱,騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì),代表作品WebQQ,致力于前端技術(shù)的研究 ISUX 騰...
摘要:一團(tuán)隊(duì)組織網(wǎng)站說明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì),代表作品,致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì),簡稱,騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì),代表作品WebQQ,致力于前端技術(shù)的研究 ISUX 騰...
閱讀 671·2023-04-25 18:59
閱讀 1211·2021-09-22 16:00
閱讀 1889·2021-09-22 15:42
閱讀 3594·2021-09-22 15:27
閱讀 1246·2019-08-30 15:54
閱讀 1104·2019-08-30 11:16
閱讀 2445·2019-08-29 16:24
閱讀 820·2019-08-29 12:14