设为首页收藏本站

开启辅助访问

PhoneGap中文网 › ›视频教程

视频教程

下级分类: PhoneGap 视屏教程|JqMobi 视频教程|ionic 教程|angularjs教程|jquery mobile 教程|html5 视频教程|Sencha Touch 教程|css 教程|js/jquery 教程

ionic中栅格系统: 栅格系统ionic的栅格系统采用了CSS3的弹性盒（Flexible Box）模型，这使得它与大多数栅格系统都有所区别。Flex布局主要思想是让容器有能力改变其子元素的宽度、高度甚至先后顺序，从而以最佳方式填充可用空间。CSS ...; 分类: ionic 教程 2015-4-12 14:02

ionic .tab-striped .tabs: 条带风格选项卡: .tab-striped .tabs: 条带风格选项卡条带风格的选项卡起源于Android平台，它使用一个细长的条带表示选项的选中状态：在ionic中，使用.tabs-striped样式声明条带风格选项卡：any class="tabs-striped" any class="tab ...; 分类: ionic 教程 2015-4-12 14:00

ionic中 .tabs : 顶部选项卡: .tabs : 顶部选项卡默认情况下，选项卡位于屏幕底部，可以使用.tabs-top样式将选项卡置于顶部。顶部选项卡应用也很广泛：!DOCTYPE htmlhtmlheadmeta charset="utf-8"meta name="viewport" content="initial-scale=1, ...; 分类: ionic 教程 2015-4-12 13:59

ionic中 .tab-item : 使用徽章: 微信（wechat）的选项卡中第三项包含了一个红色的信息元素，被称为徽章：要在.tab-item内包含徽章，需要注意两点：使用.badge样式插入徽章元素在.tab-item同级声明.has-badge样式any class="tabs" any class="tab-it ...; 分类: ionic 教程 2015-4-12 13:57

ionic中 .tab-item : 使用图标: 选项卡的选项默认的只包含文字，使用图标会使其更加生动：比如微博（weibo）和微信（wechat）：要在某个选项元素中插入图标，需要注意两点：使用i标签在.tab-item中插入图标在.tabs容器上使用.tabs-icon-{position} ...; 分类: ionic 教程 2015-4-12 13:56

ionic中选项卡 : .tabs: 选项卡是一个可以包含多个按钮或链接的容器，通常用于提供一致的导航体验。 ionic中使用.tabs样式声明选项卡，使用.tab-item样式声明选项卡成员any class="tabs" any class="tab-item".../any any class="tab-item ...; 分类: ionic 教程 2015-4-12 13:55

ionic中选择框 : .item-select select: 选择框 : .item-select select在每个平台上，选择框的表现形式都不一样，例如，在PC上，是一个传统的下拉框，在Android 是一个单选弹出窗，而iOS上是一个覆盖半个窗体的定制滚动器：通常总是将选择框与文字一起放入 ...; 分类: ionic 教程 2015-4-12 13:54

ionic中滑动条 : .range input[type="range"]: 滑动条 : .range inputrange是HTML5新引入的元素，常用来进行连续值的调节：从上图可以看到，滑动条的可视部件包括三部分：左右图标和中间的滑动条。图标是可选的，当不用图标时，滑动条将占据整个宽度。在ionic中 ...; 分类: ionic 教程 2015-4-12 13:53

ionic中单选按钮 : .item-radio input[type="radio"]: 单选按钮 : .item-radio input单选按钮用来从一组选择中作出仅仅一个选择：正如上图所见，单选按钮的可视部件包括两部分：选中图标（.radio-icon）和描述内容（.item-content），你可以在.item-content随便添加内 ...; 分类: ionic 教程 2015-4-12 13:51

ionic中复选按钮: 复选框通常用来在一组列表中选中部分成员：和开关一样，复选按钮也是基于HTML的checkbox input实现的。使用如下的HTML模板声明复选按钮：any class="item-input" any class="checkbox" input type="checkbox" /any/a ...; 分类: ionic 教程 2015-4-12 13:49

ionic中开关 .toggle input[type="checkbox"]: 开关通常用来设置两种状态 - 开启和关闭：正如上图中所见，开关的可视部件包括两部分：滑轨（.track）和手柄（.handle）。 ionic使用如下HTML模板创建开关组件：any class="toggle" input type="checkbox" any class ...; 分类: ionic 教程 2015-4-12 13:48

ionic中文本输入：堆叠式标签: 文本输入：堆叠式标签堆叠式标签意味着将描述性标签占据单独的一行：使用.item-stacked-label样式声明堆叠式标签：any class="item-input item-stacked-label" any class="input-label".../any input type="text" pl ...; 分类: ionic 教程 2015-4-12 13:46

ionic文本输入：使用占位符做标签: 文本输入：使用占位符做标签有时可以将描述标签省略，这样可以获得一种简洁的效果：这是input元素原生的功能，设置其placeholder属性即可实现：label class="item item-input" input type="text" placeholder="labe ...; 分类: ionic 教程 2015-4-12 13:45

文本输入 : input[type="text"]: 文本输入 : input文本输入通常包含一个文本input元素和一个描述型标签：在ionic中，使用以下HTML模板建立一个带有文本标签的输入框：any class="item-input" span class="input-label".../span input type="text" pl ...; 分类: ionic 教程 2015-4-12 13:43

ionic中的输入组件容器 : .item-input: 输入组件容器 : .item-input在ionic中，各种输入组件被定义成不同的HTML模板，以便将描述标签和输入元素打包在一起。在这个模板的根元素上，需要声明.item-input样式：any class="item-input".../any不同的输入元素 ...; 分类: ionic 教程 2015-4-12 13:42

1 234 5 6 7 8 / 8 页下一页

相关分类

站长推荐 /1

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )

GMT+8, 2024-4-27 03:53 , Processed in 0.023004 second(s), 11 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部