Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >Ionic3学习笔记（四）修改返回按钮文字、颜色

Ionic3学习笔记（四）修改返回按钮文字、颜色

Theo Tsao

发布于 2018-09-07 08:04:01

发布于 2018-09-07 08:04:01

49400

代码可运行

举报

文章被收录于专栏：Theo TsaoTheo Tsao

运行总次数：0

代码可运行

1. 修改返回按钮文字

参考官网 Ionic API—Config 文档可在 ./src/app/app.module.ts 中修改返回按钮文字

@NgModule({

  ......

  imports: [
    IonicModule.forRoot(MyApp, {
      backButtonText: ''
    })
  ]

  ......

})

2. 修改返回按钮颜色

参考官网 Overriding Ionic Sass Variables 文档可在 ./src/theme/variables.scss 中修改返回按钮颜色

$toolbar-ios-button-color: #222;

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2017-10-07，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

鹅厂写码13年，我总结的程序员高效阅读方法论

进程，线程，协程 - 你了解多少？

微服务与分布式系统设计看这篇就够了！

腾讯文档表格卡顿指标探索之路

从Hadoop1.0到Hadoop2.0架构的优化和发展探索详解

微服务架构：由浅入深带你了解底层注册中心

【技巧】ionic3视频播放

一般视频的展示方式有两种：缩略图和直接播放，分别对应下面两种效果（可参考直播应用和今日头条视频）：

IT晴天

2018/08/20

2K0

Ionic 开发之 Ionic Storage 详解

网站 node.js sqlite javascript android

Ionic Storage 是一款基于 localForage 用于 Ionic 应用程序的简单 “键-值” 存储模块，支持 SQLite 开箱即用。该工具可以根据平台自动选择最佳的存储引擎，而不用用户关系具体的使用细节。模块内存储引擎的默认选择顺序是 SQLite，IndexedDB，WebSQL 和 LocalStorage。

阿宝哥

2019/11/06

3.9K0

Ionic3学习笔记（二）主题化

本文包含: Ionic3 CSS实用属性、自定义颜色、平台样式、覆写Ionic Sass变量、RTL支持

Theo Tsao

2018/09/07

1.1K0

ionic4初级教程-含登录、访问权限验证功能

typescript html github git 开源

如果第一次安装的时候失败，没关系删掉已经生成的ioinc4Learn文件包，重新运行命令

lilugirl

2019/05/28

2.5K0

ionic4初级教程-含登录、访问权限验证功能

Ionic3学习笔记（六）存储之使用 SQLite

存储 sql npm nat

