vue.js 如何制作banner

piok6c0g 于 7个月前发布在 Vue.js

关注(0)|答案(1)|浏览(103)

这里是代码的工作，但我需要使它有效，因为你可以看到，以满足条件，我重复后，以检查是否满足条件的div，但我觉得应该有一种方法来 Package 的div没有重复的代码
首先，我给一个变量赋值：

if block.settings.desktop!=blank
  assign link = true
  else
  assign link = false
  endif

字符串
然后我使用变量来 Package 一个锚：

{% if link %}
    <a href="{{ block.settings.desktop }}" aria-label="{{ block.settings.desktop }}">
      <div class="hero-banner__content
                {{ banner_alignment }} {{ banner_alignment_mobile }}--

型
问题是

vue.js

来源：https://stackoverflow.com/questions/77367748/how-to-make-banner

1条答案

按热度按时间

af7jpaap1#

您可以只使用if-else在开始和结束处 Package 锚标记标记。
因此，如果你有banner_linkTRUE，它将添加一个锚标记，否则它不会。

{% if banner_link %}
  <a href="{{ block.settings.cta_link_desktop_1 }}" aria-label="{{ block.settings.cta_aria_desktop_1 }}">
{% endif %}

    // Your repeating code goes here single time :)
    <div class="hero-banner__content ....">
     ... 
    </div>

{% if banner_link %}
  </a>
{% endif %}

字符串
如有疑问，请评论。

赞(0）回复(0）举报 7个月前

我来回答

vue.js 如何制作banner

1条答案

相关问题

热门标签

最新问答