如何利用ionic代码库中的不同样式设置按钮栏

1、第一步，新建静态页面bar.html，并引入ionic样式文件和js文件，如下图所示：

3、第三步，再次在第二步代码下方插入另一个按钮栏，<div class="button-bar bar-balanced"> <a class="button">第一步</a> <a class="button">第二步</a> <a class="button">第三步</a> </div>如下图所示：

5、第五步，修改div标签内class名称，<div class="button-bar bar-dark"> <a class="button">第一步</a> <a class="button">第二步</a> <a class="button">第三步</a> </div>如下图所示：