ionic 按钮
按钮是移动app不可或缺的一部分,不同风格的app,需要的不同按钮的样式。 默认情况下,按钮显示样式为:display: inline-block。 Default button-light button-stable button-positive button-calm button-balan
按钮是移动app不可或缺的一部分,不同风格的app,需要的不同按钮的样式。

默认情况下,按钮显示样式为:display: inline-block。
button-block 这种样式的按钮,本质上会以:display: block 的方式呈现。这样一来,它会横向占满父元素的可用宽度,同时也会把内边距属性padding计算在内。
使用 button-full 类,可以让按钮显示完全宽度,且不包含内边距padding。
不同大小的按钮
button-large 设置为大按钮,button-small 设置为小按钮。
无背景按钮
button-outline 设置背景为透明。
无背景与边框按钮
button-clear 设置按钮背景为透明,且无边框。
图标按钮
我们可以在按钮上添加图标。
Learn More
Back
Reorder
头部/底部添加按钮
头部和底部都可以直接加入按钮,按钮会自动沿用对应区域的样式设定,因此通常不必再单独给按钮补充额外样式。
button-clear 类可以设置无背景和边框的头部/底部按钮。
按钮栏
我们可以使用 button-bar 类来设置按钮栏。以下实例中,我们在头部和内容中添加了按钮栏。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。















