集成/HTML/JS/CSS
WebAcappella Fusion支持多层级代码/脚本的嵌入。
WebAcappella FUSION 完全独立于 JQuery 库,便于集成第三方代码(无冲突)。
在组件中
- HTML组件允许在页面任意位置放置代码。
- 在每个组件中,您可以填写一个或多个 CSS 类名称。这些类的定义可以在页面属性甚至网站属性中进行。
“神奇”选择器
WebAcappella 的“神奇”选择器 .$ 可帮助您轻松为元素编写 CSS 规则。该选择器将自动替换为与当前组件相对应的选择器。
Tip
使用WebAcappella发布页面并包含图像组件的示例:.$ { filter: sepia(1); } 结果将在图像上应用"棕褐色"滤镜。
在页面中
- 在每个页面中,属性 - 自定义 HTML 代码部分可用于填写 CSS/JS 代码。
在网站中
- 在网站的常规属性部分,自定义 HTML 代码部分可用于输入 CSS/JS 代码。每个代码将自动集成到所有页面中。
在 HTML 代码中使用文件
您可能需要在 HTML 代码中使用文件。我们以集成 Lottie 动画文件为例进行说明。
Lottie动画在页面中至少包含两个元素:
- Lottie播放器代码应放置在页面HEAD代码中,或直接添加至网站通用设置的HEAD区域。
- 您的 Lottie 动画代码
您可以在URL文本处插入与您选择的动画相对应的JSON文件。
您可以在以下网站找到动画资源:
最终生成的代码如下所示: