标签:
[ionic开源项目教程] 第7讲 实现下拉刷新上拉加载ion-refresher和ion-infinite-scroll
[效果图]
有两个地方做了优化:
1.进入详情页的时候隐藏tab
2.详情页的图片大小调整
1.进入详情页的时候隐藏tab:
隐藏Tabs的代码记得放到state.go后面,在页面成为活动视图的时候再显示showBar
$scope.goDetails = function (item) { $state.go(‘tab.tab1-details‘, { id: item.id, title: item.title }) $ionicTabsDelegate.showBar(false); } $scope.$on(‘$ionicView.beforeEnter‘, function () { console.log(‘已经成为活动视图‘); $ionicTabsDelegate.showBar(true); });
2.新闻详情内容里的图片大小调整
在style.css
.message img { width: 100%; }
在tab1-details.html中引用
<ion-view title="{{title}}"> <ion-content class="padding"> <div class="message" ng-bind-html="item.message"></div> </ion-content> </ion-view>
到这里如果有任何问题,请通过文章最下面的联系方式联系我。
完!
[ionic开源项目教程] - 第10讲 新闻详情页的用户体验优化
标签:
原文地址:http://www.cnblogs.com/tonge/p/5719552.html