Ionic3
Dan_2017
我是一个初学者,请大家多多指教哦,欢迎大家来光临我的博客
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Ionic3学习笔记(一)
(一)ionic3环境准备: 1.安装Node.js(安装之后执行node -version检查是否安装成功) 2.安装npm。 命令:npm install npm -g 3.安装 ionic 。命令:npm install -g cordova ionic 注:这步安装往往会失败,这是由于很多插件下载不下来,我们用阿里的镜像解决这个问题:原创 2017-11-28 21:46:26 · 856 阅读 · 0 评论 -
ionic实现微信,QQ,微博分享
1.首先,你应该准备以下东西 (1)一个android.apk包 (2)应用签名(用android apk包名生成签名) http://blog.youkuaiyun.com/dan_2017/article/details/79138635 (3)通过各个开放平台,填写应用信息,申请appid QQ:腾讯开放平台http://open.qq.原创 2018-01-27 15:24:02 · 4253 阅读 · 1 评论 -
ionic打包签名apk
1.打包ionic下打包生成apk有两种命令: (1)ionic cordova build android :生成debug形式的apk,用来进行本地开发测试(这个apk是有签名的,而且这里用于测试的签名是相同的)不能用于发布 (2)ionic cordova build android --release :生成release形式的apk(这里生成的apk没有签名)无法安原创 2018-01-23 14:05:23 · 937 阅读 · 0 评论 -
ionic3实现透明导航栏
这里实现透明导航栏,并且原创 2018-01-04 17:24:03 · 2589 阅读 · 1 评论 -
ionic3用Segment实现左右滑动菜单
1.这里使用Segment实现左右滑动菜单主要是解决一下两个问题:之前在 Ionic3学习笔记(三)这篇博客里我使用的Swiper实现的左右滑动菜单的页面布局默认居中的问题,在.slide-zoom { height: 100%; }里面你可以这是页面的整体布局是left,center,right,但是在页面里面子级布局就继承了这里的父级布局,导致布局困难,原创 2018-01-03 09:02:18 · 8619 阅读 · 8 评论 -
iconfont在ionic中的使用(阿里图标库)
iconfont在ionic中的使用:1.进入iconfont官方网址后2.搜索你想要的图标,添加到购物车(前提:是已经登录,这里可以使用github注册登录)3.点击购物车创建项目并下载到本地4.下载之后的文件5,在index.html引入 <!-- 引入iconfont的css --> <link rel="stylesheet...原创 2017-12-19 08:57:48 · 3123 阅读 · 1 评论 -
ionic3学习笔记(六)--轮播图
下面是轮播图的实现1,页面模板 <!-- 轮播: autoplay:2s之后开始轮播 loop:循环播放 pager:分页器(小圆点) pager=true --> 2,ts文件里对数据的初始化 // 初始化slides initSlides(){ this.slidesItems=原创 2017-12-25 10:00:11 · 5041 阅读 · 2 评论 -
ionic3学习笔记(五)-sidemenu的实现
下面是最近整理的一篇ionic3左侧菜单栏的文章。1,新建一个空白项目 ionic start myApp blank2, 要在模板中添加一个切换菜单,所以在模板中添加一个指令按钮menuToggle(我这里的按钮在HomePage导航栏上,这里HomePage也是项目项目初始化加载的初始页面(根页面)) 注意:如果MenuToggle按钮添加到导航栏页面,当原创 2017-12-25 09:13:23 · 6833 阅读 · 4 评论 -
ionic3学习笔记(四)
运行ionic cordova run android 时项目报如下错误:Error: Could not find an installed version of Gradle either in Android Studio,or on your system to install the gradle wrapper. Please include gradlein your pat原创 2017-12-13 16:07:58 · 473 阅读 · 0 评论 -
ionic3学习笔记(三)
ionic3实现左右滑动菜单这里使用了swiper来实现滑动效果:swiper查看:http://www.swiper.com.cn/1.创建一个ionic项目,并生成menu1,menu2,menu3.menu4四个组件,并在app.module.ts里注册这四个组件2.引入swiper(1)在assets文件夹里引入swiper的js和css(2)在index.原创 2017-12-11 16:59:59 · 2295 阅读 · 0 评论 -
ionic3学习笔记(二)
ionic3基本的网路请求(通过json实现数据交互)1.在app.module.ts里面注册HttpModule(2)用 ionic g provider homeprodvice 生成一个名为homeprovider的provider ,并在app.module.ts里面的providers里注册 homeprodvice.tshome.ts原创 2017-12-10 13:37:59 · 615 阅读 · 0 评论 -
ionic项目学习随手笔记(一)
(一) 事件: html dom 事件对象:点击查看详情 deviceready事件:点击查看详情 touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。 touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefault()事件可以阻止滚动。 touchend事件:当手指从屏...原创 2017-12-07 11:14:44 · 412 阅读 · 0 评论
分享