最新版本号[免费下载]
  • ionic.DomUtil
    ionic.DomUtil

    参数类型详情callback 2015-11-24

    131

  • ionic.EventController
    ionic.EventController

    参数类型详情eventType 2015-11-24

    95

  • keyboard
    keyboard

    2015-11-24

    155

  • keyboard-attach
    keyboard-attach

    2015-11-24

    131

  • ionic 1.1.1发布 主要修复了ios9中的一些小bug
    ionic 1.1.1发布 主要修复了ios9中的一些小bug

     Ionic(ionicframework)一款接近原生的Html5移动App开发框架 会html css js就可以开发app,ionic 是个高级的 HTML5 移动端应用框架,是个很漂亮的使用 HTML5 开发混合移动应用前端框架。

    2015-11-24

    94

  • 第一讲 phonegap + Angularjs + ionic 移动app开发视频教程
    第一讲 phonegap + Angularjs + ionic 移动app开发视频教程

    1. 第一季 第二季内容简介第一季内容:(免费)1. JquerMobile (发现做app运行速度太慢,我们后续教程放弃用它做App开发,但是可以用它来做一些wap网站 或者微信中的微站)第二季内容: (jqmobi基础免费,其他赞助)赞助期满后陆续免费公开1. jqmobi基础 (运行速度快)2. jqmobi+discuz+phonegap  discuz项目实战3. SenchaTouch+Sencha Architecture可视化开发工具基础  (运行速度快)4. SenchaTouch+Sencha Architectures 淘宝导购app项目实战 2. phonegap介绍phonegap运行速度介绍以及phonegap安装介绍 1. Phonegap介绍 PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian

    移动,教程,开发,视频,第一
    2015-11-24

    151

  • ionic中 .col-{align} : 列纵向对齐
    ionic中 .col-{align} : 列纵向对齐

    .col-{align} : 列纵向对齐如果一行中各元素的高度不一样,那么比较矮的那些元素将自动被拉伸以适应 整行的高度。有时你不想这样,希望那些元素保持自身的高度。ionic提供了一些预置的CSS类用来 指定这些元素纵向的对齐方式:.col-top - 让元素纵向顶对齐 .col-center - 让元素居中对齐 .col-bottom - 让元素向底对齐这是通过设置元素的CSS3样式align-self来实现的。<!DOCTYPE html> <html> <head>  <meta name="viewport" content="initial-scale=1

    纵向,
    2015-11-24

    119

  • ionic .col-offset-{width-percent} : 指定列偏移
    ionic .col-offset-{width-percent} : 指定列偏移

    .col-offset-{width-percent} : 指定列偏移列可以从默认位置偏移,ionic预置了一些CSS类供我们快速设置列偏移: .col-offset-10 - 偏移默认位置10%容器宽度 .col-offset-20 - 偏移默认位置20%容器宽度 .col-offset-25 - 偏移默认位置25%容器宽度 .col-offset-33 - 偏移默认位置33%容器宽度 .col-offset-50 - 偏移默认位置50%容器宽度 .col-offset-67 - 偏移默认位置67%容器宽度 .col-offset-75 - 偏移默认位置75%容器宽度 .col-offset-80 - 偏移默认位置80%容器宽度 .col-offset-90 - 偏移默认位置90%容器宽度 这实际上是通过设置子元素的margin-left样式实现的,所以如果你需要让它 偏移正常位置78%,可以这样: .col-offset-78{    margin-left:78%;} <!DOCTYPE html> <html> <head>  <meta name="viewport" content="initial-scale=1

    指定,
    2015-11-24

    193

  • ionic中 .col-{width-percent} : metro风格
    ionic中 .col-{width-percent} : metro风格

    .col-{width-percent} : metro风格windows phone的metro风格在信息展示方面有很大的优势,虽然携程的APP 没有突出这一点:-( :通过定制栅格的列宽,我们可以简单地实现类似的界面。思考一下,这个UI能够使用ionic的栅格实现吗? <!DOCTYPE html> <html> <head>  <meta name="viewport" content="initial-scale=1

    风格,
    2015-11-24

    116

  • ionic中 .col : 默认的定宽列
    ionic中 .col : 默认的定宽列

    .col : 默认的定宽列在ionic的栅格中,每一行的各列默认是等宽的,这使得实现一个图片 浏览界面非常简单。下图是instagram app的截图:<!DOCTYPE html><html><head> <meta name="viewport" content="initial-scale=1

    默认,
    2015-11-24

    160

  • ionic中 栅格系统
    ionic中 栅格系统

    栅格系统ionic的栅格系统采用了CSS3的弹性盒(Flexible Box)模型,这使得它与大多数 栅格系统都有所区别。Flex布局主要思想是让容器有能力改变其子元素的宽度、高度甚至先后顺序, 从而以最佳方式填充可用空间。CSS3引入Flex容器的主要目的是为了适应所 有类型的显示设备和屏幕大小:在ionic中使用栅格系统主要使用两个类:.row - 在容器元素上使用.row类,表示将其设置为弹性容器,即Flexible Box。.col - 在子元素上使用.col类,其扩展系数和收缩系数都被设置为1。这意味着 所有的子元素将平分容器的宽度。<!DOCTYPE html><html><head> <meta name="viewport" content="initial-scale=1

    系统,
    2015-11-24

    108

  • ionic .tab-striped .tabs: 条带风格选项卡
    ionic .tab-striped .tabs: 条带风格选项卡

    .tab-striped .tabs: 条带风格选项卡条带风格的选项卡起源于Android平台,它使用一个细长的条带表示选项的选中状态:在ionic中,使用.tabs-striped样式声明条带风格选项卡:<any class="tabs-striped">    <any class="tabs">        <any class="tab-item">...</any>        <any class="tab-item">...</any>        ...    </any></any><!DOCTYLE html> <html> <head>  <meta name="viewport" content="initial-scale=1

    风格,选项,
    2015-11-24

    141

  • ionic中 .tabs : 顶部选项卡
    ionic中 .tabs : 顶部选项卡

    .tabs : 顶部选项卡默认情况下,选项卡位于屏幕底部,可以使用.tabs-top样式将选项卡置于顶部。顶部选项卡应用也很广泛: <!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <meta name="viewport" content="initial-scale=1

    选项,顶部,
    2015-11-24

    773

  • ionic中 .tab-item : 使用图标
    ionic中 .tab-item : 使用图标

    选项卡的选项默认的只包含文字,使用图标会使其更加生动:比如 微博(weibo)和微信(wechat):要在某个选项元素中插入图标,需要注意两点:使用i标签在.tab-item中插入图标在.tabs容器上使用.tabs-icon-{position}声明图标位置。有三种方式定义图标位置:.tabs-icon-top - 将图标置于文字之上.tabs-icon-left - 将图标置于文字左侧.tabs-icon-only - 只使用图标,不显示文字<!DOCTYPE html><html><head> <meta name="viewport" content="initial-scale=1

    em,使用,图标,
    2015-11-24

    124

  • ionic中 选项卡 : .tabs
    ionic中 选项卡 : .tabs

    选项卡是一个可以包含多个按钮或链接的容器,通常用于提供一致的导航体验。 ionic中使用.tabs样式声明选项卡,使用.tab-item样式声明选项卡 成员<any class="tabs">    <any class="tab-item">...</any>    <any class="tab-item">...</any>    ...</any>选项卡默认地位于屏幕底部。一旦元素应用了.tabs样式,就可以继续 选用三类预定义样式来进一步声明元素及其内容的外观:同级样式 - 同级样式与.tabs应用在同一元素上,声明选项卡的位置、配色等。下级样式 - 下级样式只能应用在.tabs的子元素上,声明子元素的大小等特征。上级样式 - 上级样式应用于.tabs的父元素中,声明选项卡的平台特征。<!DOCTYPE html><html><head> <meta name="viewport" content="initial-scale=1

    选项,
    2015-11-24

    74

  • ionic中 选择框 : .item-select select
    ionic中 选择框 : .item-select select

    选择框 : .item-select select在每个平台上,选择框的表现形式都不一样,例如,在PC上,是一个传统的下拉框,在Android 是一个单选弹出窗,而iOS上是一个覆盖半个窗体的定制滚动器:通常总是将选择框与文字一起放入列表条目中,使用如下HTML模板创建选择框条目:<label class="item-input item-select">    <any class="input-label"></any>    <select>        <option>...</option>        <option>...</option>        ...    </select></label><!DOCTYPE html><html><head> <meta name="viewport" content="initial-scale=1

    select,选择,em,
    2015-11-24

    160