webapp
glustful
尘世中人
展开
-
ionic 实现下拉刷新上拉加载更多
网上例子太多了,官网的文档也很全,不过在这里阐述下,方便自己查询,官网速度太慢了,估计是自己网速原因了,小公司伤不起啊。 下拉刷新上拉加载更多,直接来代码,代码里都有说明:<ion-view view-title="活动页"> <ion-content class="padding"> ***<ion-refresher pulling-text="下拉刷新" on-refres原创 2015-08-24 17:19:24 · 24607 阅读 · 4 评论 -
ionic tabs完美自定义背景及点击和正常的颜色
上一篇提到自定义tabs,但是因为时间关系及阐述一点导航栏的东西,没有完成,这篇接上一篇,接着来自定义tabs,ionic中已经内置了默认的几种样式,基本也能满足了自己的应用,不过公司项目就不行了,公司项目都是ui设计出来的,只能自定义,看下自定义后的最终效果,只是简单换了颜色,可按照这种思路去自定义自己想要的效果: 其中背景用了红色,选中用了黑色,末选中用了#ffff00,我对颜色不敏感了,原创 2015-08-24 12:08:03 · 20928 阅读 · 1 评论 -
ionic 实现广告图片无限滚动标签介绍
网上有太多的例子实现广告图片无限滚动及点击事件,但是那都是自己利用css和js结合实现的,在这里,ionic已经很强大的给我们提供了一个标签,简单几行代码就能实现煊人的效果,没必要去重得的发明轮子,这篇文章是基于官网翻译过来的,并提供源码参考,对不想看英文的同胞能快速的上手。在此提供官网链接,有兴趣的可直接查看官网:官网地址首先,实现图片无限滚动,ionic提供了标签< ion-slide-box原创 2015-08-26 11:14:26 · 14156 阅读 · 1 评论 -
ionic angularJS phoneGap(cordova) 搭建app应用
本人环境为mac,因此测试环境只在ios中测试过,首先搭建环境。一步步来Nodejs的安装,官网地址:下载对应的版使用npm安装ionic,cordova,ios-sim,npm命令随着nodejs安装一起安装好的,无须单独安装npm install -g ionic (mac与linux前面记得加上 sudo , sudo npm install -g ionic)npm install原创 2015-08-19 14:57:28 · 1623 阅读 · 0 评论 -
Ionic 添加ngCordova插件
Ionic只是个前端框架,与bootstrap差不多,不过他是专门为移动端设计的, 在效果上接近原生的app,如果你的应用只涉及到前端的东西,那么你可能不会涉及到ngCordova插件,这是phoneGap的改名叫法。如果我们应用要用到一些底层的东西,如:拍照,文件,数据库,状态栏,设备等等这些原生的东西,那么你就得要好好的学习下ngCordova提供的想着插件。在这里给出ngCordova的官网安原创 2015-09-09 15:51:27 · 8997 阅读 · 2 评论 -
ionic 中的navigation,tabbar及返回按钮定制
ionic不得不说官网的文档,真是最好的学习资源,不过有些功能没测试出来,遗憾,官网地址:点此跳转 要定制navigation和tabbar那就不得不提$ionicConfigProvider, 去官网,官网上都有详细说明不想做个翻译工了,说下一般的功能,设置tabbar的位置,在底部还是在顶部,iOS默认底部,android默认顶部,在这里就可以修改了: ,使用方法可分平台如: ionic原创 2015-08-21 18:04:50 · 16123 阅读 · 0 评论 -
ionic 进入二级目录以后隐藏底部导航栏(tabs)
公司开始使用ionic开发项目,在此记录下把遇到的问题,网上有大牛已经把解决方法整出来了,不过记录在自己这里方便查阅。 这篇记录在有tabs的项目里,进入子层级时,底部导航还一直存在,本人是要让他只在首页几个界面存在,其他的隐藏,在这里用到了angularjs的指令,要完成这个步骤分为三步:在标签ion-tabs中添加:ng-class=”{‘tabs-item-hide’: $root.hid原创 2015-09-08 10:41:09 · 22550 阅读 · 18 评论 -
ionic项目中使用cordova插件支付宝支付
此篇文章已经是过期,使用方法请参考demo中Readme说明demo地址:https://github.com/glustful/ionicPayDemo demo原创 2015-09-28 11:25:16 · 13718 阅读 · 24 评论