steam想申明库存量，不晓得在哪里去增设，那个出口处是稍稍有点儿深，由此可见毕竟也很单纯，一起来看一看什么样操作方式。操作方式方式01登入steam后，点选街道社区旁的对个人......
2024-02-05 248
如何利用ionic代码库中的不同样式设置按钮栏
来源：互联网
2023-02-21 17:59:15 183
ionic是以AngularJS语法作为基础的，但是它自身带有大量的样式类，可以设计出不同样式的组件。下面利用一个实例说明利用ionic自带的样式对按钮栏进行设计，操作如下：
工具/原料
- HBuilder
- ionic
- AngularJS
- 截图工具
- jquery
方法/步骤
第一步，新建静态页面bar.html，并引入ionic样式文件和js文件，如下图所示：
第二步，在body>/body>元素内插入按钮栏，
div class="button-bar bar-assertive">
a class="button">第一步/a>
a class="button">第二步/a>
a class="button">第三步/a>
/div>
如下图所示：
第三步，再次在第二步代码下方插入另一个按钮栏，
div class="button-bar bar-balanced">
a class="button">第一步/a>
a class="button">第二步/a>
a class="button">第三步/a>
/div>
如下图所示：
第四步，将“bar-balanced”换成“bar-calm”，代码如下：
div class="button-bar bar-calm">
a class="button">第一步/a>
a class="button">第二步/a>
a class="button">第三步/a>
/div>
如下图所示：
第五步，修改div标签内class名称，
div class="button-bar bar-dark">
a class="button">第一步/a>
a class="button">第二步/a>
a class="button">第三步/a>
/div>
如下图所示：
第六步，再次修改div元素内的样式class bar-energized
div class="button-bar bar-energized">
a class="button">第一步/a>
a class="button">第二步/a>
a class="button">第三步/a>
/div>
如下图所示：
注意事项
- 注意ionic控制按钮的样式
- 注意引入ionic样式文件
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
-
ps快捷键大全与常用快捷键-ps常用快捷键大全和技巧详细阅读
操作方式方法01【辅助widget】多种辅助工具相连接两个功能键的可同时按【Shift】加此功能键挑选出1、正方形、圆锥选框辅助工具 【M】 2、终端辅助工具 【V】 3、截叶......
2024-02-05 190
-
qq头像上传失败怎么办-qq头像上传失败1503详细阅读
操作方式01文档格式难题qq肖像最合适用jpeg文档格式的相片，若是相片有透明化地下通道，能选用png文档格式上载。 02大小不一难题若是相片极重也可能将引致上载失利，检......
2024-02-05 125