AI 优化低代码组件的样式
可以通过 AI 优化低代码组件的样式,无需编写代码,让组件更符合用户需求,提高用户体验。
使用步骤
- 进入云开发平台的可视化编辑器:在云开发平台可视化开发中,创建应用或者进入已有的应用,选择目标的组件
- 启动 AI 编写 CSS 功能:在组件样式编辑中找到 “CSS with AI”功能,点击开启 AI 编写 CSS 功能。
- 指定优化要求:可以通过输入关键字描述期望的样式效果,例如“简约风格”“色彩鲜明”“科技感十足”等,也可以指定具体的样式细节,如“按钮颜色改为蓝色渐变”“文本框边框加粗”等。
- 查看优化建议与预览:AI 会根据输入的要求生成样式优化建议,并在组件的预览区域实时显示优化后的效果,可直观看到样式变化,保存后即可生效