Zent 源自有讚微商城的 React 元件庫

2021-09-14 05:45:00 字數 1473 閱讀 3327

zent ( ˈzent ) 是有贊 pc 端 web ui 規範的 react 實現版本,提供了一整套基礎的 ui 元件以及常用的__業務元件__。通過 zent,可以快速搭建出風格統一的頁面,提公升開發效率。目前我們有 45+ 元件,其中包括design以及sku等實用的業務元件。這些元件都已經在有贊的各類 pc 業務中廣泛使用,我們會在此基礎上,持續開發更多實用的新元件。

我們的目標是做東半球最好的 react 元件庫,讓 react 開發更快、更簡單。

下面是一些元件的簡單展示,另外我們也提供了一些專案示例,可以幫助你快速使用 zent 搭建乙個頁面。

做過 web 開發的都知道瀏覽器原生的時間選擇元件不僅不好用,還有各種相容性問題。為了解決這些問題,zent 提供了一套自己的時間選擇元件,包括日期選擇、周選擇元件、月選擇以及時間區間選擇。為了適應不同場景的需求,時間區間選擇還提供了兩種不同的互動模式。

和時間選擇一樣,顏色選擇在 web 上也是乙個問題,zent 同樣提供了乙個功能強大又方便的顏色選擇元件。

除了常用的基礎元件,zent 還提供了豐富的__業務元件__,開發者可以使用這些元件快速實現業務功能。

商品規格是商品很重要的乙個屬性,zent 的 sku 選擇元件封裝了商品規格選擇的邏輯,讓你從複雜的互動中解放出來,有更多精力去優化業務的實現。

zent 也提供了位址輸入中常用的省市區選擇元件,這個功能是由級聯選擇元件實現的。級聯選擇元件不僅僅可以用來實現省市區選擇,很多有層次關係的內容選擇都可以通過這個互動實現,例如店鋪的主營業務類目選擇等。

我們會繼續開放更多基於 zent 的實用業務元件,敬請期待。

zent 還有不少功能沒有完善,例如還沒有動畫基礎設施,很期待得到大家的批評和幫助,一起打造乙個更完善、更好用的 zent。

完整**請移步 github,使用指南請移步文件**。

本文首發於有贊技術部落格。

微博批量點讚

微博批量點讚 import requests class weibospider def init self,username,password self.session requests.session self.headers self.session.headers.update self.h...

微贊開發有感

微贊的功能很棒,但是看了部分原始碼後,發現一些問題。先說下目錄結構 如上c entry表示要載入東西了。defined in ia or exit access denied load model module eid intval gpc eid if empty eid else moduels...

新手微擎(微贊)學習之路一

我剛接觸微擎沒多久,學習中遇到很多問題,走過很多彎路。遇到很多問題在網上也查不到,因此想把我自己的學習歷程寫出來供新手們參考 本人還是菜鳥一枚,文中錯誤之處,敬請指正!我以乙個新手小白的角度來幫助想學習微擎的小夥伴指出 建議 一條路 首先以我的理解說一下微擎和微贊,微贊是基於微擎寫出來的。就好比th...