ios真机及模拟器显示顶部tabs时位置不能置顶,andriod没有问题?
发布于 8个月前 作者 iyibo 527 次浏览 来自 问答

问题.png 这是ios模拟器上出的问题,真机也会这样,但是在浏览器上查看没有问题,andriod也是显示正常的 ??

2 回复

麻烦把代码贴一下,这样方便诊断

@laoyipay 好的 html页面代码: <ion-view name="tab-chats" view-title="news" hide-nav-bar="true"> <ion-tabs class="tabs-striped tabs-top tabs-color-stable" ng-class="{'tabs-item-hide': $root.hideTabs}"> <ion-tab title="01列表" > <ion-view > <ion-content > …//列表数据 </ion-content> </ion-view> </ion-tab> <ion-tab title="02列表" > <ion-view > <ion-content > …//列表数据 </ion-content> </ion-view> </ion-tab> <ion-tab title="03列表" > <ion-view > <ion-content > …//列表数据 </ion-content> </ion-view> </ion-tab> <ion-tab title="04列表" > <ion-view > <ion-content > …//列表数据 </ion-content> </ion-view> </ion-tab> </ion-tabs>

<ion-content> </ion-content> </ion-view>

另外的controller代码 里就写了$http请求返回的数据,主要应该html里哪里出问题了

module代码: .directive('hideTabs’, function($rootScope) { return { restrict: 'A’, link: function(scope, element, attributes) {

    scope.$on('$ionicView.beforeEnter', function() {

        scope.$watch(attributes.hideTabs, function(value){
            $rootScope.hideTabs = 'tabs-item-hide';
        });

    });

    scope.$on('$ionicView.beforeLeave', function() {
        scope.$watch(attributes.hideTabs, function(value){
            $rootScope.hideTabs = 'tabs-item-hide';
        });
        scope.$watch('$destroy',function(){
            $rootScope.hideTabs = false;
        })

    });
}

};

})

回到顶部