Demonstratie van lokale webapp-annotatie

Gebruik REFERENCE_0 als context om een ​​vervolgscreenshot te maken waarin de geselecteerde tool "Build Web Apps" als lokale webapplicatiepreview wordt getoond. Vervang de lijstweergave van de plug-ins door een localhost-werkruimte in browserstijl met een strakke witte gebruikersinterface, zachte schaduwen en afgeronde hoeken. Belangrijkste wijzigingen: Toon een interface voor het bouwen/annoteren van applicaties in plaats van de oorspronkelijke plug-inmap. Voeg een bovenste balk toe met het lokale adres aan de linkerkant en drie kleine vensters/bedieningspictogrammen aan de rechterkant. Voeg een blauwe statusbalk voor annotaties toe in de rechterbovenhoek met de tekst "annotatiestatus" en een verticaal menu met drie puntjes ernaast. Inhoudsgebied: Maak een galerij-achtige gebruikersinterface met Chinese poster-/kaartontwerpen in een afgerond wit paneel. Voeg een werkbalk aan de linkerkant toe met een zoekknop en een blauwe commentaar-/annotatieknop met een "1". Toon ten minste twee zichtbare miniatuurafbeeldingen van de poster/kaart in een donkerbruine, traditionele Chinese visuele stijl, terwijl enkele transparante dambordpatronen in het rechterpaneel behouden blijven. Overlay: Plaats een grote, zwevende annotatieballon met afgeronde hoeken, gecentreerd bovenaan het contentgebied. Deze moet lijken op een ingebouwde AI-commentaareditor, met een schuifregelaar/instellingenpictogram aan de linkerkant met Chinese instructietekst {argumentnaam="commentaartekst" default="Het uiterlijk en het algehele ontwerp van deze knop komen niet overeen; pas dit aan."}, een "Annuleren"-knop, een klein microfoonpictogram en een zwarte ronde bevestigingsknop met een wit vinkje. Onderaan het rechtervoorbeeldpaneel: Voeg drie actieknoppen toe met de labels "Openen", "Map" en "Pad", elk met een eenvoudig lijnpictogram. Behoud het realisme van de schermafbeelding, alsof u Build Web Apps met ingebouwde HTML-annotaties gebruikt om UI-optimalisatie aan te vragen in een productdemonstratie.