Heim > Artikel > Web-Frontend > 基于 HTML 的界面原型库：Shireframe_html/css_WEB-ITnose
基于 HTML 的界面原型库：Shireframe_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:46:221200Durchsuche
Shireframe 可通过 HTML 实现界面原型的绘制。基于 AngularJS 和 jQuery 驱动，使用 RequireJS 进行模块加载，使用 Bootstrap 进行展示
示例代码：
<!DOCTYPE html><html> <head> <script src="http://rawgit.com/tsx/shireframe/master/shireframe-r.js"></script> <title>Doodle</title> </head> <body> <browser-chrome> <div class="container-fluid"> <div class="text-right vertical-margin"> <a>~Me</a> <a>Mail</a> <a>Pictures</a> <glyphicon th></glyphicon> <glyphicon user></glyphicon> </div> <div class="vertical-margin"> <row> <col-6 col-offset-3> <h1 class="text-title text-center"></h1> <box class="width-100 vertical-margin">|</box> </col-6> </row> <row> <col-3 col-offset-3> <button class="btn btn-default width-100">Doodle search</button> </col-3> <col-3> <button class="btn btn-default width-100">I'm feeling doodley</button> </col-3> </row> </div> <footer class="vertical-margin"> © <text-url></text-url> 2015 </footer> </div> </browser-chrome> </body></html>
项目主页：http://www.open-open.com/lib/view/home/1428905542689
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：【新浪SAE】去掉烦人的实名认证提示（讨论）_html/css_WEB-ITnoseNächster Artikel：通达OA 小飞鱼工作流设计教程（五）HTML的图像、声音、Flash_html/css_WEB-ITnose