ionic icon(图标)
ionic 也默认提供了许多的图标,大概有 700 多个,针对 Android 和 iOS 有不同的样式。
Ionic icons 官网: http://ionicons.com/
国内图标样式 CDN 地址:https://cdn.staticfile.org/ionicons/2.0.1/css/ionicons.min.css。
用法也非常的简单,由一个 icon 类及指定图标类组……继续阅读 »
3年前 (2022-05-26) 107浏览 0评论
0个赞
ionic 滑动框
ion-slide-box
滑动框是一个包含多页容器的组件,每页滑动或拖动切换:
效果图如下:
用法
<ion-slide-box on-slide-changed="slideHasChanged($index)">
<ion-slide>
<div class="box blue"><h1>BLUE</h1><……继续阅读 »
3年前 (2022-05-15) 270浏览 0评论
0个赞
ionic 滚动条
ion-scroll
ion-scroll 用于创建一个可滚动的容器。
用法
<ion-scroll
[delegate-handle=""]
[direction=""]
[paging=""]
&nbs……继续阅读 »
3年前 (2022-05-15) 238浏览 0评论
0个赞
ionic 加载动作
$ionicLoading 是 ionic 默认的一个加载交互效果。里面的内容也是可以在模板里面修改。
用法
angular.module('LoadingApp', ['ionic'])
.controller('LoadingCtrl', function($scope, $ionicLoading) {
$scope.show = function() {
$ionicLoa……继续阅读 »
3年前 (2022-05-15) 196浏览 0评论
0个赞
ionic 教程
ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。
可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。
ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
ionic是一……继续阅读 »
3年前 (2022-05-15) 176浏览 0评论
0个赞
ionic checkbox(复选框)
ionic 里面的 Checkbox 和普通的 Checkbox 效果上其实相差不大,只是样式上有所不同。
以下实例演示了多个复选框的列表。
注意,每个选项的 item 类后需要添加 item-checkbox 类。
复选框可以使用 checkbox-assertive 来指定颜色。
<ul class="list">
<li class="item ……继续阅读 »
3年前 (2022-05-15) 180浏览 0评论
0个赞