Puerh - 百姓網 UI 庫

jopen 11年前發布 | 15K 次閱讀 Puerh 前端技術

Puerh，百姓網 UI 庫。旨在建立穩定、簡潔、兼容的前端框架。已經通過 Mac/Windows 下的 IE6+ / Firefox / Google Chrome 瀏覽器測試。Puerh 的目標是構建一套適合百姓網的前端解決方案。整套方案整合 TYPO.CSS 排版，基于與視覺稿一致的 980px Grid System 布局，包含各種 UI 組件，使用 推ter Bootstrap 的 JavaScript 組件。

Puerh - 百姓網 UI 庫

一、CSS 組件

</table>

</tbody> </table>

</tr> </tbody> </table>

Search(搜索框) PageNav（分頁） Breadcrumb（面包屑導航） Headline（標題）

</tbody> </table>

</tr> </tbody> </table>

Group List（首頁大列表） Catbox（圖片列表） Tab Topbar（頂部導航）

</tbody> </table>

</tr> </tbody> </table>

Filter（類目過濾） Icons（小圖標） Tag（小標簽） Button（按鈕）

</tbody> </table>

</tr> </tbody> </table>

Modal（彈出框） Dropdown（下拉菜單） Tips（可操作浮層） Alert Message（可操作消息）

</tbody> </table>

</tr> </tbody> </table>

Table（表格） Listing（列表） Images(圖片展欄) Flow（流程）

</tbody> </table>

</tr> </tbody> </table>

Logo Navigation（導航） - -

</table>

</div>

二、JavaScript 組件

</table>

</tbody> </table>

</tr> </tbody> </table>

Modals(彈出層) Dropdowns（下拉菜單） Tabs（標簽切換） Tips（浮層提示條）

</tbody> </table>

</tr> </tbody> </table>

Alert（可關閉消息） Typeahead（自動完成） Scrollspy（滾動生成） Lightbox（圖片瀏覽浮層）

</tbody> </table>

</tr> </tbody> </table>

Validator（表單驗證） Linkage（聯動操作）

</table>

</div>

三、主要頁面 DEMO

</tbody> </table>

</tr> </tbody> </table>

首頁 index.html 一級頁面 filter.html 二級頁面 list.html 大圖列表 animals.html

</tbody> </table>

</tr> </tbody> </table>

View Ad viewad.html 店鋪 viewad-store.html 百姓公約 agreement.html 發布 publish.html

</tbody> </table>

</tr> </tbody> </table>
http://baixing.github.io/Puerh/

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

相關經驗

相關資訊

相關文檔

發布表單 publish-form.html
    • sesese色