Ionic 3 侧边菜单标题中心

米林德

我已经从 cli 创建了离子项目。离子版本是 3。我试图在中心制作标题图像。有人请帮助我

<ion-menu [content]="content">
  <ion-header>
    <ion-toolbar color='primary'>
      <ion-title>
        <img src="assets/imgs/logo.png" width="128" />
      </ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
        {{p.title}}
      </button>
    </ion-list>
  </ion-content>
</ion-menu>

<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
梅法鲁克

您可以使用 ionic CSS 实用程序来对齐中心

<ion-title text-center>
    <img src="assets/imgs/logo.png" width="128" />
</ion-title>

阅读有关 css 实用程序的更多信息

https://ionicframework.com/docs/theming/css-utilities/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为 ionic 3 侧边菜单添加元素

来自分类Dev

单击按钮时 Ionic 3 侧边菜单关闭

来自分类Dev

Ionic 侧边菜单禁用链接

来自分类Dev

Ionic 2 侧边菜单未弹出

来自分类Dev

在 Ionic 2 中动态更新侧边菜单

来自分类Dev

登录 Ionic3 后的选项卡菜单

来自分类Dev

面板标题中的Bootstrap 3下拉菜单位置错误

来自分类Dev

Ionic2-登录,然后单击侧边菜单

来自分类Dev

限制 IONIC 侧边菜单自动填充大屏幕

来自分类Dev

模拟 removeEventListener ionic 3

来自分类Dev

Angular 4 & Ionic 3:由于 http.get() 调用的异步特性,无法从 JSON 文件填充 Ionic 菜单

来自分类Dev

在标题中嵌入 Bootstrap 3 导航栏

来自分类Dev

在 ionic 3 中没有任何空格的标题下方的滑块

来自分类Dev

Ionic 3 电子书

来自分类Dev

如何从 Ionic 3 上传图片?

来自分类Dev

ionic 3 movefile 函数的问题

来自分类Dev

数组项过滤 Ionic 3

来自分类Dev

Ionic 3 中的事件问题

来自分类Dev

ionic3 中的弹出菜单以及标签字段和确认按钮

来自分类Dev

Ionic 3 拆分窗格菜单切换未显示

来自分类Dev

在中心对齐标题菜单

来自分类Dev

如何添加带有ionic / ionic 2 / ionic 3 / ionic 4 / ionic 5的本地cordova插件?

来自分类Dev

我的侧边菜单使用Angular在Ionic4下覆盖了我主页的html内容

来自分类Dev

单击侧边菜单时页面无法打开 - ionic 2 应用程序

来自分类Dev

我们如何检查当前页面是否从 ionic 2 中的侧边菜单加载

来自分类Dev

按下次数后,Ionic 2 侧边菜单不起作用

来自分类Dev

如何在 ionic v4 中同时包含左侧和右侧的侧边菜单?

来自分类Dev

将Ionic 3迁移到Ionic 5 API

来自分类Dev

将菜单放在标题中

Related 相关文章

热门标签

归档