Edit AI-generated component styles
Feature Introduction
AI-powered style editing supports component style customization for mini programs and web pages.
AI can optimize low-code component styles without writing code, enabling components to better align with user requirements and enhance user experience.
Usage Steps
1. Open the CloudBase platform application editor
In the CloudBase platform visual development, create an application or enter an existing one, then select the target component.
2. Select the component and activate the AI CSS generation feature
After selecting any component, Copilot automatically switches to CSS editing mode. Click to activate the AI CSS generation feature and start using AI to optimize styles.
3. Preview the effect and confirm generation
Enter requirements, click Generate, and AI will generate style optimization suggestions based on the input. The optimized effects will be displayed in real-time in the component preview area, allowing visual comparison of style changes. The changes will take effect after saving.