09 2018 档案

轮播图
摘要：1.轮播图 slides，官网引入代码 pager表示显示轮播图下标 loop 自动轮播 autoplay 轮播间隔时间 再加一下样式，让轮播图置顶 效果： 3.横向长框 期望效果： 阅读全文
posted @ 2018-09-23 19:58 wskxy 阅读(154) 评论(0) 推荐(0) 编辑
上拉加载、下拉更新
摘要：1.上拉加载 引用官网给出的代码 ts： 2.下拉更新 同样，用官网的代码 然后写doRefresh方法 阅读全文
posted @ 2018-09-22 17:04 wskxy 阅读(192) 评论(0) 推荐(0) 编辑
新闻列表、新闻详情
摘要：1.函数跳转 News跳转函数 html Newsinfo接收函数 2.属性跳转 News跳转函数 不需要引入NavController、NavParams html NewsInfo和上面一样。 阅读全文
posted @ 2018-09-22 10:47 wskxy 阅读(274) 评论(0) 推荐(0) 编辑
底部上拉框、弹窗
摘要：1.底部上拉框Action Sheets 效果： 代码可以直接去官网复制 html 2.弹窗 html 官网上面还有很多种类型的弹窗，可以直接copy代码，展示一下官网的效果： 3.加载弹窗Loading html 阅读全文
posted @ 2018-09-20 17:15 wskxy 阅读(517) 评论(0) 推荐(0) 编辑
列表、登陆窗口、栅格
摘要：1.举个列表的小例子 html 2.滑动列表 ion-list-sliding 3.登陆窗口 ion-input html 4.栅格 可以实现类似一下的布局 我们做一下排版测试 html css 阅读全文
posted @ 2018-09-20 15:11 wskxy 阅读(122) 评论(0) 推荐(0) 编辑
按钮
摘要：官网：http://ionicframework.com/docs/ionicon 阅读全文
posted @ 2018-09-19 18:02 wskxy 阅读(115) 评论(0) 推荐(0) 编辑
页面跳转、底部tabs切换页面
摘要：0.安装 1.页面跳转 2.tabs页面 1）添加tabs页面的菜单项目 创建页面就不说了，直接添加tabs项目 其实就是直接对着写就行 2）去掉二级页面 tabs 菜单，修改返回按钮文字 找到app.moudule.ts 修改下面代码 阅读全文
posted @ 2018-09-19 16:55 wskxy 阅读(1120) 评论(0) 推荐(0) 编辑
路由
摘要：Routing 1.新建一个带路由的Angular项目 ng new demo-routing --routing 2.新建组件 ng g component components/home ng g component components/news ng g component componen 阅读全文
posted @ 2018-09-19 11:43 wskxy 阅读(151) 评论(0) 推荐(0) 编辑
父子组件传值
摘要：父子组件传值 我们这里定义 父组件为weather，子组件为header 先是介绍一下子组件调用父组件 1）Input调用值： 在父组件中定义属性： 并且在html中把这个值给子组件传递过去 子组件要使用Input接收 html 2）Input调用函数： 和传值的方法一样 在父组件中定义函数： 并且 阅读全文
posted @ 2018-09-19 11:35 wskxy 阅读(900) 评论(0) 推荐(0) 编辑
ionic3安装
摘要：1.安装 1）安装nodejs： 官网下载安装 2）可选安装 cnpm： //安装了cnpm后，以后用到npm安装的东西都可以把npm替换成cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 3）安装ionic工具 阅读全文
posted @ 2018-09-18 14:58 wskxy 阅读(1123) 评论(0) 推荐(0) 编辑
Angular4
摘要：1.安装node.js 官网下载安装 npm会跟着被自动安装 2.安装Angular工具（AngularCli） 1.使用npm安装 npm install -g @angular/cli 2使用cnpm安装 1）使用淘宝npm镜像安装cnpm npm install -g cnpm --regis 阅读全文
posted @ 2018-09-11 17:40 wskxy 阅读(259) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示