
ionic
文章平均质量分 63
真由理
记录每一天!coding...
展开
-
ionic之app.js中的路由配置关系和导航居底部的解决方案
工作中遇到一个问题,用谷歌浏览器的手机端调试界面时,导航是位于底部的,用自己的手机调试时,导航却在顶部标题下面,并没有居于底部,在调页面的时候带了很多麻烦。路由之间的配置关系,详情待补充...... var profile = angular.module('profile',[]);var cbill = angular.module('cbill',[]);原创 2016-11-10 10:31:08 · 1532 阅读 · 0 评论 -
ionic实现轮播图效果
ionic 的js有一个自带的滑动框效果,可以实现手机端,类似于淘宝顶部的轮播图效果,向左滑动上一张、向右下一张。does-continue="true" 表示自动滑动,slide-interval=2000 表示等待2000毫秒开始滑动预览效果:代码如下:原创 2016-11-09 15:00:55 · 14060 阅读 · 5 评论 -
angular.js ui-href 子元素和父元素的跳转互不影响——阻止冒泡
遇到一个问题,在angular.js中,父元素的div有ui-href 的链接,子元素的button也有ui-href的链接,点击子元素的ui-href 跳转的却是父元素的链接,通过阻止冒泡解决这个问题,添加一个ng-click="$event.stopPropagation();" 事件,代码如下: <button class="button button-outline list-...原创 2016-12-06 13:52:21 · 1380 阅读 · 0 评论 -
ionic back 返回按钮不正常显示&&二级路由点击返回按钮失效无法返回到上一级页面的问题
用inoic写单页面应用,有一个默认的返回按钮,可是点击到二级界面返回按钮却不出现,或者出现之后点击back按钮没有反应,不返回到上一级页面,是因为在index.html 中定义按钮,二级页面和一级页面不是同一个中,不能共享历史记录,导致返回上一级界面失效。这样我们需要在HTML文件中写以下代码:但是,不要写里面的back button 返回按钮,要去每个需要返回按钮的htm原创 2016-12-07 14:56:19 · 4880 阅读 · 0 评论 -
ionic-点击input时键盘自动弹出
ionic开发移动端界面时,在输入用户名和密码的时候,我希望输入法不要挡住我的输入框,并且输入框往上滚动的时候,顶部标题不要上移,只是input内容部分往上移动,点击密码输入框时我还想看见按钮,这样不用关闭输入法,也可以直接点击登录按钮,关闭输入法自动恢复成默认的界面,用户体验不错哦~;找了很多代码,以下代码是我想要的效果: .directive('focusInput', ['原创 2016-12-23 13:35:47 · 4220 阅读 · 3 评论 -
如何适配手机端
UI给我的设计稿一般都是750乘以1344的,用px无法还原设计稿,需要用到rem,用sass自动计算px到rem的转换,参考了淘宝适配方案:https://github.com/amfe/article/issues/17原创 2017-07-25 16:00:19 · 551 阅读 · 0 评论