CSS 类内 typo3 流体模板中的复杂 If 条件



>我在以下代码中遇到了一个问题

<div class="panel-icon {f:if(condition: '{0:panel.id}=={0:123}', then: 'icon-update', else: 'icon-{icon}')}"></div>

目前,上面的代码检查panel.id是否等于123然后将icon-update应用于css类,否则无论通过什么图标{icon}

它工作正常,但我的要求是我有 3 个不同的panel.id,如果这些面板 ID 中的任何一个已通过,则应应用icon-update

这些是我尝试过的应用程序,但它们对我不起作用

方法1

<div class="panel-icon {f:if(condition: '{0:panel.id}=={0:123,0:456,0:789}', then: 'icon-update', else: 'icon-{icon}')}"></div>

方法2

<div class="panel-icon {f:if(condition: '{0:panel.id, 1:panel.id, 2:panel.id}=={0:123, 1:456, 2:789}', then: 'icon-update', else: 'icon-{icon}')}"></div>

我一直在为此找到一个干净的解决方案,但仍然没有运气。有没有拼写错误专家可以解决这个问题吗?

我自己找到了问题的答案,如果有人像我一样寻找解决方案,我会在这里发布

<v:if stack="{0:panel.id, 1:'==', 2:'123', 3:'||', 4:panel.id, 5: '==', 6:'456', 7:'||', 8:panel.id, 9:'==', 10:'789'}">
<f:then><div class="icon icon-update"></div></f:then>
<f:else><div class="icon icon-{icon}"></div></f:else>
</v:if>

这解决了我的问题

最新更新