说米网

这篇文章首要介绍了AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas,本文通过实例代码给我们介绍的十分详细，对我们的学习或作业具有必定的参考借鉴价值，需要的朋友能够参考下

顶部导航条假如你细心留意下现在的页面，实在是太常见了。这个组件在手机端的页面中，同样能够借助AmazeUI这个前端结构实现。与此同时网站服务器硬件配置，能够在导航栏的最右方加一个触发侧边导航栏offCanvas。不要再运用BootStrap那种，一旦点击就大幅度下拉的导航了，横竖我个人觉得很蛋疼的。一个导航活活地占有了页面很多位置。这个侧边导航栏offCanvas曾经是php方面的WorkPress的优秀规划来的。

运用AmazeUI做出来的效果如下：

首先是顶部导航栏的代码：

然后是侧边栏的代码：

因此，整个页面的代码如下：

Heade其它

总结

到此这篇关于AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码的文章就介绍到这了,