AngularJS的UI框架:Suave UI

jopen 10年前發布 | 85K 次閱讀 Suave UI Web框架 angularjs

Suave UI設計用于基于AngularJS的web應用程序。它由CSS定義,指令和服務組件,幫助你快速,高效地構建UI。

組件

All these components are included in bundle-files. So you don't need to include them separately to use all them force.

如何使用?

You can include Suave UI to your project with Bower by this command:

bower install suave-ui --save

To use Suave UI without Bower you had to add CSS & JS bundle-files and include suave-ui angular-module into your web-app initialization via Dependency Injection or angular.bootstrap.

<link rel="stylesheet" href="suave-ui/dist/styles.min.css" />
<script src="js/angular.min.js"></script>
<script src="suave-ui/dist/app.min.js"></script>

<script>
    angular.element(document).ready(function () {
        angular.bootstrap(document, ['your-app', 'suave-ui']);
    });
</script>

Then you can use Suave directives, services and styles right in your code. Demo & Examples is available here.

項目主頁:http://www.baiduhome.net/lib/view/home/1418176258839

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