輕量級的前端UI開發框架 - UIkit

時間 2019-12-09

標籤輕量級前端開發框架 uikit 简体版

原文原文鏈接

來源：GBin1.comcss

UIkit是YOOtheme團隊開發的開源的前端UI界面框架，能夠幫助你快速的開發和建立前端UI界面。html

基於下列開源項目：前端

LESS
jQuery
normalize.css
FontAwesome

主要特性

支持LESS
模塊化
支持自定義主題
支持響應式設計

如何使用？

使用UIkit很是簡單，下載後，請參考以下的框架代碼：jquery

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <link rel="stylesheet" href="uikit.min.css" />
    <script src="jquery.js"></script>
    <script src="uikit.min.js"></script>
    </head>
    <body>
    </body>
    </html>

而後，請參考UI組件相關的文檔：框架

UI組件包含以下幾個不一樣的UI組件類型：模塊化

缺省
佈局
導航
元素
經常使用
Javascript

針對Javascript的設計，你能夠不使用任何JS代碼，而使用典型的data-ui-*方式來生成UI元素，以下：工具

<button data-uk-button>My Button</button>

固然，也能夠使用jQuery API方式，以下：佈局

$(".button").uk("button");

自定義主題

你能夠方便的使用自定義工具來定義或者擴展你須要的主題，以下：ui

via 極客標籤spa

來源：輕量級的前端UI開發框架 - UIkit

相關標籤/搜索