BackArrow

什么是 BackArrow？

BackArrow 是一种常用于网页或应用中的“返回上一页”功能组件，通常表现为一个带左箭头的按钮，点击后可调用浏览器的 history.back() 方法。

为什么使用 BackArrow？

• 提升用户体验，尤其在单页应用（SPA）或多步骤流程中
• 无需依赖框架，原生实现，轻量高效
• 适配移动端与桌面端，响应式设计友好

基础实现代码

以下是一个简单的 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 布局对齐图标与文字。