投稿
  1. Web176教程首页
  2. ionic 教程

  • ionic 教程

    ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。可以帮助您使用 Web 技术，比如 HTML、CSS…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    ionic 教程 2023年2月17日
  • ionic 安装 ionic 教程

    ionic 安装

    本站实例采用了ionic v1.0.1 版本，ionic 最新版本下载地址：http://ionicframework.com/docs/overview/#download。 下…

    冒牌SEO 冒牌SEO
    2023年2月17日
  • ionic 创建 APP ionic 教程

    ionic 创建 APP

    前面的章节中我们已经学会了 ionic 框架如何导入到项目中。 接下来我们将为大家介绍如何创建一个 ionic APP 应用。 ionic 创建 APP 使用 HTML、CSS 和…

    terry terry
    2023年2月17日

  • ionic 按钮

    按钮是移动app不可或缺的一部分，不同风格的app，需要的不同按钮的样式。 默认情况下，按钮显示样式为：display: inline-block。 <button clas…

    admin admin
    ionic 教程 2023年2月17日

  • ionic 列表

    列表是一个应用广泛的界面元素，在所有移动app中几乎都会使用到。 列表可以是基本文字、按钮，开关，图标和缩略图等。 列表项可以是任何的HTML元素。容器元素需要list类，每个列表…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    ionic 教程 2023年2月17日

  • ionic 卡片

    近年来卡片(card)的应用越来越流行，卡片提供了一个更好组织信息展示的工具。 针对移动端的应用，卡片会根据屏幕大小自适应大小。 我们可以很灵活的控制卡片的显示效果，甚至实现动画效…

    冒牌SEO 冒牌SEO
    ionic 教程 2023年2月17日

  • ionic 表单和输入框

    list 类同样可以用于 input 元素。item-input 和 item 类指定了文本框及其标签。 输入框属性：placeholder 以下实例中，默认为100%宽度（左右两…

    terry terry
    ionic 教程 2023年2月17日

  • ionic checkbox

    ionic 里面的 Checkbox 和普通的 Checkbox 效果上其实相差不大，只是样式上有所不同。 以下实例演示了多个复选框的列表。 注意，每个选项的 item 类后需要添…

    admin admin
    ionic 教程 2023年2月17日

  • ionic 单选框

    ionic 当选按钮与标准 type=”radio” 的 input元素类似。以下展示了现代app类型的单选按钮。 每个 item-radio 中的 typ…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    ionic 教程 2023年2月17日

  • ionic Range

    ionic Range 是一个滑块控件，ionic 为 Range 提供了很多种默认的样式。而且你可以在许多种元素里使用它比如列表或者 Card 。 实例 <div clas…

    冒牌SEO 冒牌SEO
    ionic 教程 2023年2月17日

  • ionic select

    ionic select 的 select 相比原生的要更加美观些。但是弹出的可选选项样式是浏览器默认的。 每个平台上的可选项样式都是不一样的，在PC电脑的浏览器上，你会看到传统的…

    terry terry
    ionic 教程 2023年2月17日

  • ionic 网格(Grid)

    ionic 网格(Grid) ionic 的网格(Grid)和其他大部分框架有所不同，它采用了弹性盒子模型(Flexible Box Model) 。而且在移动端，基本上的手机都支…

    admin admin
    ionic 教程 2023年2月17日

  • ionic 颜色

    ionic 提供了很多颜色的配置，当然你可以根据自己的需要自定义颜色。 <ul class=”list color-list-demo”> <li class=”…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    ionic 教程 2023年2月17日

  • ionic icon(图标)

    ionic 也默认提供了许多的图标，大概有 700 多个，针对 Android 和 iOS 有不同的样式。 Ionic icons 官网: http://ionicons…

    冒牌SEO 冒牌SEO
    ionic 教程 2023年2月17日

  • ionic 背景层

    我们经常需要在 UI 上，例如在弹出框、加载框、其他弹出层中显示或隐藏背景层。 在组件中可以使用$ionicBackdrop.retain()来显示背景层，使用$ionicBack…

    admin admin
    ionic 教程 2023年2月17日

  • ionic 下拉刷新

    在加载新数据的时候，我们需要实现下拉刷新效果，代码如下： 实例 HTML 代码 <body ng-app=”starter” ng-controller=”actionshe…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    ionic 教程 2023年2月17日

  • ionic 复选框

    ionic 复选框（checkbox）与普通的 HTML 复选框没什么区别，以下实例演示了 ionic 复选框 ion-checkbox 的应用。 <ion-checkbox…

    冒牌SEO 冒牌SEO
    ionic 教程 2023年2月17日

  • ionic 单选框操作

    实例中，根据选中的不同选项，显示不同的值。 HTML 代码 <ion-header-bar class=”bar-positive”> <h1 class=”ti…

    terry terry
    ionic 教程 2023年2月17日

  • ionic 手势事件

    ionic 手势事件。 事件 描述 用法 on-hold 长按的时间是500毫秒。 <button on-hold=”onHold()” class=”button”>…

    admin admin
    ionic 教程 2023年2月17日

  • ionic JavaScript头部和底部

    ion-header-bar 这个是固定在屏幕顶部的一个头部标题栏。如果给它加上bar-subheader 这个样式，它就是副标题。 用法 <ion-header-bar a…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    ionic 教程 2023年2月17日
点击查看更多