轻量、通用的网页返回导航组件
BackArrow 是一种常用于网页或应用中的“返回上一页”功能组件,通常表现为一个带左箭头的按钮,点击后可调用浏览器的 history.back() 方法。
以下是一个简单的 BackArrow 按钮示例:
<button onclick="window.history.back()" style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
<path d="M6.22 8l4.69 4.69a.5.5 0 01-.71.71L5.5 8.71a.5.5 0 010-.71l4.7-4.69a.5.5 0 01.7.71L6.22 8z"/>
</svg>
返回
</button>
你可以通过 CSS 调整按钮大小、颜色、间距等,使其融入你的网站风格。推荐使用 Flex 布局对齐图标与文字。