导航栏

导航栏

导航栏是整个页面的重要组成部分,它可以放在顶部,也可以放在底部,当然,它也可以放在页面中间,当tab使用,详情请看示例

默认的导航栏效果

按钮有的属性,导航栏都有
example
  • 首页
  • 栏目
  • 设置

带图标的导航栏

example
  • 首页
  • 栏目
  • 设置
  • 首页
  • 栏目
  • 设置

5种风格

5种风格可以自由组合
example
  • 首页
  • 栏目
  • 设置
  • 首页
  • 栏目
  • 设置

tab菜单导航

data-theme="a" 放在不同地方,效果不同,当然这里,只做了2种导航主题。tab导航一般放在顶部位置。
example
  • 首页
  • 栏目
  • 设置

最多支持8个按钮

class="" grid-a || grid-b || grid-c || grid-d || grid-e || grid-f || grid-g || grid-h 1-8个按钮
example
  • 首页
  • 栏目
  • 首页
  • 栏目
  • 设置
  • 首页
  • 栏目
  • 设置
  • 设置2

二级导航

data-menupos="" 可以设置二级菜单的方向,悬浮在底部时使用
example
  • 首页
    • Button1Button1
    • Button2
    • Button3
    • Button4
  • 栏目
    • Button1Button1
    • Button2
    • Button3
  • 设置
  • 首页
    • Button1Button1
    • Button2
    • Button3
    • Button4
  • 栏目
    • Button1Button1
    • Button2
    • Button3
  • 设置