精华内容
下载资源
问答
  • 在网上找了很长时间,但找到的ionic登陆页login跳转到tabs的方法在ionic4上基本都无效,后来终于找到了解决这个问题的办法,简单易行,前两天发表了一篇ionic4和ionic5创建login登陆页跳转到tabs方法的博客,现在写...
  • ionic4升级ionic5被移除的Events服务,新项目已不推荐使用,主要给老项目升级使用(https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md)。
  • 这是一个使用Ionic 4+ / Angular 8+创建的简单音频播放器(于2019年更新) 它具有播放/暂停按钮,后退/前进按钮以及显示音频文件当前位置的进度条。 它还支持使用进度条设置任意位置。 该应用程序将从互联网上...
  • 一个Ionic 4 Angular模块,用于查看和缩放图像和照片,而无需任何其他依赖项。 演示版 | 总览 先决条件 离子> = 4.0.0 角度> = 8.0.0 安装 npm install --save ngx-ionic-image-viewer 用法 进口 导入模块并将其...
  • 适用于Ionic 4的可定制UI组件。 | | :sparkles: 产品特点 Twitter启发的图片库 材质设计:拉动刷新 灵活的对话框组件 功能发现 离子选项卡的Material Design应用栏 :package: 安装 首先,从npm安装软件包。 最新...
  • ionic是一个垮平台开发框架,可通过web技术开发出多平台的应用。但只建议开发简单应用。复杂的应用需要用到许多cordova插件,而cordova插件的更新或者移动平台的更新很可能导致插件的不可用,维护升级成本较高。 ...
  • 由于国内下载ionic4的demo资源有时候会出现奇怪的错误产生,所以我在官网下载了一份已经下载好的demo提供给大家下载!
  • 由于国内下载ionic4的demo资源有时候会出现奇怪的错误产生,所以我在官网下载了一份已经下载好的demo提供给大家下载!
  • 由于国内下载ionic4的demo资源有时候会出现奇怪的错误产生,所以我在官网下载了一份已经下载好的demo提供给大家下载!
  • Ionic Framework开始
  • ionic4官网demo_blank_react

    2020-04-30 13:18:08
    由于国内下载ionic4的demo资源有时候会出现奇怪的错误产生,所以我在官网下载了一份已经下载好的demo提供给大家下载!
  • Ionic4星级 您可以提供自定义图标,自定义颜色,自定义字体大小,也可以将其设置为只读。 您可以指定要显示的图标总数,默认设置为5。您可以根据需要将其更改为10星级或7星级。 支持半星评级。 单击默认星形图标将...
  • Angular-ionic4-starter-app.zip,Ionic 4待办事项列表应用程序。免费离子4示例应用程序。了解如何开始使用Ionic 4创建一个包含列表、表单和导航的简单应用程序。Ionic 4 Starter应用程序,Angularjs于2016年发布,是...
  • picker_ionic4.zip

    2020-04-12 01:14:27
    ionic4多级联动的小demo,里面html如果出现红色,请忽略。 1.在命令台输入【npm install】,安装依赖 2.在命令台输入【ionic serve】,在浏览器调试 3.在命令台输入【ionic cordova platform add android】,添加...
  • Ionic 4入门应用 关于此回购 此存储库是Ionic 4入门应用程序的代码,我们在Ionic 4入门教程中创建了该应用程序。 在下面的教程中,您将学习Ionic 3和Ionic 4之间的区别以及有关Ionic 4的所有新概念: 在找到更多...
  • 采用 Ionic 4 开发的电影Movies App
  • Ionic-Vue用于Vue的Ionic集成适配器。 Ionic-Vue与@ ionic / vue的比较Ionic-Vue代码库已添加到Ionic内核中,并以@ ionic / vue的形式提供。 Ionic-Vue如何为Vue集成离子适配器。 Ionic-Vue与@ ionic / vue的比较...
  • Ionic 4 Music App入门 如何使用此启动器? 如果您只想使用此启动程序,可以从下载,但请 :folded_hands: 请给我一个回购的开始,我会很乐意的,您会激励我不断改进这个入门级软件,任何意见或建议都非常欢迎您提出...
  • Ionic4书 嗨,我正在为Ionic4写一本书。 即将发布。 参加Ionic 4课堂培训 在Ampersand学院,我正在接受Ionic 4的培训。 如果您有兴趣加入,请访问以下链接。 下载Ionic 4课程 我们在“&”学院提供的服务 在...
  • Vue电容器离子应用 具有Vue,电容器和Ionic 4组件的移动演示应用程序
  • Ionic4日期选择器 请检查此博客以获取有关文档 这是它的样子 1.0.8版中的重大更改 由于date formate dd-MM-yyyy ,我们使用了momentjs来解决它。 我们将不再使用有角度的DatePipe,因此现在只有有效。 因此使用dd将...
  • Ionic4DomeProject Ionic4 骨架, 包含常用组件 和 服务,可依此快速搭建好用的ionic4项目 ionic4 交流QQ群:670727319 楼主QQ: 1083433931 一、开始 确保已安装nodeJs, Angular 及 Ionic (具体安装见官网) 根目录下...
  • ionic4-sidemenu-auth 使用Angular Router和Side Menu UI(现在带有Tabs !!)构建基本的Ionic 4登录流程 更新到最新的离子版本 Ionic: Ionic CLI : 5.4.13 (/Users/aaronksaunders/.nvm/versions/node/v10.15.1/...
  • ionic4官网demo_tabs_react

    2020-04-30 13:10:09
    由于国内下载ionic4的demo资源有时候会出现奇怪的错误产生,所以我在官网下载了一份已经下载好的demo提供给大家下载!
  • ionic-uber-clone:Ionic 4出租车预订脚本
  • 如题,将记录ionic3升级到ionic4写法上的所有变化 持续更新,欢迎大家补充 无分类,发现一个就写一个 迁移时千万不要把所有代码都复制过来再修改错误,那会让你怀疑人生。正确的顺序是,新建空ionic4工程,然后用...
    • 如题,将记录ionic3升级到ionic4写法上的所有变化
    • 持续更新,欢迎大家补充
    • 无分类,发现一个就写一个
    • 迁移时千万不要把所有代码都复制过来再修改错误,那会让你怀疑人生。正确的顺序是,新建空ionic4工程,然后用指令一个个创建页面,先把页面样式调好,最后再写ts代码逻辑。
    • qq群320021484,一起讨论学习

    1.自定义color颜色

    <ion-icon color="gray_text"></ion-icon>

    ionic3写法:忘了

    ionic4写法:在scss下定义

    .ion-color-gray_text {
    
        --ion-color-base: #BBBBBB;
    
        --ion-color-base-rgb: 187,187,187;
    
        --ion-color-contrast: #000000;
    
        --ion-color-contrast-rgb: 0,0,0;
    
        --ion-color-shade: #a5a5a5;
    
        --ion-color-tint: #c2c2c2;
    
    }

    这里有6个属性,只需定义第一个base颜色,其他的可以在ionic网站上自动生成https://ionicframework.com/docs/theming/color-generator

    2.自定义小图标

    <ion-icon ios="ios-backwhite"></ion-icon>

    ionic3写法:.ion-ios-backwhite { content: url("../assets/imgs/back_white.svg");}

    ionic4写法:1.新建svg目录,与app目录平级

                         2.将ios-backwhite.svg放入svg目录下

                         3.修改angular.json文件

    "assets": [
                  {
                    "glob": "**/*",
                    "input": "src/assets",
                    "output": "assets"
                  },
                  {
                    "glob": "**/*.svg",
                    "input": "node_modules/ionicons/dist/ionicons/svg",
                    "output": "./svg"
                  },
                  {
                    "glob": "**/*.svg",
                    "input": "src/svg",
                    "output": "./svg"
                  }
                ]

    3.button控件

    ionic3写法:

    <button ion-button clear small round block>
    </button>

    ionic4写法:

    <ion-button fill="clear" size="small" shape="round" expand="block"></ion-button>

    button以前的写法都失效了,变化大。

    4.no-lines

    ionic3写法:<ion-list no-lines>

    ionic4写法:<ion-list lines="none">

    5.item-left、item-end

    ionic3写法:<ion-item item-left> <ion-item item-end>

    ionic4写法:<ion-item slot="start"> <ion-tem slot="end">

    其他类似属性请看官网

    6.css引用自定义颜色

    ionic3写法:

     ion-content{
            background: color($colors,partingline);
        }

    其中partingline是在variables.scss里的$colors里定义的,相信大家都自定义过

    ionic4写法:

     ion-content{
        --background: var(--ion-color-partingline);
    }
    --ion-color-partingline: #f6f6f6;

    background前加了--,不加无法生效。具体哪些属性需要加--,哪些不需要,在浏览器里看源码,时间长就记住了。

    7.ionic-angular包名变更

    ionic4写法:@ionic/angular

    展开全文
  • ionic4-boilerplate boilerplate for ionic4 migrate and upgrade from : notes: Please ignore the CI build error status. it mainly caused by ios 2-factor authentication. 使用 git clone ...
  • 接近三个月都在加班加点的忙项目,没有像以前那样不断学习总结了,只是每周会关注学习Ionic3仿京东项目的后续更新视频教程,给自己找一点满足感,听说Ionic4.x也快出来了,不过正常Ionic4.x与Ionic3.x不...

    快过年罗,期待与家人的团聚,想想有点小激动,嘿嘿~~只是手头还有个项目难度比较大,希望早点搞定......感觉每天都有太多的事情,学习的时间越来越少,难道是年龄越大时间越不够用吗??接近三个月都在加班加点的忙项目,没有像以前那样不断学习总结了,只是每周会关注学习Ionic3仿京东项目的后续更新视频教程,给自己找一点满足感,听说Ionic4.x也快出来了,不过正常Ionic4.x与Ionic3.x不会有太大差距,我想掌握了Ionic3.x一样能玩转Ionic4.x吧,今天将更多的知识点分享下,Ionic4.x/Ionic5.x从基础入门到项目实战视频教程希望大家可以共同探讨。(注:Ionic4和Ionic5的用法是一样的)

     

    Ionic4/Ionic5入门实战视频教程网盘下载地址https://pan.baidu.com/s/1_cQXxV98qWXuGR9fq0nlSw 提取码:ib4a

     

    Ionic4.x/Ionic5.x从基础入门到项目实战视频教程目录介绍:

     

    第一讲  Ionic+  Angular+  Cordova介绍以及Ionic3.x+环境搭建、Ionic的安装运行、Ionic有时候安装失败怎么办?

    第二讲  Ionic+ 目录结构分析、app.module.ts分析、创建组件、创建页面、ionic3.x页面跳转(上)

    第三讲 Ionic+ 目录结构分析、app.module.ts分析、Ionic创建组件、Ionic创建页面、ionic3.x页面跳转(下)

    第四讲  Ionic+ 新增tabs页面 去掉二级页面tabs菜单,修改返回按钮

    第五讲  Ionic中的UI 组件(UI Components)、 ionic3.x 中的css基本布局 颜色 按钮 图标01

    第六讲  Ionic中的UI 组件(UI Components)、 ionic3.x 中的css基本布局 ionic 普通列表 图文列表 图标列表02

    第七讲  Ionic中的UI 组件(UI Components)页面布局 、ionic3.x 中类似qq和微信的滑动列表03

    第八讲  Ionic中的UI 组件(UI Components)页面布局   ionic3.x 中的表单  登录表单以及ionic中的栅格系统

    第九讲  Ionic 中的Javascript扩展 ActionSheets  Alerts  Toast  Loadin

    第十讲  Ionic 通过NavController实现路由跳转路由传值(补)

    第十一讲  Ionic通过navPush属性实现路由跳转页面传值(补)

    第十二讲  Ionic中的数据请求结合路由跳转实现内容管理系统【新闻列表、新闻详情】(上)

    第十三讲  Ionic中的数据请求结合路由跳转实现内容管理系统【新闻列表、新闻详情】(下) 

    第十四讲  Ionic中的ion-infinite-scroll上拉分页加载更多 

    第十五讲  Ionic中的ion-refresher下拉更新 

    第十六讲  Ionic仿京东商城项目功能分析 项目框架搭建 修改底部导航tabs颜色

    第十七讲  仿京东商城项目首页页面布局 ion-slide轮播图 ion-scroll滑动列表   

    第十八讲  Ionic仿京东商城项目首页列表 ion-row栅格布局  商品分类页面布局 flex  ion-row

    第十九讲  Ionic仿京东商城项目购物车页面布局  rem

    第二十讲  Ionic仿京东商城项目用户中心页面布局 ion-list  ion-item

    第二十一讲  Ionic用户登录页面布局-修改

    第二十二讲  Ionic仿京东商城项目注册流程讲解、用户注册页面、发送验证码、完成注册页面布局 

    第二十三 讲  Ionic仿京东商城导航搜索、商品列表、搜索列表页面制作 ion-buttonsion-searchbar

    第二十四讲  Ionic创建公共配置config 服务、创建请求数据的服务分析、以前的方法请求api接口

    第二十五讲  Ionic创建公共配置文件、创建请求数据的服务、服务的方式请求api接口实现动态轮播图

    第二十六讲  Ionic仿京东商城项目 首页请求商品动态数据

    第二十七讲  Ionic仿照京东商城项目商品分类页面请求动态数据,实现tab切换

    第二十八讲  Ionic商品列表页面动态数据请求 分页加载更多(上)

    第二十九讲  Ionic搜索页面动态数据请求 分页加载更多(下)

    第三十讲  Ionic3.x解决搜索页面回到顶部bug以及上拉更新bug 用到Content api

    第三十一讲  Ionic搜索页面历史记录以及删除历史记录 用到ionic的gestures 手势事件和localStorage 以及Alert组件

    第三十二讲  Ionic仿京东商城项目商品详情页面 头部底部制作ion-segment  ion-footerbar

    第三十三讲  Ionic仿照京东商城项目详情页面布局

    第三十四讲  Ionic 商品详情页面请求数据渲染数据

    第三十五讲  Ionic注册流程 POST封装,以及POST发送验证码倒计时功能(上)

    第三十六讲  Ionic注册流程 POST封装,以及POST发送验证码倒计时功能(中)

    第三十七讲  Ionic注册流程 验证验证码、完成注册、保存用户信息(下)

    第三十八讲  Ionic仿京东商城项目 登录  ionic生命周期函数ionViewWillEnter、ionViewDidEnter、ionViewWillLeave等(上)

    第三十九讲  Ionic账户设置 退出登录(下)

    第四十讲  Ionic仿京东商城项目 商品属性选择、增加到购物车(上)

    第四十一讲  Ionic仿京东商城项目 商品属性选择、增加到购物车、显示购物车数据(中)

    第四十二讲  Ionic仿京东商城项目 购物车列表筛选 购物车计算总价 数量加减购物车数据保存 去结算(下)

    第四十三讲  Ionic仿京东商城项目 购物车全选反选 购物车loading  ion-spinner使用

    第四十四讲  Ionic删除购物车数据

    第四十五讲  Ionic确认订单 订单页面登录成功返回

    第四十六讲  Ionic 仿京东商城项目 收货地址页面和 增加收货地址页面制作

    第四十七讲  Ionic仿京东商城项目签名验证原理

    第四十八讲  Ionic仿京东商城项目签名验证 增加收货地址、显示收货地址

    第四十九讲  Ionic 仿京东商城项目 订单页面显示默认收货地址、切换收货地址

    第五十讲  Ionic仿京东商城项目 编辑收货地址 删除收货地址

    第五十一讲  Ionic仿京东商城项目 提交订单、去支付页面制作

    第五十二讲  Ionic android 、ios支付宝支付准备工作 创建应用、生成签名、提交审核应用(1)

    第五十三讲  Ionic+cordova支付宝支付流程以及实现Android支付(2)

    第五十四讲  Ionic+cordova支付宝支付Ios支付(3)

    第五十五讲  Ionic 打包成app_介绍
    第五十六讲  Nodejs的安装 Jdk的安装
    第五十七讲  Android studio的安装
    第五十八讲  Ionic cordova的安装、ionic项目创建、ionic项目运行到手机
    第五十九讲  项目导入到android studio  android studion 运行项目、修改项目ionic build 重新运行
    第六十讲  Android 打包以及升级打包

    . . . . . .

    已更新110讲

    包括Angular基础入门、Ionic基础、Ionic仿京东商城项目、Ionic 打包android应用、ionic打包ios应用、上传Appstore、Ionic常见插件、以及ionic拍照上传、ionic升级应用、扫码二维码、微信支付、支付宝支付、微信登录、QQ登录、微信分享、QQ分享等  激光推送、热更新、Cordova+vue开发混合app教程等。需要了解更多教程详情的可以去官方看看。

     

     

     

     

    展开全文
  • 使用angular路由自定义ionic4中的tabs切换,因为在实际项目中,需要自定义项目目录,需要手动定义tabs。
  • ionic4升级到ionic5踩坑记录

    千次阅读 2020-05-30 22:39:30
    ionic3升级到ionic4之后,大半年没升级了,一直用的版本是"@ionic/angular":"4.11.7"。 ionic4这个版本总体感觉还行,比较大的一个问题是,页面会飘,如果在ngOnInit里面渲染数据,在ionViewDidEnter则没有这个问题...

    ionic3升级到ionic4之后,大半年没升级了,一直用的版本是"@ionic/angular": "4.11.7"。

    ionic4这个版本总体感觉还行,比较大的一个问题是,页面会飘,如果在ngOnInit里面渲染数据,在ionViewDidEnter则没有这个问题,但页面渲染会慢半拍。具体也没研究到底是什么问题,貌似主要是在苹果手机上有问题,也不一定是ionic问题,也可能是项目样式影响了过渡动画。自带的返回按钮偶尔也会自动消失,后来没用官方的返回按钮组件。

    这几天不少项目发现头部标题开始飘了,后来发现是因为苹果系统升级后才出现这个问题,ionic升级到最新版本5后,问题修复。升级之后上面说的,页面会飘,貌似也修复了。

    我目前升级到的最新版本是:"@ionic/angular": "5.1.1",升级还算比较顺利,基本没发现什么大坑。

    目前发现最大的坑是移除了Events!

    https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md

     还有就是ion-title组件,class有变更,title-ios貌似被移除了,也可能是配置有变更。后面再多观察测试下。

    20200610

    ionic5新建页面会多出一个路由文件*-routing.module.ts

     

     

     

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 31,629
精华内容 12,651
关键字:

ionic4