陰影
返回按鈕在點擊時會返回應用程式的歷史記錄。除非設定了defaultHref
,否則只有在導覽堆疊中有歷史記錄時才會顯示。返回按鈕會根據模式顯示不同的文字和圖示,但可以自訂。
預設情況下,返回按鈕在 ios
上會顯示文字 "返回"
和 "chevron-back"
圖示,在 md
上則會顯示 "arrow-back-sharp"
圖示。可以透過設定 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 |
預設 | 未定義 |
描述 | 當沒有歷史記錄時,預設導覽返回的 URL。 |
屬性 | default-href |
類型 | string | undefined |
預設 | 未定義 |
描述 | 如果為 true ,則使用者無法與按鈕互動。 |
屬性 | disabled |
類型 | boolean |
預設 | false |
描述 | 內建的具名 SVG 圖示名稱或要用於返回按鈕的 SVG 檔案的確切 src 。 |
屬性 | icon |
類型 | null | string | undefined |
預設 | 未定義 |
描述 | 模式決定要使用哪個平台樣式。 |
屬性 | mode |
類型 | "ios" | "md" |
預設 | 未定義 |
描述 | 使用路由器時,指定導覽至另一頁時的轉換動畫。 |
屬性 | 未定義 |
類型 | ((baseEl: any, opts?: any) => Animation) | undefined |
預設 | 未定義 |
text
描述 | 要在返回按鈕中顯示的文字。 |
屬性 | text |
類型 | null | string | 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 | 按鈕的轉場效果 |
此元件沒有可用的插槽。