摘要: 一,效果图。 二,代码。 参考资料:《菜鸟教程》 阅读全文
posted @ 2018-08-02 09:20 花儿迎风笑 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, 阅读全文
posted @ 2018-08-01 09:16 花儿迎风笑 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, 阅读全文
posted @ 2018-07-31 09:23 花儿迎风笑 阅读(443) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, 阅读全文
posted @ 2018-07-30 09:32 花儿迎风笑 阅读(422) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, 阅读全文
posted @ 2018-07-27 09:13 花儿迎风笑 阅读(461) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, 阅读全文
posted @ 2018-07-26 09:31 花儿迎风笑 阅读(406) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, 阅读全文
posted @ 2018-07-25 09:10 花儿迎风笑 阅读(363) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 阅读全文
posted @ 2018-07-24 09:15 花儿迎风笑 阅读(832) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 参考资料:《菜鸟教程》 阅读全文
posted @ 2018-07-23 10:27 花儿迎风笑 阅读(695) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, 阅读全文
posted @ 2018-07-20 09:33 花儿迎风笑 阅读(553) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 阅读全文
posted @ 2018-07-19 09:11 花儿迎风笑 阅读(439) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,index.html代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, maximu 阅读全文
posted @ 2018-07-18 09:10 花儿迎风笑 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。index.html文件如下所示。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, 阅读全文
posted @ 2018-07-17 09:21 花儿迎风笑 阅读(468) 评论(0) 推荐(0) 编辑
摘要: index代码: 参考资料:《菜鸟教程》 阅读全文
posted @ 2018-07-14 08:48 花儿迎风笑 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 一,创建侧边栏。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, use 阅读全文
posted @ 2018-07-13 09:20 花儿迎风笑 阅读(288) 评论(0) 推荐(0) 编辑
摘要: 一,创建app的时候,index.html的主要架构。 1,我们引入了 Ionic CSS 文件、 Ionic JS 文件及 Ionic AngularJS 扩展ionic.bundle.js(ionic.bundle.js)。 2,cordova.js 是在使用 Cordova/PhoneGap 阅读全文
posted @ 2018-07-12 09:35 花儿迎风笑 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 一,下载地址为:http://lab.ionic.io/,下载后直接安装即可。图标如下图所示: 二,打开ionicLab,如下图所示: 三,打开一个已有的文件,File-->Open Existing Application >找到myApp-->如下图所示: 四,运行myApp,点击Serve.如 阅读全文
posted @ 2018-07-11 09:20 花儿迎风笑 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 一,命令行下输入: sudo npm install -g cordova ionic用来安装最新版本的cordova和ionic.如下图所示: 二,等待一下,如下图所示。 三,用命令 npm update -g cordova ionic(Window) 或命令 sudo npm update - 阅读全文
posted @ 2018-07-10 09:18 花儿迎风笑 阅读(949) 评论(0) 推荐(1) 编辑
摘要: 一, 一般最新版本的Node.js集悲剧了npm.在命令行下,输入命令: "npm-v",可以测试npm是否安装.如下图所示: 二,上图显示了npm的版本号,即代表已经安装了npm. 参考资料:《菜鸟教程》 阅读全文
posted @ 2018-07-09 09:42 花儿迎风笑 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 一,下载ionic v1.0.1版本,下载地址为:ionic-v1.0.1.zip。 ionic 最新版本下载地址:http://ionicframework.com/docs/overview/#download。 下载完如下图所示: 二,桌面上新建立文件夹,如下图所示: 三,在webApp里面新 阅读全文
posted @ 2018-07-06 09:08 花儿迎风笑 阅读(472) 评论(0) 推荐(0) 编辑