随笔分类 -  Ionic

摘要:1.简介 ionic 官方给我们提供了三个扫描二维码条形码插件,分别为: Barcode Scanner 样式好看,类似支付宝的扫描框、速度稍微比最后一个慢几百毫秒,主要问题是 Android 部分手机扫描完成以后有抖动问题。 https://ionicframework.com/docs/nati 阅读全文
posted @ 2018-11-16 15:40 wskxy 阅读(1612) 评论(0) 推荐(0) 编辑
摘要:1.官网: https://ionicframework.com/docs/native/camera/#DestinationType 2.引入插件 3.在app.module.ts里面引用 import { Camera } from '@ionic-native/camera'; provid 阅读全文
posted @ 2018-11-16 11:33 wskxy 阅读(1508) 评论(0) 推荐(0) 编辑
摘要:ANDROID_HOME=D:\AndroidSDK Path=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools Jdk安装目录D:\JavaJDK\jdk Jre安装目录D:\JavaJDK\jre JAVA_HOME=D:\Jav 阅读全文
posted @ 2018-10-12 09:04 wskxy 阅读(382) 评论(0) 推荐(0) 编辑
摘要:1.轮播图 slides,官网引入代码 pager表示显示轮播图下标 loop 自动轮播 autoplay 轮播间隔时间 再加一下样式,让轮播图置顶 效果: 3.横向长框 期望效果: 阅读全文
posted @ 2018-09-23 19:58 wskxy 阅读(154) 评论(0) 推荐(0) 编辑
摘要:1.上拉加载 引用官网给出的代码 ts: 2.下拉更新 同样,用官网的代码 然后写doRefresh方法 阅读全文
posted @ 2018-09-22 17:04 wskxy 阅读(191) 评论(0) 推荐(0) 编辑
摘要:1.函数跳转 News跳转函数 html Newsinfo接收函数 2.属性跳转 News跳转函数 不需要引入NavController、NavParams html NewsInfo和上面一样。 阅读全文
posted @ 2018-09-22 10:47 wskxy 阅读(274) 评论(0) 推荐(0) 编辑
摘要:1.底部上拉框Action Sheets 效果: 代码可以直接去官网复制 html 2.弹窗 html 官网上面还有很多种类型的弹窗,可以直接copy代码,展示一下官网的效果: 3.加载弹窗Loading html 阅读全文
posted @ 2018-09-20 17:15 wskxy 阅读(515) 评论(0) 推荐(0) 编辑
摘要:1.举个列表的小例子 html 2.滑动列表 ion-list-sliding 3.登陆窗口 ion-input html 4.栅格 可以实现类似一下的布局 我们做一下排版测试 html css 阅读全文
posted @ 2018-09-20 15:11 wskxy 阅读(122) 评论(0) 推荐(0) 编辑
摘要:官网:http://ionicframework.com/docs/ionicon 阅读全文
posted @ 2018-09-19 18:02 wskxy 阅读(115) 评论(0) 推荐(0) 编辑
摘要:0.安装 1.页面跳转 2.tabs页面 1)添加tabs页面的菜单项目 创建页面就不说了,直接添加tabs项目 其实就是直接对着写就行 2)去掉二级页面 tabs 菜单,修改返回按钮文字 找到app.moudule.ts 修改下面代码 阅读全文
posted @ 2018-09-19 16:55 wskxy 阅读(1118) 评论(0) 推荐(0) 编辑
摘要:1.安装 1)安装nodejs: 官网下载安装 2)可选安装 cnpm: //安装了cnpm后,以后用到npm安装的东西都可以把npm替换成cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 3)安装ionic工具 阅读全文
posted @ 2018-09-18 14:58 wskxy 阅读(1123) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示