ionic 按钮
作者:小确幸
时间:2026-08-11
来源:正软商城
浏览:9
按钮是移动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 类来设置按钮栏。以下实例中,我们在头部和内容中添加了按钮栏。
作者最新文章
PDF页面顺序怎么调整?用缩略图拖拽重排步骤
2026-11-12 17:41
腾讯会议如何删除云录制与本地录像文件
2026-11-09 16:51
xshell连接服务器怎么连 SSH远程登录步骤
2026-11-03 10:13
立刻MV如何删除不需要的MV项目工程
2026-11-02 23:37
beyond compare怎么自动换行
2026-10-23 10:35
上一篇:
ionic 列表
下一篇:
ionic 头部与底部
热门文章
更多
精品专题
更多
Mac软件
更多
火山引擎 网页版
Windows/ macOS/ Linux
火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力,依托字节自研豆包多模态大模型,凭借火山方舟一站式平台,提供模型精调、推理部署、智能应用搭建等全链路服务,结合高性能AI算力,助力各行业快速落地大模型数字化与智能化应用。
















