IONIC3

ionic3自定义图片弹窗轮播显示组件

一、需求使用ionic3制作页面时，有时候多张图片直接在页面上显示，查看起来不是很方便，需要点击图片后，能够弹窗显示，且多张图片可以在弹窗中左右滑动切换显示，弹窗中有点击事件时，则关闭弹窗；左右滑动事件时
IT飞牛·2021-06-21 12:03

主题，动态修改css中:root定义的变量

额，我是在ionic3项目中需要该功能，别的地方应该也能用这个方法，如：网页等。
一只飞·2021-06-19 16:31

ionic3 filechooser插件 小白踩坑历程

本人是ionic框架的一名小白，之前用ionic3做项目。项目做了一半之后停做了一段时间，现在继续开始。
曾大播·2021-06-15 15:34

ionic项目实战

ionic项目实战（一）预言这次项目来得很急，需要在差不多10天左右的时间内完成一款兼容Android和ios的移动端产品，需求其实也比较简单，但因为涉及到了视频监控，所以还需要调用原生sdk，最终选择的ionic3
月影角鳄·2021-06-15 03:31

ionic3 相机英文转中文

找到打包后的info.list文件，修改里面的配置即可将：CFBundleDevelopmentRegionEnglish修改为：CFBundleDevelopmentRegionChina
温挺好的·2021-06-12 21:48

Ionic3 问题记录

1.Ionic3启动没问题,编译的时候报错events.js:136thrower;//Unhandled'error'event^Error:readECONNRESETat_errnoException
pastFirst·2021-06-10 12:07

ionic3 自定义插件 添加进项目失败的解决方式

本篇主要解决如下问题：Error:InvalidPlugin!needsavalidpackage.jsonpkgisnotdefined终端切换至自定义插件文件夹的位置：执行如下命令1.npminitThisutilitywillwalkyouthroughcreatingapackage.jsonfile.Itonlycoversthemostcommonitems,andtriestogue
Shaw_dev·2021-06-10 08:09

Ionic3开发之开发环境配置

Node.js的安装(建议安装8.x.x版本)，点击下载cnpm的安装npminstall-gcnpm--registry=https://registry.npm.taobao.orgionic的安装cnpminstall-gioniccordova的安装[email protected]新建ionic项目ionicstartdemoblank点击下载安装AndroidStud
Arthur_h·2021-06-09 07:12

Ionic3 修改样式

ActionSheetController可以创建一个dialog对应的效果图如下，标记的那部分就是一个dialog但是有时候这个并不能满足需求，从上图可以看出，button中的字体是靠左边的，假如这时候需要让button中的字体居中该怎么做？其实也很简单，从官方文档中可以发现API中提供了一个属性cssClass，这个属性的值就是我们自定义class的名字，多个class之间用空格隔开。其实这个
spilledyear·2021-06-07 12:24

ionic3 调用paypal

#1.安装插件ioniccordovapluginaddcom.paypal.cordova.mobilesdknpminstall--save@ionic-native/paypal2.在app.module.ts里引用import{PayPal}from'@ionic-native/paypal';providers:[PayPal]3.home.tsimport{PayPal,PayPalP
藟Danae·2021-06-04 05:02

ionic4子页面隐藏tabbar

在ionic3中，可以通过设置tabsHideOnSubPages:true，实现子页面隐藏tabs。
Bager·2021-06-04 02:43

【Appetite】ionic3实录（暂终）剩余内容截图及开源

因为是按入门教程顺序写的，所以本示例并没有做特别优化！！！如视频播放就没有采用我另一篇文章所写的方式。而优化这章本来是作为示例教程最后一章，代码相应完善一下再发出来，奈何忙也没时间打理，很长一段时间没理它了又懒得动，所以文章先告一段落，代码放在github上：https://github.com/woodstream/appetite其实此项目充其量只是个玩具，我先前更多时间花在了另一个基于真实数
IT晴天·2021-05-21 11:33

Tab选项卡滑动点击切换ionic3+angular4

