font-patch.css
Closed this issue · 2 comments
amio commented
做一个老图标类名到新图标字体的映射 CSS,让模板中的老 CSS 类名无需修改,也有新字体中的对应图标填充进去。
备忘,Puerh Demo 页面中的字体列表(59个):
{"icon-pencil":true,"icon-bullhorn":true,"icon-camera":true,"icon-image":true,"icon-location":true,"icon-clock":true,"icon-phone":true,"icon-mobile":true,"icon-bubble":true,"icon-user":true,"icon-users":true,"icon-cog":true,"icon-remove":true,"icon-eye":true,"icon-star":true,"icon-heart":true,"icon-info":true,"icon-cancel-circle":true,"icon-checkmark-circle":true,"icon-close":true,"icon-checkmark":true,"icon-minus":true,"icon-blocked":true,"icon-loop":true,"icon-share":true,"icon-pinToTop":true,"icon-envelope":true,"icon-bars":true,"icon-search":true,"icon-user-2":true,"icon-arrow-up":true,"icon-apple":true,"icon-android":true,"icon-windows8":true,"icon-cart":true,"icon-flag":true,"icon-post":true,"icon-plus":true,"icon-cashBag":true,"icon-mobile-2":true,"icon-question":true,"icon-arrowDown":true,"icon-arrowLeft":true,"icon-arrowRight":true,"icon-arrowTop":true,"icon-downTriangle":true,"icon-renew":true,"icon-fangwu":true,"icon-cheliang":true,"icon-jiaoyou":true,"icon-jianli":true,"icon-chongwu":true,"icon-jiaoyu":true,"icon-fuwu":true,"icon-jianzhi":true,"icon-quanzhi":true,"icon-ershou":true,"icon-lightning":true,"icon-pcCamera":true}
Puerh CSS 中的字体列表(69个):
["icon-android", "icon-apple", "icon-arrow-up", "icon-arrowDown", "icon-arrowLeft", "icon-arrowRight", "icon-arrowTop", "icon-bars", "icon-blocked", "icon-bubble", "icon-bullhorn", "icon-calendar", "icon-camera", "icon-cancel-circle", "icon-car", "icon-card", "icon-cart", "icon-cashBag", "icon-checkmark", "icon-checkmark-circle", "icon-chongwu", "icon-clock", "icon-close", "icon-cog", "icon-downTriangle", "icon-entertainment", "icon-envelope", "icon-ershou", "icon-eye", "icon-fangwu", "icon-fire", "icon-flag", "icon-fuwu", "icon-heart", "icon-image", "icon-info", "icon-jianli", "icon-jianzhi", "icon-jiaoyou", "icon-jiaoyu", "icon-lightning", "icon-location", "icon-loop", "icon-minus", "icon-mobile", "icon-mobile-2", "icon-pcCamera", "icon-pencil", "icon-phone", "icon-pinToTop", "icon-plus", "icon-post", "icon-quanzhi", "icon-question", "icon-remove", "icon-renew", "icon-safety1", "icon-safety2", "icon-search", "icon-share", "icon-star", "icon-taocan", "icon-user", "icon-user-2", "icon-users", "icon-viewItem", "icon-viewPic", "icon-viewTitle", "icon-windows8"]
Baicons 中的字体列表
{"icon-android":true,"icon-apple":true,"icon-arrow-bottom":true,"icon-arrow-left":true,"icon-arrow-right":true,"icon-arrow-top":true,"icon-arrow-up":true,"icon-bars":true,"icon-blocked":true,"icon-bubble":true,"icon-bullhorn":true,"icon-calendar":true,"icon-camera":true,"icon-cart":true,"icon-cash-bag":true,"icon-check-mark":true,"icon-check-mark-circle":true,"icon-clock":true,"icon-cog":true,"icon-delete":true,"icon-delete-circle":true,"icon-envelope":true,"icon-eye":true,"icon-fire":true,"icon-flag":true,"icon-heart":true,"icon-image":true,"icon-info":true,"icon-lightning":true,"icon-cat-chongwu":true,"icon-cat-ershouche":true,"icon-cat-fangwu":true,"icon-cat-fuwu":true,"icon-cat-jianli":true,"icon-cat-jiaoyu":true,"icon-cat-quanzhi":true,"icon-location":true,"icon-loop":true,"icon-minus":true,"icon-minus-circle":true,"icon-mobile":true,"icon-pencil":true,"icon-phone":true,"icon-pin-to-top":true,"icon-post":true,"icon-question":true,"icon-remove":true,"icon-renew":true,"icon-safety":true,"icon-safety-warn":true,"icon-search":true,"icon-share":true,"icon-star":true,"icon-tag":true,"icon-triangle-down":true,"icon-user":true,"icon-users":true,"icon-vcard":true,"icon-view-item":true,"icon-view-pic":true,"icon-view-title":true,"icon-weibo":true,"icon-windows":true,"icon-plus":true,"icon-plus-circle":true}
amio commented
相同的部分:
["icon-pencil","icon-bullhorn","icon-camera","icon-image","icon-location","icon-clock","icon-phone","icon-mobile","icon-bubble","icon-user","icon-users","icon-cog","icon-remove","icon-eye","icon-star","icon-heart","icon-info","icon-minus","icon-blocked","icon-loop","icon-share","icon-envelope","icon-bars","icon-search","icon-arrow-up","icon-apple","icon-android","icon-cart","icon-flag","icon-post","icon-plus","icon-question","icon-renew","icon-lightning"]
不同的部分(Puerh Demo diff vs Baicons):
["icon-cancel-circle", "icon-checkmark-circle", "icon-close", "icon-checkmark", "icon-pinToTop", "icon-user-2", "icon-windows8", "icon-cashBag", "icon-mobile-2", "icon-arrowDown", "icon-arrowLeft", "icon-arrowRight", "icon-arrowTop", "icon-downTriangle", "icon-fangwu", "icon-cheliang", "icon-jiaoyou", "icon-jianli", "icon-chongwu", "icon-jiaoyu", "icon-fuwu", "icon-jianzhi", "icon-quanzhi", "icon-ershou", "icon-pcCamera"]
不同的部分(Baicons diff vs Puerh Demo):
["icon-arrow-bottom", "icon-arrow-left", "icon-arrow-right", "icon-arrow-top", "icon-calendar", "icon-cash-bag", "icon-check-mark", "icon-check-mark-circle", "icon-delete", "icon-delete-circle", "icon-fire", "icon-cat-chongwu", "icon-cat-ershouche", "icon-cat-fangwu", "icon-cat-fuwu", "icon-cat-jianli", "icon-cat-jiaoyu", "icon-cat-quanzhi", "icon-minus-circle", "icon-pin-to-top", "icon-safety", "icon-safety-warn", "icon-tag", "icon-triangle-down", "icon-vcard", "icon-view-item", "icon-view-pic", "icon-view-title", "icon-weibo", "icon-windows", "icon-plus-circle"]
amio commented
Puerh CSS diff vs Baicons (33个):
["icon-arrowDown", "icon-arrowLeft", "icon-arrowRight", "icon-arrowTop", "icon-cancel-circle", "icon-car", "icon-card", "icon-cashBag", "icon-checkmark", "icon-checkmark-circle", "icon-chongwu", "icon-close", "icon-downTriangle", "icon-entertainment", "icon-ershou", "icon-fangwu", "icon-fuwu", "icon-jianli", "icon-jianzhi", "icon-jiaoyou", "icon-jiaoyu", "icon-mobile-2", "icon-pcCamera", "icon-pinToTop", "icon-quanzhi", "icon-safety1", "icon-safety2", "icon-taocan", "icon-user-2", "icon-viewItem", "icon-viewPic", "icon-viewTitle", "icon-windows8"]