vitamin2/v2-combination-links

V2 组合链接

0.1.0 2022-11-11 14:18 UTC

This package is not auto-updated.

Last update: 2024-09-28 21:54:50 UTC


README

仅用于组合链接的插件(与 vitamin2/v2-spam-free-mail 兼容)

安装

下载

下载并复制此存储库到 /site/plugins/v2-combination-links

Composer

composer require vitamin2/v2-combination-links

设置

  1. 安装插件

  2. 在蓝图字段中使用

  combinationLinks:
    extends: global/extend/combination-links
  1. 在模板中使用
    snippet("organisms/combination-links", [
      "combinationLinks" => $data->combinationLinks(),
    ]);

修改

配置

在配置文件中,您可以设置按钮的默认类

'vitamin2.v2-combination-links.buttonClasses' => 'custom-button-class',

代码片段

您可以根据需要修改代码片段 organisms/combination-linksatoms/button

只需在您的 snippets/organisms 文件夹中创建自己的组合链接代码片段。原始代码片段

<div class="combination-links">
  <?php foreach ($combinationLinks()->toStructure() as $subitem): ?>
    <?php getCombinationLink($site, $subitem); ?>
  <?php endforeach ?>
</div>

只需在您的 snippets/atoms 文件夹中创建自己的按钮代码片段。原始代码片段

<a href="<?= $linkTo ?>" class="btn <?= $btnClass ?>" <?= $newTab ? 'target="_blank" rel="noopener noreferrer"' : "" ?> title="<?= isset($linkTitle) ? $linkTitle : "Button" ?>">
    <?= $btnText ?>
    <?php snippet("atoms/icons/icon-" . $iconName); ?>
</a>

许可

MIT