- EcommercePage.tsx (+260):
- Add ComposerAssetTabKey and ComposerWorkModeKey types; extend ComposerMenuKey with assetLibrary/workMode/aiWrite
- Add composerTooltip/composerAssetTab/composerWorkMode/aiWriteDraft state
- Add composerAssetTabs (最近保存/套图配方/模特库), composerWorkModeOptions (快捷/思考), and composerRatioOptions (7 presets with display dimensions)
- Add scenarioSettingsKeys and scenarioAdvancedSettingsKeys for conditional settings panel display
- Add PaperPlaneRight icon import for AI writing send button
- Reorder salesVideo tag position in commerceScenarioOptions; emoji icons replace Ant Design icons
- handleCommerceScenarioClick: second click on active scenario now deselects (sets null) instead of toggling visibility
- shouldShowScenarioSettings: settings panel visible for poster/mainImage/model/scene/festival/salesVideo but not popular
- renderComposerAssetPanel: asset library popover with tab selector (recent/recipe/model) and grid display
- renderComposerWorkModePanel: work mode radio popover with description cards
- renderComposerAiWritePanel: AI prompt auto-complete panel with text input and send button; applyAiWriteSuggestion merges keyword + mode hint + platform context into composer prompt
- Toolbar restructured with .ecom-command-tool pill buttons (upload/assets/mode/AI write) in .ecom-command-composer-actions
- ecommerce-standalone.css (+937):
- Composer toolbar: horizontal flex row with space-between, overflow-x scroll with hidden scrollbar
- .ecom-command-tool: 40px pill-shaped buttons with gradient backgrounds, hover/active/dragging states with glow transition and lift
- .ecom-command-tool--upload: icon+label layout for upload button
- .ecom-command-tool--icon: 40px square icon-only button variant
- Asset panel: tab selector row, 3-column recipe grid with aspect-ratio cards, hover scale effect
- Work mode panel: radio-style card selector with description text
- AI write panel: text input area with send button, responsive sizing
- Tooltip: positioned above toolbar buttons with arrow pointer
- pages/ecommerce.css (+490):
- Composer input focus-within: green glow border + deepened shadow + lift transition
- Asset library, work mode, AI write panel styles with consistent tokenized spacing and transitions
- standalone/overrides.css (+7):
- ≤420px settings option row: switch from grid to flex with flex:1 on buttons for tight viewport fit
- Add EcommerceCopywritingPanel component
- Wire copywriting tool into EcommercePage routing and state
- Add quick action entry; place before '更多功能'
- Add copywriting styles aligned with quick-set/hot-clone pages
- Merge latest main
- EcommercePage.tsx:
- Introduce CommerceScenarioKey type (popular/poster/mainImage/scene/festival/model/background/retouch/salesVideo) and CommerceScenarioTemplate interface with scenario/output/desc/badge fields
- Add commerceScenarioOptions (9 scenario tabs with icons) replacing cloneOutputOptions as toolbar data source; each scenario maps to an output mode via commerceScenarioOutputMap
- Add commerceScenarioTemplates (16 templates across 8 scenarios) with thumbnail, badge, title, and description; popularCommerceScenarioTemplates aggregates cross-scenario highlights for the "热门" default tab
- Replace activeCloneTemplateCards with activeCommerceScenarioTemplates filtered by scenario; popular tab shows highlights, others show scenario-specific templates
- handleCommerceScenarioClick: switch scenario, auto-toggle output mode, toggle template strip visibility; clicking active scenario toggles strip; popular tab preserves current output
- handleCloneTemplateCardClick: auto-switch output mode to match template, fill prompt, focus textarea with 80ms delayed re-focus for reliability
- Template card markup upgraded: media thumbnail (94px cover image with hover scale), body with badge pill, title, and 2-line description
- Active scenario button shows close indicator (CloseOutlined) when strip is open
- Template strip defaults to visible (isCloneTemplateStripVisible initial true)
- Add "左右滑动查看更多" scroll hint for narrow viewports
- ecommerce-standalone.css (+355 lines):
- Scenario tabs: horizontal flex scroll with hidden scrollbar, pill-shaped buttons (grid: 24px icon + fluid label), per-scenario color accent via --mode-accent custom property (pink for popular, orange for poster/festival, green for mainImage/scene/background, blue for model/retouch/salesVideo)
- Active/open states: radial gradient glow, lifted shadow, intensified border color
- Icon slot: 24px rounded square with tinted background and inset highlight
- Close indicator: absolute top-right circle with hover scale
- Template cards: 2-column grid (94px media + fluid body), badge capsule, thumbnail with hover scale(1.035), title 820 weight, 2-line description clamp
- Responsive: ≤1024px 2-col card grid, ≤900px scroll-hint visible + left-aligned tabs, ≤640px horizontal scroll cards with snap, compact card sizing
stringadmin
ludan
Codex