有贊Vant元件庫上線墨刀!以後輕鬆做出電商原型
繼上週新上線了 簡歷模板 之後,本週墨刀的原型模板庫又歡喜地增添一名新成員!
有贊Vant元件庫
(做電商的寶寶要捂嘴笑了)
Vant 元件庫是 有贊 前端團隊開源的一套基於Vue的UI元件庫,目前版本收錄了50+個元件,都是來源於 有讚的微商城業務 ,經過有贊業務的檢驗,輕量可靠 (目前在Github上已經收穫星星 7857顆 )
相比於其他Vue UI元件庫,Vant 元件庫不只是提供基礎的UI元件,還增加了許多 移動商城內常用的業務元件,可以讓開發者快速構建移動商城。
墨刀的 Vant 元件庫模板
正如有贊團隊所說, “如果你需要開發一個移動商城,用Vant就再合適不過了”。
如今墨刀把 Vant 元件庫搬上原型模板庫(感謝墨刀模板大使周祚棟製作),也讓產品經理和設計師更快捷地搭建電商類原型,設計師和開發者交付起來也更順暢!
來一睹為快這套Vant元件庫有哪些實用元件吧!
基礎類元件
表單類元件
反饋類元件
展示類元件
導航類元件
而最具特色的 業務類元件 ,包含 “地址編輯”, “省市區選擇”,“優惠券選擇”,“Sku商品規格”這些相當實用的電商元件。
在墨刀,你都可以十分便捷地一鍵複用。
(搶先欣賞下部分業務元件)
“地址編輯元件”
“省市區選擇”
“商品卡片”
“優惠券”
如何在墨刀一鍵複用Vant元件?
1 登陸墨刀之後,點選“新建專案”——“從模板中建立專案”,找到“Vant移動端元件庫”,點選“ 使用模板 ”,即可進入該模板。
2 選中想要複用的元件,右鍵點選,然後 “新增到我的元件” 。下次在新的專案,你就可以直接從 “我的元件” 庫裡直接拖出來使用了!方便快捷!
特別感謝我們的墨刀原型模板大使 周祚棟,為刀友們製作了此模板!
想和大神交流的可以加他微信哦!墨墨姐就撮合到這裡了!
知識付費方向產品經理、為200+企業提供內容變現方案。
平時很喜歡用墨刀去設計一些有意思的東西,像製作了螞蟻金服/Weui/有贊等元件庫的墨刀模板,又比如獨立設計了飛機大戰小遊戲,再比如畫了“墨刀的第一臺挖掘機“,以及實現了很多炫酷的互動。
強迫症、細節控、好奇心旺盛,擁有產品、運營、設計一體化的思維和管理能力。擅長底層業務邏輯設計和使用者行為研究。
微訊號:zuodong
可愛的刀友們,對墨刀的原型模板庫還有什麼期待? 最需要什麼樣的模板?盡情在下方留言區告訴我們吧!