阴影
后退按钮在点击时会导航回应用程序的历史记录。它只在导航堆栈中存在历史记录时显示,除非设置了 defaultHref
。后退按钮根据模式显示不同的文本和图标,但可以进行自定义。
默认情况下,后退按钮将显示带有 "chevron-back"
图标的文本 "后退"
(在 ios
上),以及带有 "arrow-back-sharp"
图标的文本(在 md
上)。可以通过设置 icon
或 text
属性,为每个后退按钮组件进行自定义。或者,也可以使用全局配置中的 backButtonIcon
或 backButtonText
属性,在全局范围内进行设置。有关更多信息,请参阅 配置文档。
默认后退历史记录
有时应用程序可能需要显示后退按钮,并在没有历史记录时导航回上一步。可以通过在后退按钮上设置 defaultHref
到一个路径来完成此操作。为了使用 defaultHref
,应用程序必须包含一个设置了路径的路由器。
描述 | 要从应用程序的颜色调色板中使用的颜色。默认选项有:"primary" 、"secondary" 、"tertiary" 、"success" 、"warning" 、"danger" 、"light" 、"medium" 和 "dark" 。有关颜色的更多信息,请参阅 主题。 |
属性 | color |
类型 | "danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined |
默认值 | undefined |
描述 | 当没有历史记录时,默认导航回的 URL。 |
属性 | default-href |
类型 | string | undefined |
默认值 | undefined |
描述 | 如果为 true ,用户将无法与按钮进行交互。 |
属性 | disabled |
类型 | boolean |
默认值 | false |
描述 | 用于后退按钮的内置命名 SVG 图标名称或 SVG 文件的准确 src 。 |
属性 | icon |
类型 | null | string | undefined |
默认值 | undefined |
描述 | 模式决定使用哪个平台样式。 |
属性 | mode |
类型 | "ios" | "md" |
默认值 | undefined |
描述 | 当使用路由器时,它指定导航到另一个页面时的过渡动画。 |
属性 | undefined |
类型 | ((baseEl: any, opts?: any) => Animation) | undefined |
默认值 | undefined |
text
描述 | 要在后退按钮中显示的文本。 |
属性 | text |
类型 | null | string | undefined |
默认值 | undefined |
描述 | 按钮的类型。 |
属性 | type |
类型 | "button" | "reset" | "submit" |
默认值 | 'button' |
此组件没有可用事件。
此组件没有可用的公共方法。
名称 | 描述 |
---|
icon | 后退按钮图标(使用 ion-icon)。 |
native | 包装所有子元素的原生 HTML 按钮元素。 |
text | 后退按钮文本。 |
名称 | 描述 |
---|
--background | 按钮的背景 |
--background-focused | 使用 Tab 键聚焦时按钮的背景 |
--background-focused-opacity | 使用 Tab 键聚焦时按钮背景的不透明度 |
--background-hover | 悬停时按钮的背景 |
--background-hover-opacity | 悬停时背景的不透明度 |
--border-radius | 按钮的边框半径 |
--color | 按钮的文本颜色 |
--color-focused | 使用 Tab 键聚焦时按钮的文本颜色 |
--color-hover | 悬停时按钮的文本颜色 |
--icon-font-size | 按钮图标的字体大小 |
--icon-font-weight | 按钮图标的字体粗细 |
--icon-margin-bottom | 按钮图标的底部边距 |
--icon-margin-end | 如果方向为从左到右,则为按钮图标的右侧边距,如果方向为从右到左,则为左侧边距 |
--icon-margin-start | 如果方向为从左到右,则为按钮图标的左侧边距,如果方向为从右到左,则为右侧边距 |
--icon-margin-top | 按钮图标的顶部边距 |
--icon-padding-bottom | 按钮图标的底部内边距 |
--icon-padding-end | 如果方向为从左到右,则为按钮图标的右侧内边距,如果方向为从右到左,则为左侧内边距 |
--icon-padding-start | 如果方向为从左到右,则为按钮图标的左侧内边距,如果方向为从右到左,则为右侧内边距 |
--icon-padding-top | 按钮图标的顶部内边距 |
--margin-bottom | 按钮的底部边距 |
--margin-end | 如果方向为从左到右,则为按钮的右侧边距,如果方向为从右到左,则为左侧边距 |
--margin-start | 如果方向为从左到右,则为按钮的左侧边距,如果方向为从右到左,则为右侧边距 |
--margin-top | 按钮的顶部边距 |
--min-height | 按钮的最小高度 |
--min-width | 按钮的最小宽度 |
--opacity | 按钮的不透明度 |
--padding-bottom | 按钮的底部内边距 |
--padding-end | 如果方向为从左到右,则为按钮的右侧内边距,如果方向为从右到左,则为左侧内边距 |
--padding-start | 如果方向为从左到右,则为按钮的左侧内边距,如果方向为从右到左,则为右侧内边距 |
--padding-top | 按钮的顶部内边距 |
--ripple-color | 按钮涟漪效果的颜色 |
--transition | 按钮的过渡 |
名称 | 描述 |
---|
--background | 按钮的背景 |
--background-focused | 使用 Tab 键聚焦时按钮的背景 |
--background-focused-opacity | 使用 Tab 键聚焦时按钮背景的不透明度 |
--background-hover | 悬停时按钮的背景 |
--background-hover-opacity | 悬停时背景的不透明度 |
--border-radius | 按钮的边框半径 |
--color | 按钮的文本颜色 |
--color-focused | 使用 Tab 键聚焦时按钮的文本颜色 |
--color-hover | 悬停时按钮的文本颜色 |
--icon-font-size | 按钮图标的字体大小 |
--icon-font-weight | 按钮图标的字体粗细 |
--icon-margin-bottom | 按钮图标的底部边距 |
--icon-margin-end | 如果方向为从左到右,则为按钮图标的右侧边距,如果方向为从右到左,则为左侧边距 |
--icon-margin-start | 如果方向为从左到右,则为按钮图标的左侧边距,如果方向为从右到左,则为右侧边距 |
--icon-margin-top | 按钮图标的顶部边距 |
--icon-padding-bottom | 按钮图标的底部内边距 |
--icon-padding-end | 如果方向为从左到右,则为按钮图标的右侧内边距,如果方向为从右到左,则为左侧内边距 |
--icon-padding-start | 如果方向为从左到右,则为按钮图标的左侧内边距,如果方向为从右到左,则为右侧内边距 |
--icon-padding-top | 按钮图标的顶部内边距 |
--margin-bottom | 按钮的底部边距 |
--margin-end | 如果方向为从左到右,则为按钮的右侧边距,如果方向为从右到左,则为左侧边距 |
--margin-start | 如果方向为从左到右,则为按钮的左侧边距,如果方向为从右到左,则为右侧边距 |
--margin-top | 按钮的顶部边距 |
--min-height | 按钮的最小高度 |
--min-width | 按钮的最小宽度 |
--opacity | 按钮的不透明度 |
--padding-bottom | 按钮的底部内边距 |
--padding-end | 如果方向为从左到右,则为按钮的右侧内边距,如果方向为从右到左,则为左侧内边距 |
--padding-start | 如果方向为从左到右,则为按钮的左侧内边距,如果方向为从右到左,则为右侧内边距 |
--padding-top | 按钮的顶部内边距 |
--ripple-color | 按钮涟漪效果的颜色 |
--transition | 按钮的过渡 |
此组件没有可用插槽。