如何在 Slate 文档中隐藏小部件？

Question

在 Slate 中，我希望能够在页面上切换和 show/hide 小部件（即充满小部件的容器小部件或基于用户交互（如单击切换）的特定小部件）。

我不清楚该怎么做。 CSS 可以吗？

另外，我可以根据浏览页面的用户来执行此操作吗？

Answer 1

你绝对可以用 CSS 做到这一点。 Slate 小部件有一个“附加 CSS 类”部分，可以有条件地应用您创建的任何 CSS class。

为此，您需要创建一个 CSS class 来适当地隐藏您的小部件（即隐藏），并根据切换状态有条件地应用它。

例如：

{{#if w_toggle.on}} hidden {{/if}}

根据页面上的用户来执行此操作是相似的。您只需要一种方法来确定指定的用户是否可以查看页面，这可以在函数或类似的东西中完成。

注意：隐藏基于 CSS 的小部件 不安全 。使用 CSS 可以完成的任何事情都可以使用 CSS 取消。如果您选择使用 CSS 隐藏小部件，请注意 CSS-savvy 用户可以 un-hide 小部件，如果他们愿意的话。

有关显示和隐藏或有条件地设置小部件样式的其他模式，请查看 Foundry 文档中 Slate 开发最佳实践指南中有关 UX/UI 注意事项的部分。