条纹样式选项卡可以在带有 tabs 的样式名的元素上添加 tabsstriped 来实现像 Android 风格的 tabs也可以添加 tabstop 来实现选项卡在页面顶部条纹选项卡颜色可通过 tabsbackground{color} 和 tabscolor{color} 来控制{color} 值可以是default light stable positive calm balanced energized assertive royal 或 dark注意如果 - FACESOHO知行者

条纹样式选项卡可以在带有 tabs 的样式名的元素上添加 tabsstriped 来实现像 Android 风格的 tabs也可以添加 tabstop 来实现选项卡在页面顶部条纹选项卡颜色可通过 tabsbackground{color} 和 tabscolor{color} 来控制{color} 值可以是default light stable positive calm balanced energized assertive royal 或 dark注意如果

[6903]

左侧图标+文字选项卡在 tabs 类后添加 tabsiconleft 类可设置左侧图标+文字选项卡<div classtabs tabsiconlefta classtabitemi classicon ionhome</i 主页/aa classtabitemi classicon ionstar</i 收藏/a&g

[6902]

顶部图标+文字选项卡在 tabs 类后添加 tabsicontop 类可设置顶部图标+文字选项卡<div classtabs tabsicontopa classtabitem i classicon ionhome</i 主页/aa classtabitem i classicon ionstar</i 收藏/a&g

[6901]

默认情况选项卡颜色为默认你可以设置以下不同颜色样式tabsdefault tabslight tabsstable tabspositive tabscalm tabsbalanced tabsenergized tabsassertive tabsroyal tabsdark要隐藏选项卡栏可使用 tabsitemhide 类图标选项卡在 tabs 类后添加 tabsicononly 类可设置只显示图标选项卡<div classtabs

[6900]

ionic tab选项卡ionic tab选项卡是水平排列的按钮或者链接用以页面间导航的切换它可以包含文字和图标的组合是一种移动设备上流行的导航方法以下选项卡容器使用了 tabs 类每个选项卡使用 tabitem 类默认情况下选项卡是文本的并没有图标实例<div classtabsa classtabitem 主页/aa classtabitem 收藏/aa

[6899]

ionic selectionic select 的 select 相比原生的要更加美观些但是弹出的可选选项样式是浏览器默认的每个平台上的可选项样式都是不一样的在PC电脑的浏览器上你会看到传统的下拉界面Android 上会弹出单选按钮选项iOS 有个滚轮操作界面实例<div classlistdiv classitem iteminput itemselectdiv classinputlabel Lightsaber

[6898]

ionic Rangeionic Range 是一个滑块控件ionic 为 Range 提供了很多种默认的样式而且你可以在许多种元素里使用它比如列表或者 Card 实例<div classrangei classicon ionvolumelow</iinput typerange namevolumei classicon ionvolumehigh</i</

[6897]

ionic checkbox（复选框）ionic 里面的 Checkbox 和普通的 Checkbox 效果上其实相差不大只是样式上有所不同以下实例演示了多个复选框的列表注意每个选项的 item 类后需要添加 itemcheckbox 类复选框可以使用 checkboxassertive 来指定颜色<ul classlistli classitem itemcheckboxlabel classcheckbox

[6896]

ionic Toggle切换开关切换开关类似与 HTML 的 checkbox 标签但它更易于在移动设备上使用切换开关可以使用 toggleassertive 来指定颜色<label classtoggleinput typecheckboxdiv classtrackdiv classhandle</div/div</label该实例有是多个切换开关列表

[6895]

ionic_header_iteminputsearch

[6894]

ionic_iteminputsearch

[6893]

ionic_iteminputinset

[6892]

ionic_iteminput_listinset

[6891]

ionic_itemfloatinglabel

[6890]

ionic_itemstackedlabel

[6889]

ionic_item_inputlabel

[6888]

ionic_item_input

[6887]

ionic_card_itemimage&basepath0

[6886]

ionic_card_list&basepath0

[6885]

ionic_card_itemdivider&basepath0

[6884]

ionic_card&basepath0

[6883]

ionic_list_inset&basepath0

[6882]

«
1
2
...
47
48
49
50
51
...
356
357
»
357