1.home.html2.home.tsimport{Component,ViewChild}from'@angular/core';import{NavController,Slides}from'ionic-angular';@Component({selector:'page-home',templateUrl:'home.html'})exportclassHomePage{@ViewCh
Allen6879·2021-05-20 20:37

【开发指南】（六）Ionic3从目录结构理解开发

ionic3一个完整项目，一般会有以下文件夹：image.png对比目前其它流行的js框架，个人觉得其分工明确、清晰好理解，我觉得就算一开始头脑一遍空白的新手，对他讲解过一次后都能有个大致印象。
IT晴天·2021-05-20 14:05

来扯点ionic3[4] 结构型指令和列表渲染

往期传送门来扯点ionic3[0]吹完牛再入门也不迟来扯点ionic3[1]创建一个新页面来扯点ionic3[2]页面一线牵珍惜这段缘来扯点ionic3[3]页面的生命周期事件，也就是凡间所说的钩子《雷神
忠叔·2021-05-20 13:00

ionic3 相机和相册获取图片

既然是常用功能，这一次我们就来分析一下如何在ionic3中使用相机和相册获取图片。
Snorlax丶·2021-05-19 22:40

【技巧】Ionic3多文件上传

关于ionic3多文件上传，网上资料非常少，特别是基于form方式的，有也大多因为代码过期而失效，因为有人问到，所以写一下。
IT晴天·2021-05-18 20:41

ionic3项目实战教程 - 第10讲 ionic3分类菜单设计(类似外卖)

注意，干货来了，相比前面几讲这一讲就要难以消化多了，请做好心理准备。因为在这之前，经常看到有群友在求这种分类菜单的组建，今天我就为大家再造一个轮子[微笑脸]。这一讲主要包含以下几个部分：1.效果图2.布局思考3.具体代码展示1.效果图10-1.png2.布局思考2.1.左右布局，考虑用ion-grid，一个ion-row，两个ion-col;这里放菜单列表这里放商品列表2.2.分类和商品列表需要滚
IonicBlog·2021-05-18 17:00

[Ionic]在Ionic3项目中添加Devextreme库

Deveextreme的UI库在做复杂图表方面比较强大，配合Ionic来做企业数据分析，后台管理等应用得心应手。加上官方支持非常及时，提问一般在1-2小时就得到回复，大家可以了解一下。Devextreme详细功能我在这里就不详细介绍了，如果不了解的同学可以直接前往官网查看Demo.官网机票✈️：https://js.devexpress.com/首先当然少不了Ionic项目，这里先创建一个空白项目
TT_拓泥·2021-05-18 07:48

ionic3的懒加载

前一久在使用ionic2开发，但是对打开速度和加载速度有些不满意，虽然知道ionic3使用懒加载，但也是这几天才真正的全面升级到ionic3。这是我的版本信息。。
胡哈哈胡·2021-05-18 04:55

ionic3 自定义图标

说明：这篇文章介绍的方法步骤比较多，主要是在图标的准备那方面，对于这个，我重新写了一篇文章，步骤少一点，不需要去准备svg矢量图再转换成字体图标，有兴趣的可以看看《ionic3自定义图标-鱼猫的个人博客
鱼猫啊·2021-05-17 07:47

ionic3生成图标和启动图出错

简单记录一下使用ioniccordovaresources报HTTP400错误。开始以为是图片大小问题，后来发现用photoshop导出png图片时交错选项要选无、选无、选无（重要的事情说三遍）
冠宏_73ce·2021-05-15 20:23

ionic3学习之路（一）

我的csdn博客地址：http://blog.csdn.net/li_zean/article/details/79260715ionic3学习笔记1、第一、二天环境准备1.1、安装Node.js（Windows
li_zean·2021-05-14 09:41

Ionic3.x 中的路由导航NavController以及 路由传值

如果从页面A跳转到页面B并传参，有两种方法：NavController路由跳转传参在A.ts中的代码this.navCtrl.push(ArticlePage,{id:"123",name:"Carl"});B.ts中引入NavParmas模块import{NavParams}from'ionic-angular';constructor(privatenavParams:NavParams){l
奈何人别离·2021-05-11 03:26

ionic2升级ionic3详细过程

1.升级ionic版本:npmuninstall-gionic卸载现在的ionic,npminstall-gionic@latest安装最新版2.在ionic-base中复制package.json中dependencies和devDependencies的内容并替换自己项目中的package.json里的内容3.删除node_modules文件夹并重新运行npminstall重新生成依赖4.在a
冷鸢J·2021-05-10 03:45

ionic3 + angular5跨域问题的解决方案

最近在玩ionic3，底层angular版本是5.2，如下"dependencies":{"@angular/animations":"5.2.9","@angular/common":"5.2.9",
竹子_331a·2021-05-08 00:06

ionic3 使用高德地图 key值存放位置

如果临时换了key,需要注意ionicapk最终使用的key是什么。参考update位置-当前项目\platforms\android\android.json(先删除AndroidManifest.xml中相同的keyitem)
DONG999·2021-05-06 02:39

Ionic3学习笔记（十二）拍照上传图片以及从相册选择图片上传

本文为原创文章，转载请标明出处目录安装插件导入app.module.ts创建page更多效果图1.安装插件终端运行:ioniccordovapluginaddcordova-plugin-cameranpminstall--save@ionic-native/cameraioniccordovapluginaddcordova-plugin-telerik-imagepicker--variabl
Metaphors·2021-05-05 19:45

【指令篇】ionic3自适应大小textarea指令

关于指令的一些简单说明，可以看我这篇文章：【开发指南】（五）ionic3应该善用组件和指令。
IT晴天·2021-05-05 07:17

ionic3/angular使用Highcharts制图

之前项目中有用到Highcharts，那个时候是用@ViewChild修饰器，但是最近看到Highcharts官方的案例，好像更简单一些，所以做一下记录。之前项目中的用法可参考：https://github.com/xiedajian/ipvpKmfApp2.0/blob/master/src/pages/LoginModule/account-details/account-details.ts
谢大见·2021-05-01 21:35

cordova+ionic3笔记

最近刚接触cordova+ionic，踩了不少坑。这里全是每次被报错卡住的时候，从河里摸出来的石头路。虽然网上都能查，但都是东一下西一下，做个笔记备忘。npminstall安装cordova、ionicionic模板ionicstartMyIonicProjecttabs--type=ionic-angular运行web开发环境ionicserve//到此为止和之前用vue做web端的节奏一样，边
Jx_dev·2021-04-29 21:00

Ionic2的环境搭建

Windows下的ionic2环境搭建大体环境1、node.js2、ionic3、cordova4、java环境（jdk)5、android环境（androidsdk,androidstudio)Nodejs
wan__wan·2021-04-29 11:28

Ionic3开发教程 - 发布IOS版本（4）

Ionic3开发系列教程Ionic3开发教程-环境准备（1）Ionic3开发教程-开发（2）Ionic3开发教程-发布Android版本（3）Ionic3开发教程-发布IOS版本（4）Ionic3开发教程
IT飞牛·2021-04-26 11:41

Ionic3学习笔记（四）修改返回按钮文字、颜色

本文为原创文章，转载请标明出处目录修改返回按钮文字修改返回按钮颜色1.修改返回按钮文字参考官网IonicAPI---Config文档可在./src/app/app.module.ts中修改返回按钮文字@NgModule({......imports:[IonicModule.forRoot(MyApp,{backButtonText:''})]......})2.修改返回按钮颜色参考官网Overr
Metaphors·2021-04-23 18:31

【技巧】ionic后FileTransfer时代的文件传输

FileTransfer是常用的Codrodva插件之一，在过去的几篇文章中都能看到它的身影：Cordova插件使用——Office文档在线预览那些事【技巧】ionic3视频上传【技巧】Ionic3多文件上传然而
IT晴天·2021-03-12 00:08

ionic3页面创建

创建pageionicgeneratepagename创建providerionicgenerateprovidername（name名称）
潶渔·2021-03-11 06:59

ionic3开发笔记（连载）

VSCode扩展vscode-icons用于项目中文件类型显示对应的图标，提高文件定位的效率TSLintthelinterfortheTypeScriptlanguagePathIntellisense用于提示导入文件时候的路径ESLintJS代码的规范检测beautify进行代码的格式自动美化ProjectManager项目管理BracketPairColorizer括号增强功能Document
dravenxiaokai·2021-03-10 15:26

ionic4混合开发 创建项目、最终运行起来

刚开始打算一周至少更新两次吧，结果半个月过去了还没写第二篇，哎，废话不多说……前面环境都搭建好之后，就开始创建项目了，在ionic4里面跟ionic3创建项目的时候还是有点不一样的1、ionicstartmyApptabs
淋雨一直走YH·2021-03-10 14:23

angular 标准目录结构_ionic angular项目目录结构

从ionic3目录结构，理解ionic项目hooks：cordova的命令钩子，用于编译和打包；node_modules：js库——node管理的依赖包(通过命令npminstall包名或路径安装；)platforms
黄医湿·2021-02-06 12:30

Angluar5+ionic3实践(五)

背景:复宏汉霖项目CR做完后.来整理下需要优化的地方和给其他页面发送消息知识点.优化项目启动时间先记一下:最开始运行的时候所需时间:整整少了14.78s.真得不要小看console.log...发送消息实际开发场景:当前登录人的信息是保存在主页面的.最开始登陆进去的时候存入主页面的,然后其他页面用到的人员信息是主页面传出来的.在其中一个模块修改了人员岗位后.主页面没有重新获取人员信息.则会导致其他
Timor·2021-01-09 22:58

Angluar5+ionic3实践(四)

背景:复宏汉霖项目的CR做完了.用时五天.超出预计时间十天.这五天每天都在加班.终于功夫不负有心人.我现在可以开始独自开发Angluar+ionic项目了.之前都是用的React+AntDesign.现在算是扩展了新框架.收获满满.这里最后记录下.这两天开发过程中遇到的问题.学到的知识.学到的知识:一定会遇到的model弹层比如这样的需求:进项目的时候选择岗位,在我的页面又要有切换岗位的弹框.这时
Timor·2021-01-09 22:27

Angluar5+ionic3实践(三)

背景:这几天在做复宏汉霖的报表.用到了echarts.git到了一个新功能.三张报表.静态页面画了两天.今天来整理下学到的知识点.认识下echartsecharts官网地址里面有许许多多的图例.目前我需要用到的是饼图Pie和柱状图Bar.实践饼图Pie先看下实现效果:由上图可看出实际覆盖率用的是饼图.这里用到的就是echarts的Pie.实现逻辑:html页面代码:实际覆盖客户数10000人实际覆
Timor·2021-01-09 22:27

Angluar5+ionic3实践(二)

背景:昨天看了一天的别人的代码.整理了一下接口所需的二十多个参数.今天联调.把用到的一些方法记录一下.先看下两个常用的方法:Array转String和String转Array.Array.join(',')代表把Array拆成一组字符串,用,分割String.split(',')代表把String组成一个数组,用,分割.例如:属性值placeholder的展示内容在输入字段为空时显示.业务需求需要
Timor·2021-01-09 22:27

复宏汉霖(Angular5 + Ionic3 + TS)

背景:新接手复宏汉霖项目,记一下需要前期熟悉的东西,方便后期维护.首次开始Angular+ionic项目.给自己打气!加油!文章有点长,需要耐心看~~先放张图片,安抚一下眼睛.打包地址的位置:两个都要替换对应的地址再进行打包.ios打包需要苹果电脑.先熟悉一个简单的个人设置页面:页面实际图如下:看一下页面文件夹的目录结构:setup.html:页面setup.scss:css样式setup.ts:
Timor·2021-01-09 22:26

Angular5+ionic3实践(一)

背景:这几天在做复宏汉霖项目.有个讲者功能这个礼拜就要交付了.没有太多的时间去学习.只能直接看代码上手了.记录一下学到的基础知识点.[(ngModel)],(),{{}}有什么作用?打开HTML页面的代码.入眼的就是各个[],(),{{}}.这些都是什么意思呢?{{}}代表的是属性值.例如:{{clientSpeakerRequest?.speakerLevelValue}}的意思就是取clien
Timor·2021-01-09 22:26

初学者记录.net framework4.6.1使用心得

背景:后端框架:.netframework4.6.1数据库:sqlserverPC框架:layui前端框架:Angular5.0.3+ionic3.9.2项目:瀚晖先记录一下常用的目录:如下图:Business
Timor·2021-01-09 22:53

Ionic3 + Hprose

在Ionic3中使用Hprose客户端Ionic是一套以Angularjs4为基础，构建的快速手机App开发框架。
Lao_liu·2020-10-10 21:04

ionic3 解决content的scroll滚动问题 / fixed的问题

不知道有没有小伙伴和我一样遇到这样的情况：在四个tab下面，还需要个div固定在上面。网页上怎么测试都没有问题，但是真机测试的时候，我的div虽然fixed在最上面，还是会随着内容的滚动而滚动。总之，问题很多。解决方式如下：....aaa{height:6rem;...}.bbb{position:absolute;top:6rem!important;....scroll-content{ove
云小诺·2020-10-09 15:46

Angluar5+ionic3实践(五)

背景:复宏汉霖项目CR做完后.来整理下需要优化的地方和给其他页面发送消息知识点.优化项目启动时间先记一下:最开始运行的时候所需时间:整整少了14.78s.真得不要小看console.log...发送消息实际开发场景:当前登录人的信息是保存在主页面的.最开始登陆进去的时候存入主页面的,然后其他页面用到的人员信息是主页面传出来的.在其中一个模块修改了人员岗位后.主页面没有重新获取人员信息.则会导致其他
Timor·2020-10-09 13:05

Angluar5+ionic3实践(四)

背景:复宏汉霖项目的CR做完了.用时五天.超出预计时间十天.这五天每天都在加班.终于功夫不负有心人.我现在可以开始独自开发Angluar+ionic项目了.之前都是用的React+AntDesign.现在算是扩展了新框架.收获满满.这里最后记录下.这两天开发过程中遇到的问题.学到的知识.学到的知识:一定会遇到的model弹层比如这样的需求:进项目的时候选择岗位,在我的页面又要有切换岗位的弹框.这时
Timor·2020-10-09 13:25
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他