链接

Link 元素用于调用应用操作和页面（路由）之间的导航

Link 布局

<a class="link" href="path/to/somewhere">Link Text</a>

如果您同时使用图标和文本链接，则推荐以下布局

<a class="link" href="path/to/somewhere">
  <i class="icon"></i>
  <span>Link Text</span>
</a>

如果您仅使用图标链接，则

<a class="link icon-only" href="path/to/somewhere">
  <i class="icon"></i>
</a>

绕过链接处理程序

在以下情况下，可以通过 F7 链接处理程序（如果您想为链接添加自定义逻辑，或想引导至外部网站） 。在这种情况下，我们需要其他 external 类

<a class="link external" href="http://google.com">Open Google</a>

CSS 变量

下列是相关 CSS 变量（CSS 自定义属性）的列表。

:root {
  --f7-link-highlight-black: rgba(0, 0, 0, 0.1);
  --f7-link-highlight-white: rgba(255, 255, 255, 0.15);
  --f7-link-highlight-color: rgba(var(--f7-theme-color-rgb), 0.15);
}
.ios {
  --f7-link-pressed-opacity: 0.3;
}