ionic
猴子学编程
java、android讲师
展开
-
ionic4 输入框错乱
这个问题不好描述,简单说下。步骤ios系统,当输入框获取焦点后,弹出键盘把输入框顶上去,点击完成后又恢复。影响1.此时再点输入框,很有可能点击无法应2.点击某个按钮,结果响应的是另一个按钮总之这个页面就像不受控制了一样,解决方式如下:<ion-input (ionBlur)="editBlur()"></ion-input> editBl...原创 2019-11-08 09:51:06 · 437 阅读 · 0 评论 -
ionic4 修改公众号标题
setBrowsTitle(title) { //修改浏览器的标题 var body = document.getElementsByTagName("body")[0]; document.title = title; var iframe = document.createElement("iframe"); iframe.setAttribute("...原创 2019-11-08 09:42:42 · 260 阅读 · 0 评论 -
ionic4 图片选择
使用html自带图片上传功能,并转为base64<img src="{{res}}" class="im2" /> <input type="file" accept="image/*" class="in1" id="m_feedback_bg" onchange="mpreviewFile(event)" />.in1{ opacit...原创 2019-11-08 09:40:12 · 1113 阅读 · 0 评论 -
ionic4 清除上一级页面
navNext(page){ this.navCtrl.navigateForward([page], { replaceUrl: true, animated: false }); }例如:navNext("about")进入about页面,清除上一级页面。原创 2019-11-08 09:31:26 · 1230 阅读 · 2 评论 -
ionic3升级ionic4写法变化大全
如题,将记录ionic3升级到ionic4写法上的所有变化 持续更新,欢迎大家补充 无分类,发现一个就写一个 迁移时千万不要把所有代码都复制过来再修改错误,那会让你怀疑人生。正确的顺序是,新建空ionic4工程,然后用指令一个个创建页面,先把页面样式调好,最后再写ts代码逻辑。 qq群320021484,一起讨论学习1.自定义color颜色<ion-iconcolor="gr...原创 2019-10-08 14:59:24 · 1028 阅读 · 1 评论 -
rxjs_1.fromEvent is not a function
升级了ionic4后,视频播放突然就报了这个错,网上都说是ionic4造成的,可是我降级到ionic3后还是报错。同事的视频播放是好的,用了他的配置后就ok了,他的ionic也是4.0版本的,什么鬼?猜想是ionic、angular、videogular2这3者的版本不兼容导致的。1.删除node_modules和package-lock.json2.修改package.json配置"...原创 2018-09-29 11:32:31 · 2147 阅读 · 1 评论 -
ionic改变返回箭头样式
1.定义图标在theme目录下创建icons.scss专门定义图标.ion-ios-backwhite { content: url("../assets/imgs/back_white.svg");}我用的是svg图,用png图也可以,经测试20px*20px适配性最好2.导入icons.scss在variables.scss中导入icons.scss@import ...原创 2018-10-08 09:54:01 · 907 阅读 · 0 评论 -
ionic tabs图标更换
1.定义图标在theme目录新建一个icons.scss,专门用来定义自定义图标。.ion-ios-tab1-outline:before { content: url("../assets/imgs/tab1.svg");} 默认图片.ion-ios-tab1:before { content: url("../assets/imgs/tab1_press.svg");} ...原创 2018-10-08 09:37:26 · 573 阅读 · 0 评论 -
移动端混合开发
到现在做移动混合开发一年多了,做了3个项目,也算是个老手了。虽然只干了一年,但花了很多时间研究,所以感觉至少有2年多的经验。框架选择:综合上手难度、普及率、资料查询难度等选择了ionic(框架自带整合angularjs+cordova)。官方地址:https://ionicframework.com/docs/个人觉得ionic做的页面非常美,没图你说个什么?下面先看看效果花了7天做的...原创 2018-09-28 15:26:18 · 9573 阅读 · 0 评论 -
ion-slides广告轮播
首先说说需求 1.自动轮播 2.循环 3.点击图片跳转到相应地址 4.下拉刷新更新广告数据当广告数据是本地数据时,什么问题都没有。当数据从服务器获取时,就会有一大堆坑了。<ion-slides #slide1 pager *ngIf="advs!=null&&advs.length>0" loop autoplay="2000" (click)="go...原创 2018-09-28 14:16:14 · 781 阅读 · 2 评论 -
ion-list分割线不显示
在浏览器上测试可以显示,在安卓手机上就不显示了。不是说好的默认显示分割线的吗?纳尼?为什么不显示?难道是我眼花了?经查询,ion-list自带item分割线长度是0.55px,而移动端小于1px直接显示为0px,MMP!所以设置.list-ios .item-block .item-inner{border-bottom-width: 1px !important;}即...原创 2018-09-28 11:38:51 · 1310 阅读 · 0 评论