![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ionic3
一闪一闪亮晶晶,漫天都是小星星
这个作者很懒,什么都没留下…
展开
-
ionic3 不能自动安装apk包的问题
在config.xml中的android平台下添加 <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android"> <application android:requestLegacyExternalStorag.原创 2021-11-16 10:24:22 · 1712 阅读 · 0 评论 -
ionic cordova命令行
android真机调试:ionic cordova run android -rc原创 2021-11-04 22:34:46 · 108 阅读 · 0 评论 -
cordova打包报错之--网络不好
cordova打包报错之--网络不好 Connect to maven.google.com:443 [maven.google.com/172.217.24.14] failed: connect timed out* What went wrong:Could not determine the dependencies of task ':app:lintVitalRelease'.> Could not resolve all artifacts for configuration..原创 2021-05-20 10:56:58 · 389 阅读 · 0 评论 -
ionic3 StatusBar.backgroundColorByHexString()方法不生效
解决方法:StatusBar.backgroundColorByHexString() 这个方法不是不生效 ,而是要把默认的statusBar.overlaysWebView(true); 改为statusBar.overlaysWebView(false);再去设置就可以了原创 2021-02-27 13:39:59 · 292 阅读 · 0 评论 -
ionic3 uiwebview转wkwebview
ionic info:其中 cordova我升级到了9.0.0 打包ios的版本升级到了5.1.1Ionic: Ionic CLI : 6.10.1 (/Users/mcy/.nvm/versions/node/v14.3.0/lib/node_modules/@ionic/cli) Ionic Framework : ionic-angular 3.9.5 @ionic/app-scripts : 3.2.2Cordova: Cor..原创 2021-02-03 00:19:32 · 534 阅读 · 0 评论 -
ionic3-返回页面时 ion-header明显卡顿
我的解决办法:不用ion-navbar 改用ion-toolbar 然后自己写个返回按钮 按钮上加个 navPoptransparent属性可以让元素透明fullscreen可以让content的内容显示到透明的header下面原创 2020-12-13 23:28:03 · 184 阅读 · 0 评论 -
wangedit
// wangedit 样式.w-e-toolbar{flex-wrap: wrap !important;}// wangedit 解决在移动端图片无法插入问题#editor div{-webkit-user-select: text;}原创 2020-12-03 14:29:56 · 236 阅读 · 0 评论 -
解决ionic高版本ionic cordova resources 报sharp的错误
1.首先在淘宝镜像里下载所需要的sharp-libvip版本淘宝镜像:https://npm.taobao.org/mirrors2.如下图将下载的版本放入_libvips目录下就可以了3.再次运行ionic cordova resources就可以了原创 2020-05-12 21:26:19 · 512 阅读 · 0 评论 -
ionic 黑白屏设置
<preference name="AutoHideSplashScreen" value="false" /><preference name="ScrollEnabled" value="false" /><preference name="android-minSdkVersion" value="19" /><preference na...原创 2020-02-27 18:03:18 · 220 阅读 · 0 评论 -
ionic3 ios 杂记
1. ionic cordova resources 经常卡住不动,卡住了就撤销,果断的撤销,重新试试,试到ok2。只是修改业务代码的话,只需要将根目录www下的内容拷贝到platform下的www就好,不需要每次打包3。ios使用hot-code-plugin热更新插件不行 ,会报错。4.关于适配:使用rem,设计上是多少值就是多少值*0.01=XXrem/* iphone...原创 2020-02-25 00:45:13 · 134 阅读 · 0 评论 -
ionic3 tabs实现中间的图片突出显示
效果:打了马赛克,但是可以看出来中间的图片是有突出去的!实现方式:在tabs页面下加上一个div标签把该图片设置为固定定位。css:注意点:一定要加z-index 值小于二级页面的101就好了,这样在二级页面的时候,二级页面就会覆盖掉这个图片.bigTabCenter{ position: fixed; bottom: .5rem; left: ...原创 2020-02-22 14:56:43 · 182 阅读 · 0 评论 -
ionic3+angular4 使用cropperJS 完成图片裁剪功能
需求:图片拍照或者图库选择之后,将图片进行裁剪(图片允许放大,缩小,移动),裁剪框不变实现:1.安装cropperjs: npm install cropperjs2.在页面中导入:3.裁剪插件初始化initCropper(){ let image = document.getElementById("imgPrev") as HTMLImageEle...原创 2019-10-29 15:03:56 · 1069 阅读 · 0 评论 -
ios 竖着拍照导致图片旋转问题
参考示例:http://www.pianshen.com/article/1144199766/angular4实现:完整代码如下:html:1: 使用fileReader 将图片转化为data64位图。2: 修正因为ios拍照会导致图片旋转的问题3.裁剪调用1:fileReader:2: ios图片旋转问题:...原创 2019-10-29 14:49:29 · 298 阅读 · 0 评论 -
ionic3 Events 防止多次订阅
如题,events 订阅-发布在每次发布-订阅之后,离开页面时,如果多次进入该订阅-发布页面,则会调用多次。解决://每次页面离开时,都解除订阅,避免多次订阅ionViewWillUnload(){this.events.unsubscribe("search_con");}...原创 2019-09-10 22:32:46 · 488 阅读 · 0 评论 -
ionic3 子页面返回tabs首页
业务场景:项目中,我的tabs第一个页面是 HomePage 。在子页面的子页面需要跳转回HomePage 时 ,刚开始直接使用push("TabsPage") ,发现路由重复了。查阅API之后发现有个方法叫popToRoot() 返回根路由。但是只能返回进入当前页的tab跟路由。(比如我是点击第二个tab进入的子页面,返回的就是第二个tab的根页面。但是此时我需要返回到第一个。)...原创 2019-08-06 17:03:34 · 476 阅读 · 0 评论 -
ionic3 使用slider时,出现属性为undefined 的问题
参考博客 https://blog.csdn.net/qq_34645412/article/details/77879463 如图,红框圈起来的部分,当banner数组有值时,再进行slider的相关属性 2.解决slider自动播放时,用手触碰过后,停止自动播放的问题:加个延迟时因为防止页面enter之后,slider还未赋值完成,slider会是undefined...原创 2018-11-13 22:58:58 · 532 阅读 · 0 评论 -
ionic3 ion-sliders 组件的使用
html 部分:<!--S banner--> <ion-slides #slider pager loop="true" autoplay="2500" speed="500" *ngIf="banners.length"> <ion-slide *ngFor="let banner of banners"原创 2018-12-05 11:03:17 · 515 阅读 · 0 评论 -
ionic3 图片上传(相册&拍照)
此插件用的不是官网插件,而是github上的仿微信的cordova插件https://github.com/giantss/cordova-plugin-ImagePicker因为直接从git上下载到项目,经常下载不下来,所以我先把代码下载到本地,然后由本地添加到项目中步骤1. html上写个click事件, 弹出弹窗选择相册或者拍照2.选择其中一种,调用native插件,使用...原创 2018-12-20 11:36:44 · 366 阅读 · 3 评论 -
ionic3 文件下载
/** * 下载文件 */ download(item) { const transfer: FileTransferObject = this.transfer.create(); const url = `${FILE_SERVE_URL}jxm/a/attach/attach/anon/download?id=${item.id}`; var f...原创 2018-12-20 11:39:19 · 1786 阅读 · 0 评论 -
ionic3 UI 小知识点
1.no-border //ion-header 去除边框2.transparent //ion-toolbar 透明背景 - 这个没用到3.fullscreen //ion-content 占全屏4.no-line // ion-list原创 2018-12-18 14:07:28 · 180 阅读 · 0 评论 -
ionic3 滑动头部背景色透明度变换
参考文章:https://www.jianshu.com/p/e4d9340b45471.html部分: ionScroll 是滚动事件 2. ts部分:根据document.getElementsByClassName("detailNavBar")[0].firstElementChild 的element元素 找到要改变背景色的位置 /** * 滚...原创 2018-12-18 14:52:31 · 488 阅读 · 0 评论 -
Runtime Error: webpackJsonP is not defined
参考文章:https://www.cnblogs.com/huangenai/p/7444318.html ionic升级后发现 ionic serve 跑起来项目出现一下错误:Runtime Error: webpackJsonP is not definedStack: @http://localhost:8100/build/main.js:1:1你可以参考这样做:rm...转载 2019-01-04 15:49:44 · 701 阅读 · 0 评论 -
angular2 Property 'map' does not exist on type 'Observable'.
参考文章:https://blog.csdn.net/zgrbsbf/article/details/53690431import 'rxjs/add/operator/map';转载 2019-01-04 15:51:27 · 383 阅读 · 0 评论 -
ionic项目查看安卓版本
原创 2019-01-03 09:06:39 · 2621 阅读 · 0 评论 -
关于使用ionic开发的安卓返回键场景
场景一:在根视图点击安卓返回键,提示,再按一次退出应用,或者 连续点击两次,退出应用。解决:新建一个安卓返回键服务,在根页面和登录页使用中使用。如图:tabs.component.ts:import { Component } from '@angular/core';import { Platform, ToastController, Keyboard, Ion...原创 2019-02-13 15:22:28 · 369 阅读 · 0 评论 -
ionic3——页面多http请求失败时,跳转到失败页面
我的做法:本来想用rxjs的forkjoin方法,但是调试失败。于是就捣鼓在请求服务页设置一个全局变量来判断,具体如下。1.设置全局变量2.因为我请求方式是公用的,封装了get和postget请求封装:/** * get 请求 * @param path 接口字符串 * @param params 参数 */ public get(path:...原创 2019-02-25 11:19:55 · 603 阅读 · 0 评论 -
ionic3 跳页返回
有时候有些需求是: A页面进入B页面,B页面再进入C页面,C页面点击返回,返回到A页面。问题: 一般的页面堆栈返回会直接返回到上一个页面,也就是B页面。需求:C页面返回A页面在C页面移除B页面。let preView = this.navCtrl.getPrevious();this.navCtrl.removeView(preView);然后再返回之后移除C页面...原创 2019-02-26 11:34:16 · 255 阅读 · 0 评论 -
ionic3 城市索引
效果图:未处理城市数据:html部分:header 搜索栏部分:<ion-header> <ion-navbar> </ion-navbar> <ion-searchbar placeholder="请输入城市拼音或汉字" (ionInput)="getItems($event)">...原创 2019-04-03 09:08:07 · 374 阅读 · 0 评论 -
angular4+ionic3 使用formGroup radio-group 用法
html:ts: 选择女原创 2019-07-29 09:26:45 · 604 阅读 · 0 评论 -
ionic3 scss屏幕自适应
屏幕自适应要做的就是: 当屏幕变大的时候,元素跟着变大,当屏幕变小的时候 元素跟着变小,达到整体和谐。参考案例:https://www.imooc.com/article/49850以上是参考文章 : 用的单位是 rem来达到自适应的效果。第一种方法:适合没有使用UI框架~。改变根目录的font-size 会对框架的单位值造成影响(框架基于px的就不影响)1.在首页index...原创 2019-07-31 10:09:19 · 719 阅读 · 0 评论 -
ionic3 用slide制作滑动的segment
html:在html部分 我设定每页显示5.6个slide: slidesPerView="5.6"因为做的是点击效果不是滑动选择效果 ,所以 使用了ionSlideTap(点击) 方法而不是ionSlideDidChange(滑动改变选中)方法<ion-slides class="trendTabs" (ionSlideTap)="slideTap($event)" sl...原创 2019-08-06 11:32:22 · 370 阅读 · 0 评论 -
ionic3 点击进入子页 子页不携带tabs底部
参考文章:https://blog.csdn.net/zhile7y/article/details/80256868方法一、全局设置所有子页面不显示tabs图标,和大家想的一样:在src/app/app.module.ts里 imports:[ ]里添加:tabsHideOnSubPages:'true' , 如图: 方法二、单个设置某个tab页面的子页面,网上很多说的方法...转载 2018-09-27 15:46:52 · 421 阅读 · 0 评论