ionic 按钮 按钮是移动app不可或缺的一部分,不同风格的app,需要的不同按钮的样式。 默认情况下,按钮显示样式为:display: inline-block。 <bu…
ionic 复选框 ionic 复选框(checkbox)与普通的 HTML 复选框没什么区别,以下实例演示了 ionic 复选框 ion-checkbox 的应用。 <io…
ionic 选项卡栏操作 ion-tabs ion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。 对于 iOS,它会出现在屏幕的底部,Android会出…
ionic 列表 列表是一个应用广泛的界面元素,在所有移动app中几乎都会使用到。 列表可以是基本文字、按钮,开关,图标和缩略图等。 列表项可以是任何的HTML元素。容器元素需要l…
ionic 切换开关操作 以下实例中,通过切换不同开关 checked 显示不同的值,true 为打开,false 为关闭。 HTML 代码 <ion-header-bar …
ionic 卡片 近年来卡片(card)的应用越来越流行,卡片提供了一个更好组织信息展示的工具。 针对移动端的应用,卡片会根据屏幕大小自适应大小。 我们可以很灵活的控制卡片的显示效…
ionic 单选框操作 实例中,根据选中的不同选项,显示不同的值。 HTML 代码 <ion-header-bar class="bar-positive"> <…
ionic 表单和输入框 list 类同样可以用于 input 元素。item-input 和 item 类指定了文本框及其标签。 输入框属性:placeholder 以下实例中,…
ionic 手势事件 事件 描述 用法 实例 on-hold 长按的时间是500毫秒。 <button on-hold="onHold()" class="button"&g…
ionic Toggle(切换开关) 切换开关类似与 HTML 的 checkbox 标签,但它更易于在移动设备上使用。 切换开关可以使用 toggle-assertive 来指定…
ionic 头部和底部 ion-header-bar 这个是固定在屏幕顶部的一个头部标题栏。如果给它加上’bar-subheader’ 这个样式,它就是副标…
ionic checkbox(复选框) ionic 里面的 Checkbox 和普通的 Checkbox 效果上其实相差不大,只是样式上有所不同。 以下实例颜色了多个复选框的列表。…