UIkit nav学习记录

nav是什么?

导航

如何创立一个导航?

在ul元素里添加一个uk-nav的类可以创建导航。


如图

UIkit nav学习记录_第1张图片
image.png

侧边栏导航(面板里的导航)

可以先创建一个侧边的面板,然后把nav嵌套在里边,如下。添加uk-nav-side表面是侧边栏导航。


结果

UIkit nav学习记录_第2张图片
image.png

抽屉中的导航

如下先建立一个激活抽屉的按钮。
接下来建立遮罩,uk-offcanvas
之后建立抽屉uk-offcanvas-bar





  • first
  • second
  • third

结果

UIkit nav学习记录_第3张图片
image.png

参考

导航菜单 - UIkit 中文文档

你可能感兴趣的:(UIkit nav学习记录)