1. 安装命令行输入 ionic cordova plugin add cordova-sqlite-storage npm install --save @ionic-native/sqlite 在 ./src/app/app.module.ts 中添加 import {SQLite} from "@ionic-native/sqlite"; 在 provides 中添加 SQLite, 2. CURD操作 user.ts export class User { username: str

Theo Tsao

2018/09/07

1.5K1

【Appetite】ionic3实录（二）UI分析及总体配置

首先，如果你是初学者，我强力建议你先看完我这篇文章：【开发指南】（四）Ionic3快速上手并了解这些

IT晴天

2018/08/20

2.3K0

【开发指南】（四）Ionic3快速上手并了解这些

Ionic这几个网站是需要经常看的，应该了解过才执行后面步骤，其中强烈要求至少先撸一遍官网的组件和API文档。

IT晴天

2018/08/20

3.3K0

【开发指南】（四）Ionic3快速上手并了解这些

Ionic3学习笔记（七）Storage

存储 json nat sql

Storage可以很容易的存储键值对和JSON对象。Storage在底层使用多种存储引擎，根据运行平台选择最佳的存储方式。当运行在Native模式时，Storage将优先使用SQLite。当运行在Web中或作为PWA应用时，Storage将根据你确定的优先级使用IndexedDB、WebSQL或localstorage。

Theo Tsao

2018/09/07

6360

Ionic3学习笔记（十）实现夜间模式功能

在 ./src/theme 文件夹下创建 theme.light.scss、theme.dark.scss 2个文件，分别用于日间模式、夜间模式的设置。

Theo Tsao

2018/09/07

8200

【技巧】ionic3底部Tab居中圆形凸出按钮

好久没做ionic3了，在简书草稿箱发现这个闲置了很久将至一年的文章，遂发出来。效果图是这样： image.png 首先这是ios样式修改的，所以在app.module.ts中指定为ios模式：

IT晴天

2019/03/06

1.1K0

【技巧】ionic3底部Tab居中圆形凸出按钮

ionic3 + 实用

二级页面隐藏tabbar app.module.ts内 @NgModule 下 @NgModule({ imports: [ IonicModule.forRoot(MyApp, { tabsHideOnSubPages: 'true', // 二级页面隐藏tabbar } ] }) 特定页面隐藏tabbar 在指定页面的ts 文件内非.module.ts文件 ionViewWillEnter() { //进入界面资源还没有加载完成时,设置隐藏下面

余生

2018/12/12

8160

ionic3使用带图标带事件的toast

这个时候，如果想扩展这些功能，一是修改源码，二是自己实现，然而这两种方法都比较麻烦，比较好的解决方案是利用现有的开源代码，搜索ionic的相关组件寥寥无几，这个时候转换下思路，搜索angular的相关组件会发现有几个，经过比较后觉得ngx-toastr较为适合。它提供了在线Demo.

IT晴天

2018/08/20

3K0

ionic3使用带图标带事件的toast

Ionic 2 项目结构./src/index.html./src/./src/app/app.html

解剖Ionic 2 app。进入项目创建的文件夹，这里有一个典型的Cordova项目结构，我们可以安装原生插件，创建平台定义工程文件。 ./src/index.html src/index.html是app的主入口, 设置脚本和CSS，引导、启动我们的应用。对于app的应用，Ionic在HTML中寻找<ion-app>标签。 <ion-app></ion-app> 下面的代码接近底部： <script src="cordova.js"></script> <script src="build/main.js

孙亖

2018/06/06

2.9K0

【Appetite】ionic3实录（四）微调Segment，并引出自定义组件概念

android ios css html

用ionic3来实现就是采用segment组件。其中ios和android的样式分别如下两图：

IT晴天

2018/08/20

6210

Ionic3学习笔记（一）安装、项目结构与常用命令

创建一个新项目，有blank、tabs、sidemenu3种样式可选，tutorial、super、conference为官方Demo，aws为AWS Mobile Hub Demo

Theo Tsao

2018/09/07

1.2K0

使用Ionic2开发Todo应用0 开始之前1 创建新的Ionic 2工程2. 设置主页（Home page）3 持久化数据保存4 总结

本文使用Ionic2从头建立一个简单的Todo应用，让用户可以做以下事情：查看todo列表添加新的todo项查看todo详情保存 todo到持久化存储 0 开始之前本教程需要你了解基本的Ionic 2概念。已经在电脑上安装了Ionic 2。如果没有，先去安装和学习吧。 1 创建新的Ionic 2工程我们将通过生成一个基于“空白”模板的新项目开始。这是一个空的项目框架，但有一些示例代码供我们使用。运行以下命令创建新项目 ionic start ionic-todo blank --v2 一

孙亖

2018/06/06

6.2K0

Ionic3 拍照上传

本文主要介绍使用cordova实现拍照上传，走通 “拍照》预览》上传》下载 ”这个流程。为了方便查看测试结果，需要了解Ionic应用调试的基本方法，有关于Ionic项目Android 调试的详细教程，请参考以下文章：Ionic3 Android调试

spilledyear

2018/08/21

1.1K0

ionic3升级适配angular5

昨天angular5和ionic3同时发布更新了，为了用上angular5的新特性，还是有必要踩下坑的，当然踩坑的白老鼠建议选用一个最近不用维护的项目。

IT晴天

2018/08/20

2.6K0

【技巧】ionic3修改自定义图标

javascript ios css html

我们需要把它裁切并转成svg格式再生成字体图标，比较繁琐，而我新系统目前也没有装相应软件，所以这里不采用这些图标，选用网上已有类似的字体图标来代替。

IT晴天

2019/07/19

1.3K0

【技巧】ionic3修改自定义图标

Angular学习(01)-架构概览

官方的教程，其实已经很详细且易懂，这里再次梳理的目的在于复习和巩固相关知识点，刚开始接触学习 Angular 的还是建议以官网为主。

请叫我大苏

2019/03/19

3.7K0

Angular学习(01)-架构概览

相关推荐

【技巧】ionic3视频播放

更多 >

LV.1

这个人很懒，什么都没有留下～

作者相关精选

换一批

目录

1. 修改返回按钮文字

2. 修改返回按钮颜色

加入讨论

的问答专区 >

相关课程

一站式学习中心 >

数字化IT从业者知识体系

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验