首页
会员中心
到顶部
到尾部
移动开发
  •  2020/11/3 9:59:44

    ionic 创建 APP

    ionic 创建 APP前面的章节中我们已经学会了 ionic 框架如何导入到项目中。接下来我们将为大家介绍如何创建一个 ionic APP 应用。ionic 创建 APP 使用 HTML、CSS 和 Javascript 来构建,所以我们可以创建一个 www 目录,并在目录下创... 阅读全文>>
  •  2020/11/3 9:59:43

    ionic 头部与底部

    ionic 头部与底部Header(头部)Header是固定在屏幕顶部的组件,可以包如标题和左右的功能按钮。ionic 默认提供了许多种颜色样式,你可以调用不同的样式名,当然也可以自定义一个。bar-light<div class="bar bar-header bar-l... 阅读全文>>
  •  2020/11/3 9:59:42

    ionic 按钮

    ionic 按钮按钮是移动app不可或缺的一部分,不同风格的app,需要的不同按钮的样式。默认情况下,按钮显示样式为:display: inline-block。<button class="button"> Default</button><bu... 阅读全文>>
  •  2020/11/3 9:59:41

    ionic 列表

    ionic 列表列表是一个应用广泛的界面元素,在所有移动app中几乎都会使用到。列表可以是基本文字、按钮,开关,图标和缩略图等。列表项可以是任何的HTML元素。容器元素需要list类,每个列表项需要使用item类。ionList和ionItem可以很容易的支持各种交互方式,比如,... 阅读全文>>
  •  2020/11/3 9:59:40

    ionic 卡片

    ionic 卡片近年来卡片(card)的应用越来越流行,卡片提供了一个更好组织信息展示的工具。针对移动端的应用,卡片会根据屏幕大小自适应大小。我们可以很灵活的控制卡片的显示效果,甚至实现动画效果。卡片一般放在页面顶部,当然也可以实现左右切换的功能。<div class="c... 阅读全文>>
  •  2020/11/3 9:59:38

    ionic 表单和输入框

    ionic 表单和输入框list 类同样可以用于 input 元素。item-input 和 item 类指定了文本框及其标签。输入框属性:placeholder以下实例中,默认为100%宽度(左右两侧没有边框),并使用 placeholder 属性设置输入字段预期值的提示信息。... 阅读全文>>
  •  2020/11/3 9:59:37

    ionic toggle(切换开关)

    ionic Toggle(切换开关)切换开关类似与 HTML 的 checkbox 标签,但它更易于在移动设备上使用。切换开关可以使用 toggle-assertive 来指定颜色。<label class="toggle"> <input type="ch... 阅读全文>>
  •  2020/11/3 9:59:36

    ionic checkbox

    ionic checkbox(复选框)ionic 里面的 Checkbox 和普通的 Checkbox 效果上其实相差不大,只是样式上有所不同。以下实例演示了多个复选框的列表。注意,每个选项的 item 类后需要添加 item-checkbox 类。复选框可以使用 checkbo... 阅读全文>>
  •  2020/11/3 9:59:34

    ionic 单选框

    ionic 单选框ionic 单选按钮与标准 type="radio" 的 input元素类似。以下展示了现代app类型的单选按钮。每个 item-radio 中的 type="radio" 的 input 元素的 name 属性都相同。radio-icon 类用于是否显示图标。... 阅读全文>>
  •  2020/11/3 9:59:33

    ionic range

    ionic Rangeionic Range 是一个滑块控件,ionic 为 Range 提供了很多种默认的样式。而且你可以在许多种元素里使用它比如列表或者 Card 。实例<div class="range"> <i class="icon ion-volu... 阅读全文>>
  •  2020/11/3 9:59:31

    ionic select

    ionic selectionic select 的 select 相比原生的要更加美观些。但是弹出的可选选项样式是浏览器默认的。每个平台上的可选项样式都是不一样的,在PC电脑的浏览器上,你会看到传统的下拉界面,Android 上会弹出单选按钮选项,iOS 有个滚轮操作界面。实例... 阅读全文>>
  •  2020/11/3 9:59:30

    ionic tab(选项卡)

    ionic tab(选项卡)ionic tab(选项卡) 是水平排列的按钮或者链接,用以页面间导航的切换。它可以包含文字和图标的组合,是一种移动设备上流行的导航方法。以下选项卡容器使用了 tabs 类,每个选项卡使用 tab-item 类。默认情况下,选项卡是文本的,并没有图标。... 阅读全文>>
  •  2020/11/3 9:59:29

    ionic 网格(Grid)

    ionic 网格(Grid)ionic 的网格(Grid)和其他大部分框架有所不同,它采用了弹性盒子模型(Flexible Box Model) 。而且在移动端,基本上的手机都支持。row 样式指定行,col 样式指定列。同等大小网格在带有 row 的样式的元素里如果包含了 co... 阅读全文>>
  •  2020/11/3 9:59:27

    ionic 颜色

    ionic 颜色ionic 提供了很多颜色的配置,当然你可以根据自己的需要自定义颜色。实例<ul class="list color-list-demo"> <li class="item dark"> ... 阅读全文>>
  •  2020/11/3 9:59:27

    ionic icon(图标)

    ionic icon(图标)ionic 也默认提供了许多的图标,大概有 700 多个,针对 Android 和 iOS 有不同的样式。Ionic icons 官网: https://ionicons.com/国内图标样式 CDN 地址:https://cdn.staticfile... 阅读全文>>
  •  2020/11/3 9:59:26

    ionic 上拉菜单(ActionSheet)

    ionic 上拉菜单(ActionSheet)上拉菜单(ActionSheet)通过往上弹出的框,来让用户选择选项。非常危险的选项会以高亮的红色来让人第一时间识别。你可以通过点击取消按钮或者点击空白的地方来让它消失。实例HTML 代码<body ng-app="starte... 阅读全文>>
  •  2020/11/3 9:59:24

    ionic 背景层

    ionic 背景层我们经常需要在 UI 上,例如在弹出框、加载框、其他弹出层中显示或隐藏背景层。在组件中可以使用$ionicBackdrop.retain()来显示背景层,使用$ionicBackdrop.release()隐藏背景层。每次调用retain后,背景会一直显示,直到... 阅读全文>>
  •  2020/11/3 9:59:23

    ionic 下拉刷新

    ionic 下拉刷新在加载新数据的时候,我们需要实现下拉刷新效果,代码如下:实例HTML 代码<body ng-app="starter" ng-controller="actionsheetCtl" > <ion-pane> <... 阅读全文>>
  •  2020/11/3 9:59:21

    ionic 复选框

    ionic 复选框ionic 复选框(checkbox)与普通的 HTML 复选框没什么区别,以下实例演示了 ionic 复选框 ion-checkbox 的应用。<ion-checkbox ng-model="isChecked">复选框标签</ion-che... 阅读全文>>
  •  2020/11/3 9:59:21

    ionic 单选框操作

    ionic 单选框操作实例中,根据选中的不同选项,显示不同的值。HTML 代码<ion-header-bar class="bar-positive"> <h1 class="title">当选按钮</h1></ion-header-b... 阅读全文>>
广告联系QQ:45157718 点击这里给我发消息 电话:13516821613 杭州余杭东港路118号雷恩国际科技创新园  网站技术支持:黄菊华互联网工作室 浙ICP备06056032号