文档AEMAEM 教程AEM as a Cloud Service 教程

测试更改

Last update: Mon May 05 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 适用对象：
  • Experience Manager as a Cloud Service

创建对象：

  • 初学者
  • 中级
  • 开发人员

[AEM Forms as a Cloud Service]{class="badge informative"}

基于​ "Blank with Core Components" ​模板创建自适应表单。 将3个按钮拖放到表单上，并将其标记为“公司”、“营销”和“默认”。
通过选择如下所示的绘画画笔，为公司和营销按钮分配相应的样式变体。

样式

第三个按钮将应用默认样式。

构建主题项目

下一步是构建主题项目。 导航到主题项目的根文件夹，然后运行命令​ ​ npm run build ​，如下面的屏幕快照所示。

生成主题

成功构建主题项目后，您便可以测试更改。

测试css的快速轻松方法

  • 打开主题项目的dist文件夹下的theme.css文件。选择并复制整个文件内容。
  • 预览在上一步中创建的表单。
  • 右键单击其中一个按钮并选择“检查”以打开开发人员控制台。
  • 在开发人员控制台中，单击theme.css以打开theme.css
  • 使用CTR-A选择并删除theme.css的整个内容，然后点击删除按钮。
  • 复制并粘贴您在上一步中构建的theme.css的内容。
  • 这些按钮应会更新为如下所示的相应样式。

最终按钮

推送更改

如果您对更改感到满意，可以使用前端管道将更改推送到您的云实例

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69