- Import HotCategoryBlock and getHotInspirationFlowBatchApi
- Add hotCategories and hotCategoryRefs state
- Add loadHotCategories function to fetch categories
- Add handleHotCardClick handler for navigation
- Add template with v-for loop for hot category blocks
- Add CSS style for .hot-category-wrapper
- Call loadHotCategories in onMounted after loadBannerActivities
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Created new page at frontend/pages/square/hot-category-more.vue
- Supports route params: type and title
- Implements sub tabs for star card categories (all, raster, holographic, tear_off, polaroid)
- Uses getHotInspirationFlowMoreApi for paginated loading
- Follows existing CreationGrid card styling with like animations
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Change card width from 48% to calc(25% - 12rpx) to achieve
4 columns × 2 rows layout as specified in design docs.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Add a reusable hot category block component with:
- Props: categoryType, title
- Events: cardClick(item)
- Exposed methods: setItems, setLoading, handleRefresh
- 4x2 grid layout with skeleton loading
- Bottom gradient overlay with user info and like count
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Add 3 API methods following existing patterns:
- getHotInspirationFlowBatchApi() for batch fetching 4 categories
- getHotInspirationFlowApi(type) for single category refresh
- getHotInspirationFlowMoreApi(type, cursor, limit) for pagination
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
