ionic 按钮

本文整理自网络，侵删。

ionic 按钮

按钮是移动app不可或缺的一部分，不同风格的app，需要的不同按钮的样式。

默认情况下，按钮显示样式为：display: inline-block。

<button class="button">  Default</button><button class="button button-light">  button-light</button><button class="button button-stable">  button-stable</button><button class="button button-positive">  button-positive</button><button class="button button-calm">  button-calm</button><button class="button button-balanced">  button-balanced</button><button class="button button-energized">  button-energized</button><button class="button button-assertive">  button-assertive</button><button class="button button-royal">  button-royal</button><button class="button button-dark">  button-dark</button>

尝试一下 ?

button-block 样式按钮显示为：display: block，它将完全填充父元素的宽度，包含了内边距属性padding。

<button class="button button-block button-positive">  Block Button</button>

尝试一下 ?

阅读剩余部分

相关阅读 >>

ionic 切换开关操作

ionic 网格(grid)

ionic 上拉菜单

ionic 浮动框

ionic bootstrap区别是什么

ionic 单选框

ionic tab(选项卡)

ionic 按钮

ionic 头部与底部

ionic 模态窗口

更多相关阅读请进入《ionic》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者