小白菜的劲-CSDN博客

原创文字超过多行（自定义行数）就显示省略号

ion-list> ion-itemclass="item-thumbnail-leftitem-text-wrap"> imgsrc="img/1.png"/> p>春季衬衣春季衬衣春季衬衣春季衬衣春季衬衣春季衬衣春季衬衣春季衬衣春季衬衣p> ion-item>ion-list>记住加上文字换行：item-text-wr

2017-09-07 15:09:28 636

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

divclass="detailGdsName">p>2017年最新款潮流韩范儿坎肩牛p>div>.detailGdsName{ font-size: 16px; text-align:center; padding: 13px;}.detailGdsName p{ display:inline-block;t

2017-09-07 13:46:51 1080

翻译隐藏底部导航栏（tabs）

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

2017-09-06 17:07:00 805

原创上弹模态框

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

2017-09-06 15:52:50 212

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

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

2017-08-30 10:08:50 918

翻译沉浸式顶部导航栏

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

2017-08-27 20:35:41 658

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

html里：div class="text-center" ng-style='storeDetailMainPictrue'>div>controller里：$scope.PictruePath = Constant.url + $scope.storeDetailMainData.companyInfo[0].LOGO_PATH;$scope.storeDetailMainPict

2017-08-22 10:01:39 1318

翻译解决ionic输入input里的内容时会把底部tabs顶上来的情况（隐藏底部tabs）

$scope.showItemTab= '';//默认显示footerwindow.addEventListener('native.keyboardshow',keyboardShowHandler);functionkeyboardShowHandler(e){ //键盘打开隐藏footer $scope.showItemTab= "tabs-ite

2017-08-13 12:48:22 892

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

1、不好使情况：获取验证码2、不好使情况：获取验证码3、好使情况：获取验证码

2017-08-13 11:07:26 519

翻译图片懒加载

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

2017-08-12 18:37:54 447

原创判断平台（安卓、ios）-- $cordovaDevice

1、插件：cordova plugin add cordova-plugin-device2、判断是安卓平台还是ios平台：//平台： 1代表安卓 2代表IOSvardeviceType= "2";if($cordovaDevice.getPlatform()=== 'Android'){ deviceType ='1';}

2017-08-12 18:24:43 1540

翻译 ionic开发APP更新方法以及打包（Android && IOS）

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

2017-08-11 17:43:47 2093

原创解决父层div和子层div点击事件冲突（冒泡触发的小方法）

父模块和子模块点击事件（冲突解决方案）：HTML代码： JS 代码：//父亲点击事件$scope.parentClick = function () {}//孩子点击事件$scope.childClick = function (event) { event.stopPropagation();//终止事件冒泡

2017-08-10 18:22:48 6600 1

qq_36423909的博客