Ionic专栏
文章平均质量分 56
Ionic移动构建APP
Lucio_cn
cool
展开
-
Ionic - 组件化开发之自定义组件
万物皆组件思想,组件化开发,优化项目,省时省力 1,使用命令创建一个表单componentionic g component select-table//其他指令ionic g page YourPageName //创建新页面ionic g directive YourPageName //创建指令ionic g component YourComponentName //...原创 2019-01-28 16:22:48 · 7081 阅读 · 0 评论 -
Ionic - 更改项目名,图标 、包名及安装、删除、修改插件,配置config.xml
说在前面,config配置文件中各标签含义widget:id填写app所有人的域名,version填写app的版本号name:app名称description:app描述,会在app stroe里显示author:app作者相关信息,会在app stroe里显示content:指定app开始指向页面access:指定app可进行通信的域名,*为所有preference:偏好设置,可...原创 2018-10-17 11:28:27 · 2974 阅读 · 0 评论 -
Ionic - 踩坑记录 #持续更新#
坑1: 未在 app.module.ts 中导入 HttpClientModuleionic g provider movies 命令执行后并未在 app.module.ts 中自动导入 HttpClientModule。 坑2: Chrome 调试时 CORS 问题最简单的办法就是Chrome 安装 Allow-Control-Allow-Origin 插件了,链接 ==>...原创 2018-08-21 14:36:04 · 1849 阅读 · 0 评论 -
Ionic - WebSocket在Ionic里的使用
因为需要使用WebSocket做TCP的长连接,网上搜了socket.io没找到合适的解决方案。就用原生的了。 贴代码:先写一个工具类import { Injectable } from '@angular/core';import { Observable } from "rxjs/Observable";import {observable} from "rxjs/sym...原创 2018-08-23 19:19:07 · 4552 阅读 · 0 评论 -
Ionic - 使用原生组件开发提示震动+音效
官网震动插件地址:https://ionicframework.com/docs/native/vibration/安装震动插件ionic cordova plugin add cordova-plugin-vibrationnpm install --save @ionic-native/vibration app.module.tsimport { Vibratio...原创 2018-08-24 15:13:14 · 1938 阅读 · 5 评论 -
Ionic - 开始项目
一、目录结构分析 hooks:编译 cordova 时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中node_modules :node 各类依赖包resources :android/ios 资源(更换图标和启动动画)src:开发工作目录,页面、样式、脚本和图片都放在这个目录下www:静态文件platforms:生成 android 或者 ios 安装包路径( pla...原创 2018-06-12 16:17:06 · 280 阅读 · 0 评论 -
Ionic - API
放在前面:ionic3中文api1.操作表:ActionSheetController2:格 (1)垂直对齐:a.通过向行row中添加不同的属性,可以将所有列垂直对齐align-items-start/align-items-center/align-items-center/<ion-row align-items-start>...<ion-col...原创 2018-06-12 15:56:59 · 1917 阅读 · 0 评论 -
Ionic - 笔记 之 Tab
Ionic2 组件之Tab学了Tabs更少不了Tab组件,Tab组件写作<ion-tab>,必须要放置在Tabs组件内,是NavController的一种。基本用法Tab有以下几个基本属性和事件:Attr Type Desc [root] Page 指定tab希望加载的页面 tabTitle string tab上显示的标题...原创 2018-06-19 12:08:41 · 1346 阅读 · 0 评论 -
Ionic - 图标 iconfont的使用(阿里图标库)
iconfont在ionic中的使用:1.进入iconfont官方网址后2.搜索你想要的图标,添加到购物车(前提:是已经登录,这里可以使用github注册登录)3.点击购物车创建项目并下载到本地4.下载之后的文件5,在index.html引入 <!-- 引入iconfont的css --> <link rel="...原创 2018-06-28 18:11:26 · 3251 阅读 · 0 评论 -
Ionic - 3.x 键盘遮挡等问题
iOS 端毫无 bug,Android 端却出现了问题。当软键盘弹出后,Android 端的 tabs 移到了软键盘的上面,再仔细一看,整个界面都被压扁了,输入框也不知道去哪儿了。于是去翻 Ionic Native - Keyboard 文档,并未发现有能解决该问题的方法。于是又想到是不是 android:windowSoftInputMode 属性出了问题,打开 AndroidManifes...原创 2018-07-31 09:31:46 · 2136 阅读 · 0 评论 -
Ionic - CrossWalk 之 兼容android4.3及以下版本
Ionic Framework不支持Android4.2.2 cordova-plugin-crosswalk-webview,这个插件的意思是将webview整个都打包到应用中去也在网上找到了安装的方法:http://jingyan.baidu.com/article/f7ff0bfc1bbe372e27bb1341.html 安装命令ionic plugin add ...原创 2018-08-15 18:02:37 · 2762 阅读 · 0 评论