self-tran 2016-07-07 10:32 采纳率: 0%
浏览 1244

ionic ion-tabs在手机上 显示的位置是上面

我创建的ionic的带tabs的项目一行代码没动，用了别人手机也还是这样求大神图片说明

  • 写回答

1条回答

  • Lin_lof 2016-07-08 16:08
    关注

    .config(['$ionicConfigProvider', function($ionicConfigProvider) {
    $ionicConfigProvider.tabs.position('bottom'); // other values: top
    }])

    评论

报告相同问题？

  • ionic组件ion-tabs选项卡切换效果实例
    2020-09-01 18:33
    <ion-tabs class="tabs-icon-only tabs-icon-top"> <ion-tab title="首页" href="#/tabs/home" icon-on="ion-new-home-off" icon-off="ion-new-home"> <ion-nav-view name="tab-home"></ion-nav-view> </ion-tab>...
  • Web开发学习笔记:ionic组件ion-tabs选项卡切换效果实例
    2019-06-21 10:30
    JustWantToFly的博客 ion-tabs是ionic中的选项卡组件，路由使用的是angular-ui-router.js。因此必须先掌握uiRoute。 效果图 实例代码 index.html <body ng-app="starter"> <!--ion-nav-view用来渲染模板...
  • ionic组件ion-tabs(选项卡)实例
    2016-04-04 23:03
    安人多梦的博客 ion-tabs是ionic中的选项卡组件，路由使用的是angular-ui-router.js。因此必须先掌握uiRoute。
  • ionic5 侧边栏ion-menu组件以及底部tabs结合侧边栏ion-menu
    2021-04-22 21:07
    前进道路上的程序猿的博客 menu使用点击菜单按钮弹出侧边栏侧边栏ion-menuJS实现侧边栏打开功能页面加按钮给ion-menu定义menuId属性控制菜单的页面中引入MenuController 组件初始化构造函数对应方法中通过JS控制侧边栏底部tabs结合侧边栏ion-...
  • ionic2--tabs笔记
    2016-12-24 17:13
    蝼蚁筑巢的博客 ionic2的主要作用是用来导航的，今天就来撸一撸tabs的常用方法，主要分两组使用方法比较： 1.在根组件中导航（意思就是tabs组件就是你这个项目第一个启动的组件，也就是app.module中，IonicModule.forRoot(MyApp),...
  • ionic中 ion-tabs嵌套问题的解决
    2016-01-22 10:41
    qy492019878的博客 在ionic开发中难免会用到在主tabs中的某个view继续使用tabs的问题，然而直接使用ion-tabs的话有时会出现路由跳转错乱的问题，在爬坑过程中，各种翻阅资料，大概解决办法归纳下把： 1：我自己在使用的 也是最简单的：...
  • ionic-projects-demo:示例离子应用程序，演示了如何结合使用“ ion-side-menus”和“ ion-tabs”
    2021-05-21 22:46
    这是一个示例离子应用程序，演示了如何结合使用ion-side-menus和ion-tabs 。 基本思想是：从侧面菜单中选择一个项目，然后使用“任务和消息”选项卡遍历该项目的导航层次结构。 现场演示： 视频： 我是Ionic的...
  • Ionic ion-header-bar、bar-subheader、ion-tabs
    2016-12-30 09:53
    KingCruel的博客 angular.module('ionicApp', ['ionic']) 腾讯新闻 腾讯新闻 Sub Header!
  • ionic-tabs-plus-sidemenu
    2021-05-21 11:54
    首先，我们来看"ionic-tabs-plus-sidemenu"这个项目名称，它暗示了我们要构建的应用将同时包含两种常见的导航模式：选项卡和侧滑菜单。选项卡是移动应用中常用的一种布局方式，可以清晰地组织内容，而侧滑菜单则提供...
  • Ionic2中ion-tabs输入属性
    2018-05-18 21:10
    追梦的小猴子的博客 1、设置标签栏的位置在Ionic2中Tabs的使用很多，但默认情况下IOS、Android、wp上显示位置都不同（如下图），影响了产品的一致性，找到好多资料，都没搞定，今天查看官方的资料时，发现其实很简单。 需要的效果：...
  • Ionic默认的Tabs模板使用实例
    2020-11-22 19:33
    首先，Ionic 的默认 Tabs 模板提供了一种直观的界面布局，它在 Android 设备上通常显示在屏幕顶部，而在 iOS 设备上则位于底部。这种设计遵循了各平台的设计规范，以提供最佳的用户体验。如果你希望在所有平台上保持...
  • 关注Ionic底部导航按钮tabs在android情况下浮在上面的处理
    2021-01-20 09:34
    在本文中，我们将深入探讨如何解决在 Ionic 框架中遇到的一个常见问题：在 Android 设备上，底部导航按钮（tabs）浮在屏幕上方而不是贴合底部。这个问题主要是由于 iOS 和 Android 平台对 UI 布局的处理方式不同造成...
  • Ionic基础——ion-tap选项卡及路由结合ion-tap详解
    2016-02-16 18:36
    bboyjoe的博客 使用ion-tabs指令声明选项卡，使用ion-tab声明选项页：  ... ... ... 每个ion-tab元素的title属性值将作为选项页的标题其 内容将填充选项卡书签栏之外的剩余区域（被应用.pane样式）。 注意： 1. 不要把ion-...
  • ionic ion-tabs底部栏隐藏
    2017-01-04 14:29
    qq_27717857的博客 一个简单的二级页面，用了tabs-item-hide并封装了hide-tabs指令.但是底部菜单栏并没有隐藏 加入以下代码，成功隐藏：  // 跳转前先加入：  $scope.goBalanceChange=function(){  $state.go('tab.balance_...
  • ionic的ion-tabs和ion-side-menus
    2017-06-05 23:34
    大笨儿钟的博客 最近在使用ionic做一个简单的app时，同时使用了标签和，效果就是4个标签页，其中第二个标签页有一个侧边栏可以拉，效果图如下 点击按钮后可以调出侧边栏，点击侧边栏的选项可以调出新的视图，代码大概如下 ...
  • ionic4关于ion-tabs的研究
    2019-04-09 15:58
    进击的你的博客 最近在研究ionic4，对ion-tabs的用法有疑惑 在tab模块里的写法 tab.html <ion-tabs selectedIndex="{{constants.rootTab}}"> <ion-tab [root]="tab1Root" tabTitle="主页" tabIcon="home"></ion-...
  • 没有解决我的问题, 去提问