Puerh,百姓网 UI 库。旨在建立稳定、简洁、兼容的前端框架。兼容 Mac/Windows 下的 IE6+ / Firefox / Google Chrome 浏览器。 Puerh 的目标是构建一套适合百姓网的前端解决方案。从模块区分上,她包含: Typography、 Grid、 Font Icon(Baicons)、 UI组件 和 JS 组件
第一次使用 Puerh?请看 Getting Start → 如在使用上遇到任何问题,请通过 Github Issues 给我们 提意见 →
栅格(Gridset)的总宽度为 980px,包含 20 栏,每栏 30px,间隙为 20px;只支持固定宽度,没有 Responsive 支持。这样使用:
<div class="container"> <div class="grid grid-5"> ... </div> <div class="grid grid-15 last"> ... </div> </div>
当有多个栏的时候,最后一个栏需要添加一个 .last
classname。另外,值得注意的是百姓网有很多页面使用二栏风格,并且都比较一致区分左右栏,所以这个系统中有两个
classname 为它们的 Alias:
<div class="container"> <div class="maincol"> 主栏 </div> <div class="sidecol last"> 侧栏 </div> </div>