ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
定义footer的方式和定义[header](http://blog.csdn.net/xuexiaodong009/article/details/18088079)方式基本一样,有三种方式 1定义公共的footer 也就是所有panel默认的footer,需要在div id="afui">内部,也就是和<div id="content">同一级的位置添加一个div,并且ID必须是navbar 例如: ~~~ <div id="navbar"> <a href="#home" id='navbar_home' class='icon home'>home</a> <a href="#sketch" id='navbar_pencil' class='icon pencil'>Sketch</a> <a href="#picture" id='navbar_picture' class='icon picture'>Picture</a> </div> ~~~ 2自定义footer有两种方式和自定义header有些类似 **第一种在div id="afui">内部,也就是和<div id="content">同一级的位置添加一个footer 标签,并且命名id。** **然后再需要这个footer的panel添加一个属性`data-footer``=``"custom_footer"`** 例如: ~~~ <div id="afui"> <div id="content"> <div class="panel" id="panel1" data-footer="myfooter"> <h3>panel contents</h3> </div> </div> <footer id="myfooter"> <h1>Custom footer</h1> <a class="button" style="float:left;" class="icon home"></a> </footer> </div> ~~~ 第二种就是在需要自定义的panel的div内部定义一个footer 例如: ~~~ <div id="afui"> <div id="content"> <div class="panel" id="panel1"> <footer> <h1>Custom Footer</h1> <a class="button" style="float:left;" class="icon home"></a> </footer> <h3>Panel content </h3> </div> </div> </div> ~~~ 参照[使用appframework开发app基础:定义header](http://blog.csdn.net/xuexiaodong009/article/details/18088079)很明显少了,通过**title定义footer的方式。** [官方文档参考,定义公共的footer](http://software.intel.com/en-us/html5/articles/getting-started-with-intel-app-framework-20-beta) [官方文档:自定义footer](http://software.intel.com/en-us/html5/articles/customize-headers-and-footers-with-app-framework)