关闭
当前搜索:

文字超过多行(自定义行数)就显示省略号

ion-list>     ion-item class="item-thumbnail-left item-text-wrap">        img src="img/1.png"/>        p>春季衬衣春季衬衣春季衬衣春季衬衣春季衬衣春季衬衣春季衬衣春季衬衣春季衬衣p>     ion-item> ion-list> 记住加上文字换行:item-text-wr...
阅读(50) 评论(0)

纯CSS实现文字一行居中,多行左对齐的方法

div class="detailGdsName"> p>2017年最新款潮流韩范儿坎肩牛p> div> .detailGdsName{     font-size: 16px;     text-align: center;     padding: 13px; } .detailGdsName p{     display: inline-block;t...
阅读(94) 评论(0)

隐藏底部导航栏(tabs)

用于场景: ionic开发APP时,会遇到有些页面需要显示底部导航栏(如首页),而有些页面需要隐藏。在网上找了好多种大神大牛们贡献的方法,如下: 方法1: (1)在标签里添加:ng-class="{'tabs-item-hide': $root.hideTabs}" : ion-tabs class="tabs-icon-top tabs-stable tabs-color-as...
阅读(77) 评论(0)

上弹模态框

1、需要一个点击事件 ion-item ng-click="OpenIonicModal()"> span>打开模态框span> ion-item> 2、初始化model $ionicModal.fromTemplateUrl('XXXX.html', { scope: $scope, animation: "slide-in-up" }).then(fu...
阅读(53) 评论(0)

Ionic 中IOS手机侧边滑动时出现空白问题

问题描述: 在IOS界面中,往侧边滑动出现空白页面。 问题原因: 由于ionic在IOS手机向侧边滑动会返回上一页功能,导致问题的出现。 解决方法: 可以有以下两种方法解决: 一、在项目入口处配置$ionicConfigProvider,一般在app.js中   (推荐此方法)      $ionicConfigProvider.views.swipe...
阅读(95) 评论(0)

沉浸式顶部导航栏

原理: 1)要把原理view的默认header隐藏掉, 2)重新定义的要放在之后,因为首先要编译ion-content指令,translucentBar指令才能从继承的父级作用域中获取ion-content的scope.$$childHead.$onScroll函数,所以必须放在之后。 (1)html里 ion-view view-title="首页" hide-nav-bar='...
阅读(49) 评论(0)

ng-style用于背景图片的样式方法

html里: div class="text-center" ng-style='storeDetailMainPictrue'>div> controller里:$scope.PictruePath = Constant.url + $scope.storeDetailMainData.companyInfo[0].LOGO_PATH; $scope.storeDetailMainPict...
阅读(105) 评论(0)

解决ionic输入input里的内容时会把底部tabs顶上来的情况(隐藏底部tabs)

$scope.showItemTab = '';//默认显示footer window.addEventListener('native.keyboardshow', keyboardShowHandler); function keyboardShowHandler(e){     //键盘打开隐藏footer     $scope.showItemTab = "tabs-ite...
阅读(115) 评论(0)

在搜索框里加点击事件不好使的解决方法

1、不好使情况:       获取验证码 2、不好使情况:       获取验证码 3、好使情况:       获取验证码...
阅读(116) 评论(0)

图片懒加载

图片懒加载原理: 当前台页面没有获取到服务器图片时,就显示默认图片 步骤: (1)引入JS文件:ionic-image-lazy-load.js (2)在app.js里注入:ionicLazyLoad (3)在需要的地方用: img image-lazy-loader="" src="img/advertisement_pic_load_fail.png"...
阅读(47) 评论(0)

判断平台(安卓、ios)-- $cordovaDevice

1、插件: cordova plugin add cordova-plugin-device 2、判断是安卓平台还是ios平台: //平台: 1代表安卓  2代表IOS var deviceType = "2"; if($cordovaDevice.getPlatform() === 'Android'){      deviceType  = '1'; }...
阅读(72) 评论(0)

ionic开发APP更新方法以及打包(Android && IOS)

Android更新原理          1、获取服务器端的APP版本      2、获取当前版本      3、判断两个版本是否相等,不相等提示更新,否则不更新 准备cordova插件            cordova plugin add https://github.com/whiteoctober/cordova-plugin-app-version.Git  // 获取...
阅读(204) 评论(0)

解决 父层div和子层div点击事件冲突 (冒泡触发的小方法)

父模块和子模块点击事件(冲突解决方案): HTML代码:         JS 代码: //父亲点击事件 $scope.parentClick = function () { } //孩子点击事件 $scope.childClick = function (event) {     event.stopPropagation();//终止事件冒泡...
阅读(189) 评论(1)
    个人资料
    • 访问:1287次
    • 积分:148
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:0篇
    • 译文:6篇
    • 评论:1条
    文章分类
    文章存档