diff --git a/buyer/pnpm-lock.yaml b/buyer/pnpm-lock.yaml index c61e2eaa1..ddd65485b 100644 --- a/buyer/pnpm-lock.yaml +++ b/buyer/pnpm-lock.yaml @@ -36,6 +36,9 @@ importers: nprogress: specifier: ^0.2.0 version: 0.2.0 + pinia: + specifier: ^4.0.3 + version: 4.1.0(@vue/devtools-api@6.6.4)(vue@3.5.43) psl: specifier: ^1.8.0 version: 1.15.0 @@ -60,9 +63,6 @@ importers: vue-router: specifier: ^4.6.4 version: 4.6.4(vue@3.5.43) - vuex: - specifier: ^4.1.0 - version: 4.1.0(vue@3.5.43) devDependencies: '@vue/cli-plugin-babel': specifier: ^5.0.9 @@ -91,6 +91,9 @@ importers: less-loader: specifier: ^11.1.4 version: 11.1.4(less@4.9.1)(webpack@5.111.0(postcss@8.5.28)) + vue-eslint-parser: + specifier: ^10.4.1 + version: 10.4.1(eslint@9.39.4) webpack: specifier: ^5.95.0 version: 5.111.0(cssnano@5.1.15(postcss@8.5.28))(postcss@8.5.28) @@ -2968,6 +2971,9 @@ packages: normalize-wheel-es@1.2.0: resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==} + nostics@1.3.0: + resolution: {integrity: sha512-wzRsrJwNlFbqIRQt8aCeL2WE8USip/uuvGSOZV1D02CxX8ABTMbw8IywKjH7yWHETMXbWJI4OBpihg9rmz2Vyg==} + npm-run-path@2.0.2: resolution: {integrity: sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==} engines: {node: '>=4'} @@ -3135,6 +3141,16 @@ packages: resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==} engines: {node: '>=12'} + pinia@4.1.0: + resolution: {integrity: sha512-+5/HMuVjYQfKlCD5xQ7zfXn1xUzYFEa7pd0DQK5SaMfZCaFRTHlaH/c02N1FoGOdlzSiwf5EOPgJx//1QDw6gw==} + peerDependencies: + '@vue/devtools-api': ^8.2.1 + typescript: '>=5.6.0' + vue: ^3.5.11 + peerDependenciesMeta: + typescript: + optional: true + pkg-dir@4.2.0: resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==} engines: {node: '>=8'} @@ -4006,11 +4022,6 @@ packages: typescript: optional: true - vuex@4.1.0: - resolution: {integrity: sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==} - peerDependencies: - vue: ^3.2.0 - watchpack@2.5.2: resolution: {integrity: sha512-6i/00NBjP4yGPs+caKSyRfpTF/8Torsu0MOW3mMzIbhgISFder8i7xbqgHlLMwJrdiN8ndBV3UA1/AfzPSr+jg==} engines: {node: '>=10.13.0'} @@ -7374,6 +7385,8 @@ snapshots: normalize-wheel-es@1.2.0: {} + nostics@1.3.0: {} + npm-run-path@2.0.2: dependencies: path-key: 2.0.1 @@ -7533,6 +7546,12 @@ snapshots: picomatch@4.0.7: optional: true + pinia@4.1.0(@vue/devtools-api@6.6.4)(vue@3.5.43): + dependencies: + '@vue/devtools-api': 6.6.4 + nostics: 1.3.0 + vue: 3.5.43 + pkg-dir@4.2.0: dependencies: find-up: 4.1.0 @@ -8449,11 +8468,6 @@ snapshots: '@vue/server-renderer': 3.5.43 '@vue/shared': 3.5.43 - vuex@4.1.0(vue@3.5.43): - dependencies: - '@vue/devtools-api': 6.6.4 - vue: 3.5.43 - watchpack@2.5.2: dependencies: graceful-fs: 4.2.11 diff --git a/buyer/public/static/banner-floor/floor_banner_1.png b/buyer/public/static/banner-floor/floor_banner_1.png new file mode 100644 index 000000000..dd57299a6 Binary files /dev/null and b/buyer/public/static/banner-floor/floor_banner_1.png differ diff --git a/buyer/public/static/brand-wall/brand_1.png b/buyer/public/static/brand-wall/brand_1.png new file mode 100644 index 000000000..77c3e2537 Binary files /dev/null and b/buyer/public/static/brand-wall/brand_1.png differ diff --git a/buyer/public/static/brand-wall/brand_2.png b/buyer/public/static/brand-wall/brand_2.png new file mode 100644 index 000000000..8d1ffba86 Binary files /dev/null and b/buyer/public/static/brand-wall/brand_2.png differ diff --git a/buyer/public/static/brand-wall/brand_3.png b/buyer/public/static/brand-wall/brand_3.png new file mode 100644 index 000000000..c4480c34a Binary files /dev/null and b/buyer/public/static/brand-wall/brand_3.png differ diff --git a/buyer/public/static/brand-wall/brand_4.png b/buyer/public/static/brand-wall/brand_4.png new file mode 100644 index 000000000..09127e795 Binary files /dev/null and b/buyer/public/static/brand-wall/brand_4.png differ diff --git a/buyer/public/static/carousel/banner_1.png b/buyer/public/static/carousel/banner_1.png new file mode 100644 index 000000000..456b9d849 Binary files /dev/null and b/buyer/public/static/carousel/banner_1.png differ diff --git a/buyer/public/static/carousel/banner_2.png b/buyer/public/static/carousel/banner_2.png new file mode 100644 index 000000000..ca9ef83df Binary files /dev/null and b/buyer/public/static/carousel/banner_2.png differ diff --git a/buyer/public/static/carousel/banner_3.png b/buyer/public/static/carousel/banner_3.png new file mode 100644 index 000000000..ed31316ee Binary files /dev/null and b/buyer/public/static/carousel/banner_3.png differ diff --git a/buyer/public/static/carousel/banner_4.png b/buyer/public/static/carousel/banner_4.png new file mode 100644 index 000000000..611d040d9 Binary files /dev/null and b/buyer/public/static/carousel/banner_4.png differ diff --git a/buyer/public/static/category-nav/cat_1.png b/buyer/public/static/category-nav/cat_1.png new file mode 100644 index 000000000..d4efb6548 Binary files /dev/null and b/buyer/public/static/category-nav/cat_1.png differ diff --git a/buyer/public/static/category-nav/cat_10.png b/buyer/public/static/category-nav/cat_10.png new file mode 100644 index 000000000..32cce2d77 Binary files /dev/null and b/buyer/public/static/category-nav/cat_10.png differ diff --git a/buyer/public/static/category-nav/cat_2.png b/buyer/public/static/category-nav/cat_2.png new file mode 100644 index 000000000..12da2dfb9 Binary files /dev/null and b/buyer/public/static/category-nav/cat_2.png differ diff --git a/buyer/public/static/category-nav/cat_3.png b/buyer/public/static/category-nav/cat_3.png new file mode 100644 index 000000000..a2d33fd8e Binary files /dev/null and b/buyer/public/static/category-nav/cat_3.png differ diff --git a/buyer/public/static/category-nav/cat_4.png b/buyer/public/static/category-nav/cat_4.png new file mode 100644 index 000000000..dfadece94 Binary files /dev/null and b/buyer/public/static/category-nav/cat_4.png differ diff --git a/buyer/public/static/category-nav/cat_5.png b/buyer/public/static/category-nav/cat_5.png new file mode 100644 index 000000000..ff19963e6 Binary files /dev/null and b/buyer/public/static/category-nav/cat_5.png differ diff --git a/buyer/public/static/category-nav/cat_6.png b/buyer/public/static/category-nav/cat_6.png new file mode 100644 index 000000000..72f1a774a Binary files /dev/null and b/buyer/public/static/category-nav/cat_6.png differ diff --git a/buyer/public/static/category-nav/cat_7.png b/buyer/public/static/category-nav/cat_7.png new file mode 100644 index 000000000..897f1c54a Binary files /dev/null and b/buyer/public/static/category-nav/cat_7.png differ diff --git a/buyer/public/static/category-nav/cat_8.png b/buyer/public/static/category-nav/cat_8.png new file mode 100644 index 000000000..e440a4bb3 Binary files /dev/null and b/buyer/public/static/category-nav/cat_8.png differ diff --git a/buyer/public/static/category-nav/cat_9.png b/buyer/public/static/category-nav/cat_9.png new file mode 100644 index 000000000..dd9b870fa Binary files /dev/null and b/buyer/public/static/category-nav/cat_9.png differ diff --git a/buyer/public/static/channel-grid/channel_1.png b/buyer/public/static/channel-grid/channel_1.png new file mode 100644 index 000000000..55a107d3e Binary files /dev/null and b/buyer/public/static/channel-grid/channel_1.png differ diff --git a/buyer/public/static/channel-grid/channel_2.png b/buyer/public/static/channel-grid/channel_2.png new file mode 100644 index 000000000..eedfc437e Binary files /dev/null and b/buyer/public/static/channel-grid/channel_2.png differ diff --git a/buyer/public/static/channel-grid/channel_3.png b/buyer/public/static/channel-grid/channel_3.png new file mode 100644 index 000000000..c4605bb6a Binary files /dev/null and b/buyer/public/static/channel-grid/channel_3.png differ diff --git a/buyer/public/static/channel-grid/channel_4.png b/buyer/public/static/channel-grid/channel_4.png new file mode 100644 index 000000000..7190a5c61 Binary files /dev/null and b/buyer/public/static/channel-grid/channel_4.png differ diff --git a/buyer/public/static/goods/goods_1.png b/buyer/public/static/goods/goods_1.png new file mode 100644 index 000000000..a266ad527 Binary files /dev/null and b/buyer/public/static/goods/goods_1.png differ diff --git a/buyer/public/static/goods/goods_2.png b/buyer/public/static/goods/goods_2.png new file mode 100644 index 000000000..879181aed Binary files /dev/null and b/buyer/public/static/goods/goods_2.png differ diff --git a/buyer/public/static/goods/goods_3.png b/buyer/public/static/goods/goods_3.png new file mode 100644 index 000000000..eb20a209c Binary files /dev/null and b/buyer/public/static/goods/goods_3.png differ diff --git a/buyer/public/static/goods/goods_4.png b/buyer/public/static/goods/goods_4.png new file mode 100644 index 000000000..cadbd15e6 Binary files /dev/null and b/buyer/public/static/goods/goods_4.png differ diff --git a/buyer/public/static/goods/goods_5.png b/buyer/public/static/goods/goods_5.png new file mode 100644 index 000000000..67feb32e7 Binary files /dev/null and b/buyer/public/static/goods/goods_5.png differ diff --git a/buyer/public/static/goods/goods_6.png b/buyer/public/static/goods/goods_6.png new file mode 100644 index 000000000..11dc69392 Binary files /dev/null and b/buyer/public/static/goods/goods_6.png differ diff --git a/buyer/public/static/goods/goods_7.png b/buyer/public/static/goods/goods_7.png new file mode 100644 index 000000000..9a32b8561 Binary files /dev/null and b/buyer/public/static/goods/goods_7.png differ diff --git a/buyer/public/static/goods/goods_8.png b/buyer/public/static/goods/goods_8.png new file mode 100644 index 000000000..f5568bbd3 Binary files /dev/null and b/buyer/public/static/goods/goods_8.png differ diff --git a/buyer/public/static/hot-zone/hotzone_default.png b/buyer/public/static/hot-zone/hotzone_default.png new file mode 100644 index 000000000..3d8bffcc1 Binary files /dev/null and b/buyer/public/static/hot-zone/hotzone_default.png differ diff --git a/buyer/public/static/logo/logo.png b/buyer/public/static/logo/logo.png new file mode 100644 index 000000000..963b64bb6 Binary files /dev/null and b/buyer/public/static/logo/logo.png differ diff --git a/buyer/public/static/promo-group/promo_1.png b/buyer/public/static/promo-group/promo_1.png new file mode 100644 index 000000000..169ce2907 Binary files /dev/null and b/buyer/public/static/promo-group/promo_1.png differ diff --git a/buyer/public/static/promo-group/promo_2.png b/buyer/public/static/promo-group/promo_2.png new file mode 100644 index 000000000..7a1a72035 Binary files /dev/null and b/buyer/public/static/promo-group/promo_2.png differ diff --git a/buyer/public/static/promo-group/promo_3.png b/buyer/public/static/promo-group/promo_3.png new file mode 100644 index 000000000..4507df0c8 Binary files /dev/null and b/buyer/public/static/promo-group/promo_3.png differ diff --git a/buyer/public/static/video/video_cover.png b/buyer/public/static/video/video_cover.png new file mode 100644 index 000000000..d597f65a1 Binary files /dev/null and b/buyer/public/static/video/video_cover.png differ diff --git a/buyer/src/components/indexDecorate/ModelForm.vue b/buyer/src/components/indexDecorate/ModelForm.vue index 1b59e3e8f..ec96439ae 100644 --- a/buyer/src/components/indexDecorate/ModelForm.vue +++ b/buyer/src/components/indexDecorate/ModelForm.vue @@ -1,6 +1,16 @@ + + diff --git a/buyer/src/components/indexDecorate/RowWrapper.vue b/buyer/src/components/indexDecorate/RowWrapper.vue new file mode 100644 index 000000000..e1b9eba0e --- /dev/null +++ b/buyer/src/components/indexDecorate/RowWrapper.vue @@ -0,0 +1,325 @@ + + + + + + + + + + diff --git a/buyer/src/components/indexDecorate/components/ArticleContent.vue b/buyer/src/components/indexDecorate/components/ArticleContent.vue new file mode 100644 index 000000000..9115871a9 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/ArticleContent.vue @@ -0,0 +1,202 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/BrandWall.vue b/buyer/src/components/indexDecorate/components/BrandWall.vue new file mode 100644 index 000000000..6b4a28947 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/BrandWall.vue @@ -0,0 +1,142 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/Carousel.vue b/buyer/src/components/indexDecorate/components/Carousel.vue new file mode 100644 index 000000000..b7604671c --- /dev/null +++ b/buyer/src/components/indexDecorate/components/Carousel.vue @@ -0,0 +1,193 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/CategoryMegaMenu.vue b/buyer/src/components/indexDecorate/components/CategoryMegaMenu.vue new file mode 100644 index 000000000..342e7c209 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/CategoryMegaMenu.vue @@ -0,0 +1,154 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/CategoryNav.vue b/buyer/src/components/indexDecorate/components/CategoryNav.vue new file mode 100644 index 000000000..e112c8c42 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/CategoryNav.vue @@ -0,0 +1,199 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/ChannelFloor.vue b/buyer/src/components/indexDecorate/components/ChannelFloor.vue new file mode 100644 index 000000000..78df79540 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/ChannelFloor.vue @@ -0,0 +1,559 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/ChannelGrid.vue b/buyer/src/components/indexDecorate/components/ChannelGrid.vue new file mode 100644 index 000000000..c6a251767 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/ChannelGrid.vue @@ -0,0 +1,277 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/CouponList.vue b/buyer/src/components/indexDecorate/components/CouponList.vue new file mode 100644 index 000000000..7cb036bdb --- /dev/null +++ b/buyer/src/components/indexDecorate/components/CouponList.vue @@ -0,0 +1,184 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/FooterNav.vue b/buyer/src/components/indexDecorate/components/FooterNav.vue new file mode 100644 index 000000000..c0f1d9f60 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/FooterNav.vue @@ -0,0 +1,165 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/FreeLayout.vue b/buyer/src/components/indexDecorate/components/FreeLayout.vue new file mode 100644 index 000000000..c136eeea6 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/FreeLayout.vue @@ -0,0 +1,60 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/GoodsGrid.vue b/buyer/src/components/indexDecorate/components/GoodsGrid.vue new file mode 100644 index 000000000..81a25c47f --- /dev/null +++ b/buyer/src/components/indexDecorate/components/GoodsGrid.vue @@ -0,0 +1,342 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/GoodsList.vue b/buyer/src/components/indexDecorate/components/GoodsList.vue new file mode 100644 index 000000000..79a6c7863 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/GoodsList.vue @@ -0,0 +1,327 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/GridFloor.vue b/buyer/src/components/indexDecorate/components/GridFloor.vue new file mode 100644 index 000000000..3a2b1afa6 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/GridFloor.vue @@ -0,0 +1,553 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/HotZone.vue b/buyer/src/components/indexDecorate/components/HotZone.vue new file mode 100644 index 000000000..3bce3f9a1 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/HotZone.vue @@ -0,0 +1,101 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/NoticeBar.vue b/buyer/src/components/indexDecorate/components/NoticeBar.vue new file mode 100644 index 000000000..3469d60e2 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/NoticeBar.vue @@ -0,0 +1,313 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/PromoGroup.vue b/buyer/src/components/indexDecorate/components/PromoGroup.vue new file mode 100644 index 000000000..acc5fd4f0 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/PromoGroup.vue @@ -0,0 +1,140 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/RecommendFeed.vue b/buyer/src/components/indexDecorate/components/RecommendFeed.vue new file mode 100644 index 000000000..39c441fc9 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/RecommendFeed.vue @@ -0,0 +1,572 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/SearchHeader.vue b/buyer/src/components/indexDecorate/components/SearchHeader.vue new file mode 100644 index 000000000..b08416040 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/SearchHeader.vue @@ -0,0 +1,217 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/TitleBar.vue b/buyer/src/components/indexDecorate/components/TitleBar.vue new file mode 100644 index 000000000..bae854e15 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/TitleBar.vue @@ -0,0 +1,136 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/TopBar.vue b/buyer/src/components/indexDecorate/components/TopBar.vue new file mode 100644 index 000000000..f75249c57 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/TopBar.vue @@ -0,0 +1,177 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/UserBenefits.vue b/buyer/src/components/indexDecorate/components/UserBenefits.vue new file mode 100644 index 000000000..3cb5d9434 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/UserBenefits.vue @@ -0,0 +1,407 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/components/VideoPlayer.vue b/buyer/src/components/indexDecorate/components/VideoPlayer.vue new file mode 100644 index 000000000..d55ff5e75 --- /dev/null +++ b/buyer/src/components/indexDecorate/components/VideoPlayer.vue @@ -0,0 +1,114 @@ + + + + + diff --git a/buyer/src/components/indexDecorate/presets/double11Preset.js b/buyer/src/components/indexDecorate/presets/double11Preset.js new file mode 100644 index 000000000..2d7566f00 --- /dev/null +++ b/buyer/src/components/indexDecorate/presets/double11Preset.js @@ -0,0 +1,1932 @@ +export const DOUBLE11_PAGE_DOCUMENT = { + "version": 2, + "pageType": "INDEX", + "name": "双11 平台首页", + "pageStyle": { + "backgroundColor": "#ffffff" + }, + "list": [ + { + "id": "row_top_bar", + "rowStyle": { + "width": "100%", + "backgroundColor": "#0f172a", + "margin": [ + 0, + 0, + 0, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_top_bar", + "type": "topBar", + "name": "快捷栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "showCity": true, + "defaultCity": "北京市", + "showThemeToggle": false, + "showCart": true, + "showOrder": true, + "quickLinks": [ + { + "title": "双11超级会场", + "url": "/special" + }, + { + "title": "企业特惠采购", + "url": "/company" + }, + { + "title": "官方客户服务", + "url": "/article" + }, + { + "title": "无障碍浏览", + "url": "/accessible" + } + ] + } + } + ] + }, + { + "id": "row_search_header", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 0, + 0 + ], + "padding": [ + 12, + 0, + 12, + 0 + ] + }, + "components": [ + { + "id": "cmp_search_header", + "type": "searchHeader", + "name": "搜索头", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "#ffffff" + }, + "options": { + "logoUrl": "/static/logo/logo.png", + "logoAlt": "双11全球狂欢节", + "placeholder": "双11爆款 5折封顶 · 跨店每满300减50", + "hotWords": [ + "iPhone 16 Pro", + "雅诗兰黛小棕瓶", + "戴森吹风机", + "华为Mate 70", + "五粮液普五", + "耐克碳板跑鞋" + ] + } + } + ] + }, + { + "id": "row_cat_nav", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 12, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_cat_nav", + "type": "categoryNav", + "name": "类目导航", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "#ffffff" + }, + "options": { + "categories": [ + { + "id": "1", + "name": "双11狂欢主会场", + "href": "/special", + "active": true + }, + { + "id": "2", + "name": "潮流数码", + "href": "/goodsList?categoryId=1" + }, + { + "id": "3", + "name": "奢宠美妆", + "href": "/goodsList?categoryId=2" + }, + { + "id": "4", + "name": "品质家电", + "href": "/goodsList?categoryId=3" + }, + { + "id": "5", + "name": "服饰鞋包", + "href": "/goodsList?categoryId=4" + }, + { + "id": "6", + "name": "生鲜食品", + "href": "/goodsList?categoryId=5" + }, + { + "id": "7", + "name": "领券中心", + "href": "/couponCenter" + } + ] + } + } + ] + }, + { + "id": "row_hero_three_col", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 14, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ], + "justifyContent": "space-between", + "alignItems": "stretch", + "gap": 12 + }, + "components": [ + { + "id": "cmp_mega_menu", + "type": "categoryMegaMenu", + "name": "多级菜单", + "componentStyle": { + "widthRatio": "16.67%", + "backgroundColor": "#ffffff", + "radius": [ + 8, + 8, + 8, + 8 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "options": { + "showAll": true, + "categories": [ + { + "id": "c1", + "name": "潮流数码" + }, + { + "id": "c2", + "name": "奢宠美妆" + }, + { + "id": "c3", + "name": "智能家电" + }, + { + "id": "c4", + "name": "服饰鞋包" + }, + { + "id": "c5", + "name": "运动潮流" + }, + { + "id": "c6", + "name": "精品生鲜" + }, + { + "id": "c7", + "name": "居家生活" + }, + { + "id": "c8", + "name": "母婴玩具" + } + ], + "title": "分类" + } + }, + { + "id": "cmp_carousel", + "type": "carousel", + "name": "轮播图", + "componentStyle": { + "widthRatio": "66.67%", + "backgroundColor": "transparent", + "radius": [ + 8, + 8, + 8, + 8 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "options": { + "interval": 4000, + "height": 420, + "banners": [ + { + "title": "双11全球狂欢 · 潮流数码甄选", + "subtitle": "定金膨胀100抵300 抢千元大额神券", + "image": "/static/carousel/banner_1.png", + "url": "/goodsList" + }, + { + "title": "奢宠美妆 · 经典护肤狂欢", + "subtitle": "买1赠1正装量 跨店每满300减50", + "image": "/static/carousel/banner_2.png", + "url": "/goodsList" + }, + { + "title": "运动潮流 · 破界开练", + "subtitle": "顶级碳板竞速 全场低至5折起", + "image": "/static/carousel/banner_3.png", + "url": "/goodsList" + }, + { + "title": "极简家居 · 美学生活", + "subtitle": "大牌家电以旧换新 至高补贴20%", + "image": "/static/carousel/banner_4.png", + "url": "/goodsList" + } + ], + "fitMode": "cover" + } + }, + { + "id": "cmp_user_benefits", + "type": "userBenefits", + "name": "用户权益", + "componentStyle": { + "widthRatio": "16.67%", + "backgroundColor": "#ffffff", + "radius": [ + 8, + 8, + 8, + 8 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "options": { + "badgeText": "请登录", + "welcomeText": "欢迎来到商城", + "subtitle": "登录后查看专属权益", + "avatar": "", + "loginText": "登录", + "registerText": "注册", + "loginUrl": "/login", + "registerUrl": "/signUp", + "showCart": true, + "showCoupons": true, + "showOrders": true, + "cartText": "购物车", + "couponText": "优惠券", + "orderText": "订单", + "cartUrl": "/cart", + "couponUrl": "/member/coupon", + "orderUrl": "/member/order" + } + } + ] + }, + { + "id": "row_notice", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 14, + 0 + ], + "padding": [ + 4, + 12, + 4, + 12 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_notice", + "type": "noticeBar", + "name": "公告快讯", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11大促快讯", + "scrollSpeed": 3500, + "notices": [ + { + "tag": "狂欢速递", + "text": "双11大促全面开启！跨店每满300减50，可叠加全品类大额神券！", + "time": "10分钟前", + "url": "/article" + }, + { + "tag": "官方保障", + "text": "全场大促商品保价至11月30日，买贵一键退差价！顺丰次日达！", + "time": "30分钟前", + "url": "/article" + }, + { + "tag": "整点免单", + "text": "每晚8点锁定直播间，整点抽免单锦鲤，大额无门槛红包疯狂撒！", + "time": "1小时前", + "url": "/article" + }, + { + "tag": "物流升级", + "text": "全国核心仓全面开跑，千万级爆款预售好物极速发货次日达！", + "time": "2小时前", + "url": "/article" + } + ] + } + } + ] + }, + { + "id": "row_channels", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 14, + 16, + 14 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_channel_grid", + "type": "channelGrid", + "name": "频道宫格", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "columns": 5, + "channels": [ + { + "id": "1", + "title": "双11预售", + "subtitle": "定金最高膨胀3倍", + "icon": "Present", + "url": "/special" + }, + { + "id": "2", + "title": "领券中心", + "subtitle": "跨店每满300减50", + "icon": "Ticket", + "url": "/couponCenter" + }, + { + "id": "3", + "title": "百亿补贴", + "subtitle": "大牌正品官方补", + "icon": "Medal", + "url": "/goodsList" + }, + { + "id": "4", + "title": "限时秒杀", + "subtitle": "爆款低至1折抢", + "icon": "Timer", + "url": "/goodsList" + }, + { + "id": "5", + "title": "大牌免息", + "subtitle": "至高24期分期免息", + "icon": "CreditCard", + "url": "/goodsList" + }, + { + "id": "6", + "title": "新品首发", + "subtitle": "年度重磅科技旗舰", + "icon": "Opportunity", + "url": "/goodsList" + }, + { + "id": "7", + "title": "潮流数码", + "subtitle": "旗舰手机立省千元", + "icon": "Cellphone", + "url": "/goodsList" + }, + { + "id": "8", + "title": "奢宠美妆", + "subtitle": "买1赠1大牌正装", + "icon": "MagicStick", + "url": "/goodsList" + }, + { + "id": "9", + "title": "超市生鲜", + "subtitle": "原产地直采次日达", + "icon": "Shop", + "url": "/goodsList" + }, + { + "id": "10", + "title": "会员专享", + "subtitle": "积分当钱双倍膨胀", + "icon": "Trophy", + "url": "/member" + } + ] + } + } + ] + }, + { + "id": "row_coupon_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_coupon_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11狂欢领券中心", + "subtitle": "MEGA COUPONS · 跨店每满300减50 整点限量秒", + "tag": "叠券折上折", + "moreText": "前往领券中心 >", + "moreUrl": "/couponCenter" + } + } + ] + }, + { + "id": "row_coupons", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_coupon_list", + "type": "couponList", + "name": "优惠券", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "columns": 4, + "skin": "red", + "showLimitText": true, + "coupons": [ + { + "id": "1", + "price": 50, + "consumeThreshold": 300, + "title": "双11跨店通用券", + "limitText": "全场跨店可用 每满300减50" + }, + { + "id": "2", + "price": 100, + "consumeThreshold": 699, + "title": "潮流数码专享神券", + "limitText": "手机/电脑/智能数码专享" + }, + { + "id": "3", + "price": 200, + "consumeThreshold": 1200, + "title": "品质家电重磅狂欢券", + "limitText": "大牌家电以旧换新专区" + }, + { + "id": "4", + "price": 30, + "consumeThreshold": 99, + "title": "双11新客超级礼金", + "limitText": "首次下单无门槛专属立减" + } + ] + } + } + ] + }, + { + "id": "row_hotzone", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_hotzone", + "type": "hotZone", + "name": "热区", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "#ffffff", + "radius": [ + 8, + 8, + 8, + 8 + ] + }, + "options": { + "imageUrl": "/static/hot-zone/hotzone_default.png", + "hotzones": [ + { + "id": "hz1", + "title": "数码潮流会场", + "url": "/goodsList", + "left": 4, + "top": 12, + "width": 21, + "height": 76 + }, + { + "id": "hz2", + "title": "美妆奢护狂欢", + "url": "/goodsList", + "left": 28, + "top": 12, + "width": 21, + "height": 76 + }, + { + "id": "hz3", + "title": "品质家电狂欢", + "url": "/goodsList", + "left": 52, + "top": 12, + "width": 21, + "height": 76 + }, + { + "id": "hz4", + "title": "抢千万大促红包", + "url": "/couponCenter", + "left": 75, + "top": 12, + "width": 21, + "height": 76 + } + ] + } + } + ] + }, + { + "id": "row_promos", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_promo_group", + "type": "promoGroup", + "name": "促销群", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "columns": 3, + "promos": [ + { + "id": "p1", + "title": "双11定金膨胀", + "subtitle": "100抵300 抢跑双11", + "image": "/static/promo/promo_1.png", + "tag": "预售锁定", + "url": "/goodsList" + }, + { + "id": "p2", + "title": "大牌狂欢买1送1", + "subtitle": "买大牌正装赠等量好礼", + "image": "/static/promo/promo_2.png", + "tag": "狂欢赠礼", + "url": "/goodsList" + }, + { + "id": "p3", + "title": "爆款百亿补贴", + "subtitle": "全网比价 买贵必赔", + "image": "/static/promo/promo_3.png", + "tag": "官方直补", + "url": "/goodsList" + } + ] + } + } + ] + }, + { + "id": "row_goods_split", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ], + "justifyContent": "space-between" + }, + "components": [ + { + "id": "cmp_goods_card", + "type": "goodsCard", + "name": "商品卡片", + "componentStyle": { + "widthRatio": "50%", + "backgroundColor": "#ffffff", + "radius": [ + 8, + 8, + 8, + 8 + ], + "padding": [ + 16, + 16, + 16, + 16 + ] + }, + "options": { + "goodsId": "1", + "title": "双11机皇甄选 · 旗舰 5G 智能手机 12GB+256GB", + "subtitle": "超光影影像系统 潜望长焦防抖 满血旗舰芯", + "tag": "双11爆款机皇", + "badge": "立省600元", + "price": "3999.00", + "originalPrice": "4599.00", + "image": "/static/goods/goods_1.png", + "url": "/goods/1" + } + }, + { + "id": "cmp_goods_bar", + "type": "goodsBar", + "name": "商品条", + "componentStyle": { + "widthRatio": "50%", + "backgroundColor": "#ffffff", + "radius": [ + 8, + 8, + 8, + 8 + ], + "padding": [ + 16, + 16, + 16, + 16 + ] + }, + "options": { + "goods": [ + { + "id": "2", + "goodsName": "无线头戴式深度主动降噪耳机 空间音频Hi-Res", + "price": "1099.00", + "originalPrice": "1499.00", + "thumbnail": "/static/goods/goods_2.png", + "tag": "降噪TOP1" + }, + { + "id": "3", + "goodsName": "14英寸全面屏轻薄笔记本电脑 酷睿i7 高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "thumbnail": "/static/goods/goods_3.png", + "tag": "直降600" + }, + { + "id": "4", + "goodsName": "运动健康专业监测智能手表 心率血氧长续航防水", + "price": "899.00", + "originalPrice": "1199.00", + "thumbnail": "/static/goods/goods_4.png", + "tag": "抢购热卖" + } + ] + } + } + ] + }, + { + "id": "row_freelayout", + "rowStyle": { + "width": "1200", + "backgroundColor": "#e11d48", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 14, + 20, + 14, + 20 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_freelayout", + "type": "freeLayout", + "name": "自由排版", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "elements": [ + { + "type": "badge", + "title": "双11全球狂欢季", + "tag": "11.11 MEGA SALE", + "backgroundColor": "#ffffff", + "color": "#e11d48" + }, + { + "type": "slogan", + "text": "全场官方正品保障 · 全程保价买贵退差 · 顺丰极速配送" + }, + { + "type": "button", + "text": "立即前往大促专题会场 >", + "url": "/special" + } + ] + } + } + ] + }, + { + "id": "row_floor1_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_floor1_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "1F 潮流数码狂欢", + "subtitle": "DIGITAL & GADGETS · 旗舰影像与前沿智能科技", + "tag": "数码盛典", + "moreText": "查看更多数码 >", + "moreUrl": "/goodsList?categoryId=1" + } + } + ] + }, + { + "id": "row_floor1_grid", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_grid_floor", + "type": "gridFloor", + "name": "网格楼层", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "floorNo": "1F", + "title": "潮流数码狂欢", + "subtitle": "DIGITAL & GADGETS", + "posterImage": "/static/banner-floor/floor_banner_1.png", + "posterTitle": "数码狂欢盛典", + "posterSubtitle": "最高立省1000元", + "goods": [ + { + "id": "1", + "goodsName": "【双11爆款】旗舰 5G 智能手机 12GB+256GB 超光影潜望长焦", + "price": "3999.00", + "originalPrice": "4599.00", + "sales": 15820, + "positiveRate": "99.8%", + "isSelf": true, + "thumbnail": "/static/goods/goods_1.png" + }, + { + "id": "2", + "goodsName": "【立减400】无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res高保真", + "price": "1099.00", + "originalPrice": "1499.00", + "sales": 28410, + "positiveRate": "99.5%", + "isSelf": true, + "thumbnail": "/static/goods/goods_2.png" + }, + { + "id": "3", + "goodsName": "【大牌补贴】14英寸全面屏轻薄商务笔记本电脑 酷睿i7 120Hz高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "sales": 9320, + "positiveRate": "99.2%", + "isSelf": true, + "thumbnail": "/static/goods/goods_3.png" + }, + { + "id": "4", + "goodsName": "【直降300】运动健康专业监测智能手表 心率血氧ECG 50米专业防水", + "price": "899.00", + "originalPrice": "1199.00", + "sales": 19500, + "positiveRate": "99.6%", + "isSelf": true, + "thumbnail": "/static/goods/goods_4.png" + } + ] + } + } + ] + }, + { + "id": "row_banner_floor", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_banner_floor", + "type": "bannerFloor", + "name": "横幅楼层", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "bannerImage": "/static/banner-floor/floor_banner_1.png", + "title": "双11大牌品质生活盛典", + "subtitle": "以旧换新重磅补贴 跨店每满300减50", + "goods": [ + { + "id": "5", + "goodsName": "【买1赠1正装】奢宠酵母焕活修护精华露 50ml 紧致淡纹修护抗皱滋养", + "price": "680.00", + "originalPrice": "890.00", + "sales": 34100, + "positiveRate": "99.9%", + "isSelf": true, + "thumbnail": "/static/goods/goods_5.png" + }, + { + "id": "6", + "goodsName": "【官方补贴】意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡一体", + "price": "899.00", + "originalPrice": "1280.00", + "sales": 8760, + "positiveRate": "99.1%", + "isSelf": false, + "thumbnail": "/static/goods/goods_6.png" + }, + { + "id": "7", + "goodsName": "【大促5折】碳板专业竞速轻量缓震跑步鞋 透气防滑男女马拉松同款跑鞋", + "price": "459.00", + "originalPrice": "699.00", + "sales": 22100, + "positiveRate": "99.4%", + "isSelf": true, + "thumbnail": "/static/goods/goods_7.png" + }, + { + "id": "8", + "goodsName": "【限时特惠】极简静音无雾负离子香薰加湿器 大容量客厅卧室通用", + "price": "299.00", + "originalPrice": "399.00", + "sales": 14200, + "positiveRate": "99.0%", + "isSelf": false, + "thumbnail": "/static/goods/goods_8.png" + } + ] + } + } + ] + }, + { + "id": "row_channel_floor", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_channel_floor", + "type": "channelFloor", + "name": "频道楼层", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11智能生活场景馆", + "subtitle": "SMART LIFE SHOWROOM", + "heroImage": "/static/promo/promo_1.png", + "heroTitle": "智能生活新时代", + "heroSubtitle": "畅享未来智慧家庭科技", + "goods": [ + { + "id": "1", + "goodsName": "【双11爆款】旗舰 5G 智能手机 12GB+256GB 超光影潜望长焦", + "price": "3999.00", + "originalPrice": "4599.00", + "sales": 15820, + "positiveRate": "99.8%", + "isSelf": true, + "thumbnail": "/static/goods/goods_1.png" + }, + { + "id": "3", + "goodsName": "【大牌补贴】14英寸全面屏轻薄商务笔记本电脑 酷睿i7 120Hz高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "sales": 9320, + "positiveRate": "99.2%", + "isSelf": true, + "thumbnail": "/static/goods/goods_3.png" + }, + { + "id": "6", + "goodsName": "【官方补贴】意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡一体", + "price": "899.00", + "originalPrice": "1280.00", + "sales": 8760, + "positiveRate": "99.1%", + "isSelf": false, + "thumbnail": "/static/goods/goods_6.png" + } + ] + } + } + ] + }, + { + "id": "row_grid_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_grid_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11爆款必买热销榜", + "subtitle": "TOP RANKINGS · 亿万买家真实下单好评热选", + "tag": "实时榜单", + "moreText": "查看完整榜单 >", + "moreUrl": "/goodsList" + } + } + ] + }, + { + "id": "row_goods_grid", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_goods_grid", + "type": "goodsGrid", + "name": "商品宫格", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "columns": 5, + "goods": [ + { + "id": "1", + "goodsName": "【双11爆款】旗舰 5G 智能手机 12GB+256GB 超光影潜望长焦", + "price": "3999.00", + "originalPrice": "4599.00", + "sales": 15820, + "positiveRate": "99.8%", + "isSelf": true, + "thumbnail": "/static/goods/goods_1.png" + }, + { + "id": "2", + "goodsName": "【立减400】无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res高保真", + "price": "1099.00", + "originalPrice": "1499.00", + "sales": 28410, + "positiveRate": "99.5%", + "isSelf": true, + "thumbnail": "/static/goods/goods_2.png" + }, + { + "id": "3", + "goodsName": "【大牌补贴】14英寸全面屏轻薄商务笔记本电脑 酷睿i7 120Hz高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "sales": 9320, + "positiveRate": "99.2%", + "isSelf": true, + "thumbnail": "/static/goods/goods_3.png" + }, + { + "id": "4", + "goodsName": "【直降300】运动健康专业监测智能手表 心率血氧ECG 50米专业防水", + "price": "899.00", + "originalPrice": "1199.00", + "sales": 19500, + "positiveRate": "99.6%", + "isSelf": true, + "thumbnail": "/static/goods/goods_4.png" + }, + { + "id": "5", + "goodsName": "【买1赠1正装】奢宠酵母焕活修护精华露 50ml 紧致淡纹修护抗皱滋养", + "price": "680.00", + "originalPrice": "890.00", + "sales": 34100, + "positiveRate": "99.9%", + "isSelf": true, + "thumbnail": "/static/goods/goods_5.png" + }, + { + "id": "6", + "goodsName": "【官方补贴】意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡一体", + "price": "899.00", + "originalPrice": "1280.00", + "sales": 8760, + "positiveRate": "99.1%", + "isSelf": false, + "thumbnail": "/static/goods/goods_6.png" + }, + { + "id": "7", + "goodsName": "【大促5折】碳板专业竞速轻量缓震跑步鞋 透气防滑男女马拉松同款跑鞋", + "price": "459.00", + "originalPrice": "699.00", + "sales": 22100, + "positiveRate": "99.4%", + "isSelf": true, + "thumbnail": "/static/goods/goods_7.png" + }, + { + "id": "8", + "goodsName": "【限时特惠】极简静音无雾负离子香薰加湿器 大容量客厅卧室通用", + "price": "299.00", + "originalPrice": "399.00", + "sales": 14200, + "positiveRate": "99.0%", + "isSelf": false, + "thumbnail": "/static/goods/goods_8.png" + } + ] + } + } + ] + }, + { + "id": "row_video_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_video_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "超级直播间 · 现场真实开箱", + "subtitle": "LIVE SHOWROOM · 官方实机深度拆解上手评测", + "tag": "直播带货", + "moreText": "进入官方直播 >", + "moreUrl": "/special" + } + } + ] + }, + { + "id": "row_video", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_video", + "type": "video", + "name": "视频", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "videoUrl": "https://vjs.zencdn.net/v/oceans.mp4", + "coverUrl": "/static/video/video_cover.png", + "title": "双11全球狂欢发布盛典 · 年度旗舰好物真实开箱测评", + "autoplay": false + } + } + ] + }, + { + "id": "row_brand_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_brand_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11合作品牌盛典", + "subtitle": "GLOBAL BRANDS · 国际一线大牌 官方正品直供", + "tag": "旗舰直营", + "moreText": "逛品牌特惠街 >", + "moreUrl": "/goodsList" + } + } + ] + }, + { + "id": "row_brand_wall", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_brand_wall", + "type": "brandWall", + "name": "品牌墙", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "brands": [ + { + "id": "1", + "name": "Apple 官方旗舰店", + "logo": "/static/brand-wall/brand_1.png", + "tag": "正品补贴" + }, + { + "id": "2", + "name": "Sony 索尼官方旗舰店", + "logo": "/static/brand-wall/brand_2.png", + "tag": "新品独家" + }, + { + "id": "3", + "name": "Estee Lauder 雅诗兰黛", + "logo": "/static/brand-wall/brand_3.png", + "tag": "买1送1" + }, + { + "id": "4", + "name": "Nike 耐克官方商城", + "logo": "/static/brand-wall/brand_4.png", + "tag": "低至5折" + } + ] + } + } + ] + }, + { + "id": "row_article_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_article_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11终极省钱秘籍", + "subtitle": "SHOPPING GUIDE · 官方大促规则与折上折凑单全攻略", + "tag": "必看攻略", + "moreText": "查看更多专栏 >", + "moreUrl": "/article" + } + } + ] + }, + { + "id": "row_article", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 20, + 24, + 20, + 24 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_article", + "type": "articleContent", + "name": "文章内容", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "2026 双11全球狂欢省钱全攻略：每满300减50终极凑单秘籍", + "author": "商城大促运营中心", + "date": "2026-10-28", + "views": 89420, + "content": "

2026年双11全球购物狂欢节已经重磅启幕！今年我们奉行“最省钱、最简单、最快发货”三大核心主张，彻底剔除复杂计算，带来真金白银的诚意优惠。

一、三大核心优惠叠加规则

本届双11平台支持四层重磅优惠无缝叠加：

跨店满减与神券支持跨品类智能凑单！系统将在购物车为您自动计算并推荐最优凑单组合，无需手动换算。

二、官方服务保障体系

为了让您购物无忧，平台联合品牌官方推出四大服务护航计划：

" + } + } + ] + }, + { + "id": "row_goods_list_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_goods_list_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11全品类爆品清单", + "subtitle": "MEGA PRODUCTS · 官方甄选自营直降特惠商品", + "tag": "热卖专区", + "moreText": "浏览全店商品 >", + "moreUrl": "/goodsList" + } + } + ] + }, + { + "id": "row_goods_list", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_goods_list", + "type": "goodsList", + "name": "商品列表", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "goods": [ + { + "id": "1", + "goodsName": "【双11爆款】旗舰 5G 智能手机 12GB+256GB 超光影潜望长焦", + "price": "3999.00", + "originalPrice": "4599.00", + "sales": 15820, + "positiveRate": "99.8%", + "isSelf": true, + "thumbnail": "/static/goods/goods_1.png" + }, + { + "id": "2", + "goodsName": "【立减400】无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res高保真", + "price": "1099.00", + "originalPrice": "1499.00", + "sales": 28410, + "positiveRate": "99.5%", + "isSelf": true, + "thumbnail": "/static/goods/goods_2.png" + }, + { + "id": "3", + "goodsName": "【大牌补贴】14英寸全面屏轻薄商务笔记本电脑 酷睿i7 120Hz高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "sales": 9320, + "positiveRate": "99.2%", + "isSelf": true, + "thumbnail": "/static/goods/goods_3.png" + }, + { + "id": "4", + "goodsName": "【直降300】运动健康专业监测智能手表 心率血氧ECG 50米专业防水", + "price": "899.00", + "originalPrice": "1199.00", + "sales": 19500, + "positiveRate": "99.6%", + "isSelf": true, + "thumbnail": "/static/goods/goods_4.png" + }, + { + "id": "5", + "goodsName": "【买1赠1正装】奢宠酵母焕活修护精华露 50ml 紧致淡纹修护抗皱滋养", + "price": "680.00", + "originalPrice": "890.00", + "sales": 34100, + "positiveRate": "99.9%", + "isSelf": true, + "thumbnail": "/static/goods/goods_5.png" + }, + { + "id": "6", + "goodsName": "【官方补贴】意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡一体", + "price": "899.00", + "originalPrice": "1280.00", + "sales": 8760, + "positiveRate": "99.1%", + "isSelf": false, + "thumbnail": "/static/goods/goods_6.png" + }, + { + "id": "7", + "goodsName": "【大促5折】碳板专业竞速轻量缓震跑步鞋 透气防滑男女马拉松同款跑鞋", + "price": "459.00", + "originalPrice": "699.00", + "sales": 22100, + "positiveRate": "99.4%", + "isSelf": true, + "thumbnail": "/static/goods/goods_7.png" + }, + { + "id": "8", + "goodsName": "【限时特惠】极简静音无雾负离子香薰加湿器 大容量客厅卧室通用", + "price": "299.00", + "originalPrice": "399.00", + "sales": 14200, + "positiveRate": "99.0%", + "isSelf": false, + "thumbnail": "/static/goods/goods_8.png" + } + ] + } + } + ] + }, + { + "id": "row_recommend_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_recommend_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "猜你喜欢 · 智能推荐流", + "subtitle": "FOR YOU · 根据您的偏好精准测算", + "tag": "专属推荐", + "moreText": "换一批推荐 >", + "moreUrl": "/goodsList" + } + } + ] + }, + { + "id": "row_recommend_feed", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 24, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_recommend_feed", + "type": "recommendFeed", + "name": "推荐商品", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "featuredTitle": "双11专属甄选机皇", + "goods": [ + { + "id": "1", + "goodsName": "【双11爆款】旗舰 5G 智能手机 12GB+256GB 超光影潜望长焦", + "price": "3999.00", + "originalPrice": "4599.00", + "sales": 15820, + "positiveRate": "99.8%", + "isSelf": true, + "thumbnail": "/static/goods/goods_1.png" + }, + { + "id": "2", + "goodsName": "【立减400】无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res高保真", + "price": "1099.00", + "originalPrice": "1499.00", + "sales": 28410, + "positiveRate": "99.5%", + "isSelf": true, + "thumbnail": "/static/goods/goods_2.png" + }, + { + "id": "3", + "goodsName": "【大牌补贴】14英寸全面屏轻薄商务笔记本电脑 酷睿i7 120Hz高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "sales": 9320, + "positiveRate": "99.2%", + "isSelf": true, + "thumbnail": "/static/goods/goods_3.png" + }, + { + "id": "4", + "goodsName": "【直降300】运动健康专业监测智能手表 心率血氧ECG 50米专业防水", + "price": "899.00", + "originalPrice": "1199.00", + "sales": 19500, + "positiveRate": "99.6%", + "isSelf": true, + "thumbnail": "/static/goods/goods_4.png" + }, + { + "id": "5", + "goodsName": "【买1赠1正装】奢宠酵母焕活修护精华露 50ml 紧致淡纹修护抗皱滋养", + "price": "680.00", + "originalPrice": "890.00", + "sales": 34100, + "positiveRate": "99.9%", + "isSelf": true, + "thumbnail": "/static/goods/goods_5.png" + }, + { + "id": "6", + "goodsName": "【官方补贴】意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡一体", + "price": "899.00", + "originalPrice": "1280.00", + "sales": 8760, + "positiveRate": "99.1%", + "isSelf": false, + "thumbnail": "/static/goods/goods_6.png" + }, + { + "id": "7", + "goodsName": "【大促5折】碳板专业竞速轻量缓震跑步鞋 透气防滑男女马拉松同款跑鞋", + "price": "459.00", + "originalPrice": "699.00", + "sales": 22100, + "positiveRate": "99.4%", + "isSelf": true, + "thumbnail": "/static/goods/goods_7.png" + }, + { + "id": "8", + "goodsName": "【限时特惠】极简静音无雾负离子香薰加湿器 大容量客厅卧室通用", + "price": "299.00", + "originalPrice": "399.00", + "sales": 14200, + "positiveRate": "99.0%", + "isSelf": false, + "thumbnail": "/static/goods/goods_8.png" + } + ] + } + } + ] + }, + { + "id": "row_footer_nav", + "rowStyle": { + "width": "100%", + "backgroundColor": "#1e293b", + "margin": [ + 0, + 0, + 0, + 0 + ], + "padding": [ + 32, + 0, + 24, + 0 + ] + }, + "components": [ + { + "id": "cmp_footer_nav", + "type": "footerNav", + "name": "页脚", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "services": [ + { + "title": "官方正品", + "desc": "100%正品保障 假一赔十" + }, + { + "title": "全场保价", + "desc": "价保30天 买贵退差" + }, + { + "title": "极速物流", + "desc": "顺丰速运 核心仓次日达" + }, + { + "title": "售后无忧", + "desc": "7天无理由退换 上门取件" + } + ], + "copyright": "Copyright © 2026 Lilishop. 双11全球狂欢节组委会 版权所有" + } + } + ] + } + ] +}; diff --git a/buyer/src/components/indexDecorate/registry.js b/buyer/src/components/indexDecorate/registry.js new file mode 100644 index 000000000..58831bfd2 --- /dev/null +++ b/buyer/src/components/indexDecorate/registry.js @@ -0,0 +1,73 @@ +/** + * PC 前台装修楼层组件注册表 + * 映射 6 大分类、24 个组件 + */ +import TopBar from './components/TopBar.vue'; +import SearchHeader from './components/SearchHeader.vue'; +import FooterNav from './components/FooterNav.vue'; +import CategoryNav from './components/CategoryNav.vue'; +import ChannelGrid from './components/ChannelGrid.vue'; +import CategoryMegaMenu from './components/CategoryMegaMenu.vue'; +import Carousel from './components/Carousel.vue'; +import BrandWall from './components/BrandWall.vue'; +import HotZone from './components/HotZone.vue'; +import FreeLayout from './components/FreeLayout.vue'; +import PromoGroup from './components/PromoGroup.vue'; +import VideoPlayer from './components/VideoPlayer.vue'; +import GoodsList from './components/GoodsList.vue'; +import GridFloor from './components/GridFloor.vue'; +import GoodsGrid from './components/GoodsGrid.vue'; +import ChannelFloor from './components/ChannelFloor.vue'; +import RecommendFeed from './components/RecommendFeed.vue'; +import CouponList from './components/CouponList.vue'; +import UserBenefits from './components/UserBenefits.vue'; +import TitleBar from './components/TitleBar.vue'; +import ArticleContent from './components/ArticleContent.vue'; +import NoticeBar from './components/NoticeBar.vue'; + +export const COMPONENT_MAP = { + // 1. 结构 (3) + topBar: TopBar, + searchHeader: SearchHeader, + footerNav: FooterNav, + + // 2. 导航 (3) + categoryNav: CategoryNav, + channelGrid: ChannelGrid, + categoryMegaMenu: CategoryMegaMenu, + + // 3. 广告 (6) + carousel: Carousel, + brandWall: BrandWall, + hotZone: HotZone, + freeLayout: FreeLayout, + promoGroup: PromoGroup, + video: VideoPlayer, + + // 4. 商品 (8) + goodsList: GoodsList, + gridFloor: GridFloor, + goodsGrid: GoodsGrid, + goodsCard: GoodsList, + bannerFloor: GridFloor, + goodsBar: GoodsList, + channelFloor: ChannelFloor, + recommendFeed: RecommendFeed, + + // 5. 营销 (1) + couponList: CouponList, + userBenefits: UserBenefits, + + // 6. 内容 (3) + titleBar: TitleBar, + articleContent: ArticleContent, + noticeBar: NoticeBar +}; + +/** + * 根据组件 type 解析 Vue 组件 + */ +export function resolveComponent(type) { + if (!type) return null; + return COMPONENT_MAP[type] || null; +} diff --git a/buyer/src/pages/GoodsList.vue b/buyer/src/pages/GoodsList.vue index 827319e51..749478716 100644 --- a/buyer/src/pages/GoodsList.vue +++ b/buyer/src/pages/GoodsList.vue @@ -345,7 +345,6 @@ getGoodsList(); } } -} .goods-show-seller { // padding:3px 0; diff --git a/buyer/src/pages/Index.vue b/buyer/src/pages/Index.vue index 59dccc1c3..f5a117a57 100644 --- a/buyer/src/pages/Index.vue +++ b/buyer/src/pages/Index.vue @@ -24,31 +24,32 @@ - + - + - +
- +
- + diff --git a/manager/src/views/page-decoration/pc/config-panel/ComponentConfigPanel.vue b/manager/src/views/page-decoration/pc/config-panel/ComponentConfigPanel.vue new file mode 100644 index 000000000..600b3bc67 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/ComponentConfigPanel.vue @@ -0,0 +1,454 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelArticle.vue b/manager/src/views/page-decoration/pc/config-panel/PanelArticle.vue new file mode 100644 index 000000000..a9454bd58 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelArticle.vue @@ -0,0 +1,246 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelBrandWall.vue b/manager/src/views/page-decoration/pc/config-panel/PanelBrandWall.vue new file mode 100644 index 000000000..6de140edb --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelBrandWall.vue @@ -0,0 +1,459 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelCarousel.vue b/manager/src/views/page-decoration/pc/config-panel/PanelCarousel.vue new file mode 100644 index 000000000..4b8776b9f --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelCarousel.vue @@ -0,0 +1,529 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelCategoryMegaMenu.vue b/manager/src/views/page-decoration/pc/config-panel/PanelCategoryMegaMenu.vue new file mode 100644 index 000000000..774f3adc3 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelCategoryMegaMenu.vue @@ -0,0 +1,381 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelCategoryNav.vue b/manager/src/views/page-decoration/pc/config-panel/PanelCategoryNav.vue new file mode 100644 index 000000000..bae481655 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelCategoryNav.vue @@ -0,0 +1,534 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelChannelFloor.vue b/manager/src/views/page-decoration/pc/config-panel/PanelChannelFloor.vue new file mode 100644 index 000000000..077eaf602 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelChannelFloor.vue @@ -0,0 +1,368 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelChannelGrid.vue b/manager/src/views/page-decoration/pc/config-panel/PanelChannelGrid.vue new file mode 100644 index 000000000..bb59248ea --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelChannelGrid.vue @@ -0,0 +1,509 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelCoupon.vue b/manager/src/views/page-decoration/pc/config-panel/PanelCoupon.vue new file mode 100644 index 000000000..c73835197 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelCoupon.vue @@ -0,0 +1,108 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelFooterNav.vue b/manager/src/views/page-decoration/pc/config-panel/PanelFooterNav.vue new file mode 100644 index 000000000..037c1b36b --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelFooterNav.vue @@ -0,0 +1,363 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelFreeLayout.vue b/manager/src/views/page-decoration/pc/config-panel/PanelFreeLayout.vue new file mode 100644 index 000000000..f242b62f7 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelFreeLayout.vue @@ -0,0 +1,60 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelGoods.vue b/manager/src/views/page-decoration/pc/config-panel/PanelGoods.vue new file mode 100644 index 000000000..c0277371c --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelGoods.vue @@ -0,0 +1,333 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelGoodsGrid.vue b/manager/src/views/page-decoration/pc/config-panel/PanelGoodsGrid.vue new file mode 100644 index 000000000..e3a813280 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelGoodsGrid.vue @@ -0,0 +1,301 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelGridFloor.vue b/manager/src/views/page-decoration/pc/config-panel/PanelGridFloor.vue new file mode 100644 index 000000000..a78243102 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelGridFloor.vue @@ -0,0 +1,370 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelHotZone.vue b/manager/src/views/page-decoration/pc/config-panel/PanelHotZone.vue new file mode 100644 index 000000000..f2a3aa83c --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelHotZone.vue @@ -0,0 +1,143 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelNotice.vue b/manager/src/views/page-decoration/pc/config-panel/PanelNotice.vue new file mode 100644 index 000000000..423c71c6d --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelNotice.vue @@ -0,0 +1,215 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelPromoGroup.vue b/manager/src/views/page-decoration/pc/config-panel/PanelPromoGroup.vue new file mode 100644 index 000000000..685312d40 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelPromoGroup.vue @@ -0,0 +1,131 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelRecommendFeed.vue b/manager/src/views/page-decoration/pc/config-panel/PanelRecommendFeed.vue new file mode 100644 index 000000000..9b6949308 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelRecommendFeed.vue @@ -0,0 +1,302 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelSearchHeader.vue b/manager/src/views/page-decoration/pc/config-panel/PanelSearchHeader.vue new file mode 100644 index 000000000..010abc6fd --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelSearchHeader.vue @@ -0,0 +1,438 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelTitle.vue b/manager/src/views/page-decoration/pc/config-panel/PanelTitle.vue new file mode 100644 index 000000000..819ba77ce --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelTitle.vue @@ -0,0 +1,87 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelTopBar.vue b/manager/src/views/page-decoration/pc/config-panel/PanelTopBar.vue new file mode 100644 index 000000000..c8fd5a46b --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelTopBar.vue @@ -0,0 +1,514 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelUserBenefits.vue b/manager/src/views/page-decoration/pc/config-panel/PanelUserBenefits.vue new file mode 100644 index 000000000..18de71a00 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelUserBenefits.vue @@ -0,0 +1,207 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/PanelVideo.vue b/manager/src/views/page-decoration/pc/config-panel/PanelVideo.vue new file mode 100644 index 000000000..b8014a07c --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/PanelVideo.vue @@ -0,0 +1,79 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/RowConfigPanel.vue b/manager/src/views/page-decoration/pc/config-panel/RowConfigPanel.vue new file mode 100644 index 000000000..ee65ace5b --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/RowConfigPanel.vue @@ -0,0 +1,369 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/config-panel/index.vue b/manager/src/views/page-decoration/pc/config-panel/index.vue new file mode 100644 index 000000000..e7662f216 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config-panel/index.vue @@ -0,0 +1,699 @@ + + + + + + + + + + diff --git a/manager/src/views/page-decoration/pc/config.js b/manager/src/views/page-decoration/pc/config.js new file mode 100644 index 000000000..ad30e6f08 --- /dev/null +++ b/manager/src/views/page-decoration/pc/config.js @@ -0,0 +1,1319 @@ +/** + + * PC 端楼层装修组件配置清单（对齐万米魔方建站标准，包含用户权益） + + * 共 6 大分类，25 个组件 + + */ + + + +export const COMPONENT_GROUPS = [ + + { + + key: 'structure', + + title: '结构', + + description: '页头、页脚与基础框架', + + icon: 'House' + + }, + + { + + key: 'navigation', + + title: '导航', + + description: '类目、频道和入口', + + icon: 'Compass' + + }, + + { + + key: 'media', + + title: '广告', + + description: '轮播、热区与活动图', + + icon: 'Picture' + + }, + + { + + key: 'commerce', + + title: '商品', + + description: '商品列表、楼层和推荐', + + icon: 'ShoppingBag' + + }, + + { + + key: 'marketing', + + title: '营销', + + description: '用户权益、优惠券等促销能力', + + icon: 'Ticket' + + }, + + { + + key: 'content', + + title: '内容', + + description: '标题、文章和公告', + + icon: 'Document' + + } + +]; + + + +export const COMPONENT_DEFINITIONS = [ + + // 1. 结构 (3个) + + { + + type: 'topBar', + + name: '快捷栏', + + group: 'structure', + + icon: 'Menu', + + description: '顶部欢迎语、登录注册与个人中心入口', + + defaultOptions: { + welcomeText: '欢迎来到商城', + loginText: '登录', + loginUrl: '/login', + registerText: '免费注册', + registerUrl: '/signUp', + userCenterUrl: '/order-list', + logoutText: '退出', + rightMenus: [ + { title: '基本信息', url: '/home/UserInfo' }, + { title: '我的订单', url: '/home/MyOrder' }, + { title: '账户安全', url: '/home/AccountSafe' }, + { title: '消息', url: '/home/Msg' } + ], + textColor: '#4b5563', + fontSize: 12 + }, + + defaultComponentStyle: { + + backgroundColor: '#f8fafc', + + textColor: '#64748b', + + height: 36, + + radius: [0, 0, 0, 0], + + padding: [0, 16, 0, 16] + + } + + }, + + { + + type: 'searchHeader', + + name: '搜索头部', + + group: 'structure', + + icon: 'Search', + + description: 'Logo、搜索框、热门搜索词与购物车悬浮按钮', + + defaultOptions: { + + logoUrl: '/static/logo/logo.png', + + placeholder: '搜索品牌或商品', + + hotWords: ['手机', '数码家电', '秋季上新', '电脑整机', '智能手表'], + + showCart: true, + + showHotWords: true, + + cartText: '我的购物车', + + cartBgColor: '#ffffff', + + cartBorderColor: '#e2e8f0', + + cartTextColor: '#111827', + + cartBadgeColor: '#e05644' + + }, + + defaultComponentStyle: { + + backgroundColor: '#ffffff', + + height: 90, + + radius: [0, 0, 0, 0], + + padding: [16, 20, 16, 20] + + } + + }, + + { + + type: 'footerNav', + + name: '页脚导航', + + group: 'structure', + + icon: 'Bottom', + + description: '服务保障条、帮助分类、友情链接与备案信息', + + defaultOptions: { + + showAssurance: true, + + assurances: [ + + { code: '多', title: '品类齐全', desc: '轻松购物', url: '/article' }, + + { code: '快', title: '多仓直发', desc: '极速配送', url: '/article' }, + + { code: '好', title: '正品行货', desc: '精致服务', url: '/article' }, + + { code: '省', title: '天天低价', desc: '畅选无忧', url: '/article' } + + ], + + guideGroups: [ + + { title: '购物指南', links: [{ text: '购物流程', url: '/article' }, { text: '会员介绍', url: '/article' }] }, + + { title: '配送方式', links: [{ text: '上门自提', url: '/article' }, { text: '211限时达', url: '/article' }] }, + + { title: '支付方式', links: [{ text: '货到付款', url: '/article' }, { text: '在线支付', url: '/article' }] }, + + { title: '售后服务', links: [{ text: '售后政策', url: '/article' }, { text: '价格保护', url: '/article' }] } + + ], + + icpText: '浙ICP备XXXXXXXX号-1', + + icpLink: 'https://beian.miit.gov.cn/', + + copyright: 'Copyright © 2026 Lilishop. All Rights Reserved.', + + copyrightLink: '' + + }, + + defaultComponentStyle: { + + widthRatio: '100%', + + backgroundColor: 'transparent', + + radius: [0, 0, 0, 0], + + padding: [30, 20, 20, 20] + + } + + }, + + + + // 2. 导航 (3个) + + { + + type: 'categoryNav', + name: '类目导航', + group: 'navigation', + icon: 'List', + description: '横向主导航栏条目、分类图标与高亮角标', + defaultOptions: { + showAllCategory: false, + allCategoryText: '全部分类', + allCategoryIcon: '', + textColor: '#334155', + activeColor: '#e11d48', + navItems: [ + { title: '应急救援', img: '/static/category-nav/cat_1.png', url: '/goodsList?categoryId=1', badge: '' }, + { title: '新鲜蔬菜', img: '/static/category-nav/cat_2.png', url: '/goodsList?categoryId=2', badge: '' }, + { title: '乳品烘焙', img: '/static/category-nav/cat_3.png', url: '/goodsList?categoryId=3', badge: '' }, + { title: '肉禽蛋品', img: '/static/category-nav/cat_4.png', url: '/goodsList?categoryId=4', badge: '' }, + { title: '生鲜门店', img: '/static/category-nav/cat_5.png', url: '/goodsList?categoryId=5', badge: '' }, + { title: '母婴育儿', img: '/static/category-nav/cat_6.png', url: '/goodsList?categoryId=6', badge: '' }, + { title: '美护百货', img: '/static/category-nav/cat_7.png', url: '/goodsList?categoryId=7', badge: '' }, + { title: '粮油调味', img: '/static/category-nav/cat_8.png', url: '/goodsList?categoryId=8', badge: '' }, + { title: '酒水饮料', img: '/static/category-nav/cat_9.png', url: '/goodsList?categoryId=9', badge: '' }, + { title: '海鲜水产', img: '/static/category-nav/cat_10.png', url: '/goodsList?categoryId=10', badge: '' } + ] + }, + defaultComponentStyle: { + widthRatio: '100%', + backgroundColor: '#ffffff', + height: 42, + radius: [0, 0, 0, 0], + padding: [0, 0, 0, 0] + } + }, + + { + + type: 'channelGrid', + name: '频道宫格', + group: 'navigation', + icon: 'Grid', + description: '4~8 列频道入口与图文卡片', + defaultOptions: { + columns: 4, + imageRadius: 10, + gap: 12, + items: [ + { title: '企业采购', subtitle: '批量省心', img: '/static/channel-grid/channel_1.png', url: '/goodsList?channel=1' }, + { title: '领券中心', subtitle: '先领再买', img: '/static/channel-grid/channel_2.png', url: '/couponCenter' }, + { title: '新品首发', subtitle: '每月上新', img: '/static/channel-grid/channel_3.png', url: '/goodsList?channel=3' }, + { title: '品牌馆', subtitle: '精选好店', img: '/static/channel-grid/channel_4.png', url: '/brand' } + ] + }, + defaultComponentStyle: { + widthRatio: '100%', + backgroundColor: 'transparent', + radius: [0, 0, 0, 0], + padding: [10, 0, 10, 0] + } + }, + + { + + type: 'categoryMegaMenu', + name: '类目弹层', + group: 'navigation', + icon: 'Fold', + description: '垂直分类菜单与多级展开弹层', + defaultOptions: { + title: '分类', + textColor: '#111927', + fontSize: 14, + activeColor: '#ea580c', + categories: [ + { + name: '精选频道', + subCategories: [ + { name: '每日精选', items: ['新品尝鲜', '大牌特惠', '超级秒杀', '今日热卖'] }, + { name: '特色专区', items: ['企业团购', '会员专享', '积分兑换', '清仓特卖'] } + ] + }, + { + name: '新品上架', + subCategories: [ + { name: '本周新发', items: ['数码新品', '秋季服饰', '美妆尝新', '家居收纳'] }, + { name: '潮流榜单', items: ['人气推荐', '编辑精选', '预售抢先'] } + ] + }, + { + name: '企业采购', + subCategories: [ + { name: '办公采购', items: ['办公用纸', '文具收纳', '商用打印', '会议茶水'] }, + { name: '员工福利', items: ['节日礼盒', '数码卡券', '健康体检', '员工关怀'] } + ] + }, + { + name: '领券中心', + subCategories: [ + { name: '平台券', items: ['全场满减', '品类专享', '运费券', '会员特权'] }, + { name: '大牌券', items: ['数码大额券', '生鲜补贴', '美妆立减', '母婴满减'] } + ] + } + ] + }, + defaultComponentStyle: { + widthRatio: '16.67%', + backgroundColor: 'transparent', + radius: [0, 0, 0, 0], + padding: [0, 0, 0, 0] + } + }, + + + + // 3. 广告 (6个) + + { + + type: 'carousel', + name: '轮播图', + group: 'media', + icon: 'PictureRounded', + description: '首页大图焦点轮播', + defaultOptions: { + autoPlay: true, + interval: 4000, + showArrow: true, + effect: 'fade', + showIndicator: true, + fitMode: 'contain', + aspectRatio: '2.5:1', + height: 380, + list: [ + { + img: '/static/carousel/banner_1.png', + title: '出游囤好货 · 迎接小长假', + url: '/goodsList?seckill=1' + }, + { + img: '/static/carousel/banner_2.png', + title: '爆款潮电 · 科技新品首发', + url: '/goodsList?category=1' + }, + { + img: '/static/carousel/banner_3.png', + title: '原产地直采 · 绿色鲜果集市', + url: '/goodsList?category=2' + }, + { + img: '/static/carousel/banner_4.png', + title: '甄选大牌美妆 · 唤醒肌肤活力', + url: '/goodsList?category=3' + } + ] + }, + defaultComponentStyle: { + widthRatio: '66.67%', + backgroundColor: 'transparent', + radius: [0, 0, 0, 0], + padding: [0, 0, 0, 0] + } + }, + + { + + type: 'brandWall', + name: '品牌图', + group: 'media', + icon: 'Medal', + description: '精选品牌与活动推广图片列表', + defaultOptions: { + columns: 4, + gap: 12, + items: [ + { title: '数码潮玩 · 爆款立减500', img: '/static/brand-wall/brand_1.png', url: '/goodsList?category=1' }, + { title: '美妆奢宠 · 每满300减50', img: '/static/brand-wall/brand_2.png', url: '/goodsList?category=2' }, + { title: '运动潮品 · 爆款低至5折', img: '/static/brand-wall/brand_3.png', url: '/goodsList?category=3' }, + { title: '品质生活 · 限时第2件半价', img: '/static/brand-wall/brand_4.png', url: '/goodsList?category=4' } + ] + }, + defaultComponentStyle: { + widthRatio: '100%', + backgroundColor: 'transparent', + radius: [0, 0, 0, 0], + padding: [10, 0, 10, 0] + } + }, + + { + type: 'hotZone', + name: '热区图', + group: 'media', + icon: 'Aim', + description: '一张大图框选多个跳转热区', + defaultOptions: { + imageUrl: '/static/hot-zone/hotzone_default.png', + zones: [ + { + title: '大促主会场 · 领券中心', + url: '/couponCenter', + left: 3.5, + top: 12, + width: 28.5, + height: 76 + }, + { + title: '数码潮电馆 · 爆款直降', + url: '/goodsList?category=1', + left: 35.5, + top: 12, + width: 28.5, + height: 76 + }, + { + title: '美妆奢品馆 · 5折特惠', + url: '/goodsList?category=2', + left: 67.5, + top: 12, + width: 29, + height: 76 + } + ] + }, + defaultComponentStyle: { + widthRatio: '100%', + backgroundColor: 'transparent', + radius: [8, 8, 8, 8], + padding: [10, 0, 10, 0] + } + }, + + { + + type: 'freeLayout', + + name: '自由布局', + + group: 'media', + + icon: 'FullScreen', + + description: '在固定高度容器内绝对定位自由拖放组件', + + defaultOptions: { + + height: 320, + + elements: [] + + }, + + defaultComponentStyle: { + + backgroundColor: '#ffffff', + + radius: [12, 12, 12, 12] + + } + + }, + + { + + type: 'promoGroup', + + name: '活动卡组', + + group: 'media', + + icon: 'Files', + + description: '2~4 列自适应大促卡片矩阵', + + defaultOptions: { + + columns: 3, + + cards: [ + { title: '限时秒杀', subtitle: '抢券立减50元 · 爆款直降', bgImg: '/static/promo-group/promo_1.png', url: '/goodsList?seckill=1' }, + { title: '品牌特惠', subtitle: '大牌买一送一 · 领百元神券', bgImg: '/static/promo-group/promo_2.png', url: '/goodsList?brand=1' }, + { title: '新品首发', subtitle: '首单专享特惠 · 1元起尝鲜', bgImg: '/static/promo-group/promo_3.png', url: '/goodsList?new=1' } + ] + + }, + + defaultComponentStyle: { + + backgroundColor: 'transparent', + + radius: [12, 12, 12, 12] + + } + + }, + + { + + type: 'video', + name: '视频', + group: 'media', + icon: 'VideoCamera', + description: '品牌宣传与商品视频播放', + defaultOptions: { + videoUrl: '', + coverUrl: '/static/video/video_cover.png', + autoPlay: false, + loop: false, + controls: true, + height: 450 + }, + + defaultComponentStyle: { + + radius: [12, 12, 12, 12] + + } + + }, + + + + // 4. 商品 (8个) + + { + + type: 'goodsList', + + name: '商品列表', + + group: 'commerce', + + icon: 'Goods', + + description: '基础网格商品流，支持手动选品与分类加载', + + defaultOptions: { + + dataSource: 'manual', // 'manual' | 'category' + + categoryIds: [], + + goodsCount: 12, + + goods: [ + { + id: '1', + goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', + price: '3999.00', + originalPrice: '4599.00', + thumbnail: '/static/goods/goods_1.png' + }, + { + id: '2', + goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', + price: '1099.00', + originalPrice: '1499.00', + thumbnail: '/static/goods/goods_2.png' + }, + { + id: '3', + goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', + price: '5699.00', + originalPrice: '6299.00', + thumbnail: '/static/goods/goods_3.png' + }, + { + id: '4', + goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', + price: '899.00', + originalPrice: '1199.00', + thumbnail: '/static/goods/goods_4.png' + }, + { + id: '5', + goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', + price: '680.00', + originalPrice: '890.00', + thumbnail: '/static/goods/goods_5.png' + }, + { + id: '6', + goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', + price: '899.00', + originalPrice: '1280.00', + thumbnail: '/static/goods/goods_6.png' + }, + { + id: '7', + goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', + price: '459.00', + originalPrice: '699.00', + thumbnail: '/static/goods/goods_7.png' + }, + { + id: '8', + goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', + price: '299.00', + originalPrice: '399.00', + thumbnail: '/static/goods/goods_8.png' + }, + { + id: '9', + goodsName: '智能降噪AI翻译蓝牙墨镜 超轻防紫外线偏光太阳镜', + price: '599.00', + originalPrice: '799.00', + thumbnail: '/static/goods/goods_1.png' + }, + { + id: '10', + goodsName: '15.6英寸 4K超高清便携式显示器 Type-C一线直连高色域', + price: '1299.00', + originalPrice: '1699.00', + thumbnail: '/static/goods/goods_3.png' + }, + { + id: '11', + goodsName: '国AA级减蓝光润眼长臂台灯 智能感光多档色温无极调光', + price: '249.00', + originalPrice: '359.00', + thumbnail: '/static/goods/goods_4.png' + }, + { + id: '12', + goodsName: '航空级铝镁合金静音万向轮拉杆登机箱 20英寸防刮耐磨', + price: '499.00', + originalPrice: '699.00', + thumbnail: '/static/goods/goods_7.png' + } + ], + + columns: 6, + + showTitle: true, + + showPrice: true, + + showOriginalPrice: true, + + showCartBtn: true, + + showTags: true + + }, + + defaultComponentStyle: { + + backgroundColor: 'transparent' + + } + + }, + + { + + type: 'gridFloor', + + name: '宫格楼层', + + group: 'commerce', + + icon: 'Grid', + + description: '百货大楼层：1F标题 + 左侧立体海报 + 右侧商品网格', + + defaultOptions: { + + showFloorTitle: true, + + floorNum: '1F', + + title: '潮流数码', + + subtitle: 'DIGITAL & TECH', + + subCategories: ['旗舰手机', '轻薄笔电', '降噪耳机', '智能穿戴', '数码配件'], + + moreUrl: '/goods', + + showPoster: true, + + posterImg: '/static/banner-floor/floor_banner_1.png', + + posterTitle: '数码潮电 酷玩季', + + posterSub: '领券最高立减 600 元', + + posterUrl: '/goods', + + posterTags: ['爆款低至5折', '新品首发', '分期免息'], + + columns: 4, + + goodsCount: 8, + + goods: [ + { + id: '101', + goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', + price: '3999.00', + originalPrice: '4599.00', + thumbnail: '/static/goods/goods_1.png' + }, + { + id: '102', + goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', + price: '1099.00', + originalPrice: '1499.00', + thumbnail: '/static/goods/goods_2.png' + }, + { + id: '103', + goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', + price: '5699.00', + originalPrice: '6299.00', + thumbnail: '/static/goods/goods_3.png' + }, + { + id: '104', + goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', + price: '899.00', + originalPrice: '1199.00', + thumbnail: '/static/goods/goods_4.png' + }, + { + id: '105', + goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', + price: '680.00', + originalPrice: '890.00', + thumbnail: '/static/goods/goods_5.png' + }, + { + id: '106', + goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', + price: '899.00', + originalPrice: '1280.00', + thumbnail: '/static/goods/goods_6.png' + }, + { + id: '107', + goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', + price: '459.00', + originalPrice: '699.00', + thumbnail: '/static/goods/goods_7.png' + }, + { + id: '108', + goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', + price: '299.00', + originalPrice: '399.00', + thumbnail: '/static/goods/goods_8.png' + } + ] + + }, + + defaultComponentStyle: { + + backgroundColor: '#ffffff', + + radius: [12, 12, 12, 12], + + padding: [20, 20, 20, 20] + + } + + }, + + { + + type: 'goodsGrid', + name: '商品宫格', + group: 'commerce', + icon: 'Menu', + description: '严谨商品矩阵：带网格分割线商品单元格', + defaultOptions: { + title: '爆款热卖榜', + subtitle: '近30天爆卖好物精选', + showBorder: true, + showMoreLink: true, + moreText: '查看全部', + columns: 5, + goods: [ + { id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' }, + { id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: '/static/goods/goods_2.png' }, + { id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: '/static/goods/goods_3.png' }, + { id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: '/static/goods/goods_4.png' }, + { id: '5', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: '/static/goods/goods_5.png' }, + { id: '6', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: '/static/goods/goods_6.png' }, + { id: '7', goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', price: '459.00', originalPrice: '699.00', thumbnail: '/static/goods/goods_7.png' }, + { id: '8', goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', price: '299.00', originalPrice: '399.00', thumbnail: '/static/goods/goods_8.png' }, + { id: '9', goodsName: '折叠屏旗舰手机 典藏陶瓷白 悬停双旋水滴铰链', price: '6999.00', originalPrice: '7999.00', thumbnail: '/static/goods/goods_1.png' }, + { id: '10', goodsName: '真无线触控降噪蓝牙耳机 超低延迟游戏降噪', price: '599.00', originalPrice: '799.00', thumbnail: '/static/goods/goods_2.png' } + ] + }, + + defaultComponentStyle: { + + backgroundColor: '#ffffff', + + radius: [12, 12, 12, 12], + + padding: [16, 16, 16, 16] + + } + + }, + + { + + type: 'goodsCard', + + name: '商品卡片', + + group: 'commerce', + + icon: 'Postcard', + + description: '精选单品爆款特写大卡片', + + defaultOptions: { + goodsId: '1', + goodsInfo: { id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' }, + customTitle: '年度年度旗舰 · 科技美学', + customDesc: '搭载新一代旗舰处理器，超光影三主摄影像，120Hz高刷原色护眼屏，重磅直降立减600元。', + badge: '重磅首发', + goods: [ + { id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' } + ] + }, + + defaultComponentStyle: { + + backgroundColor: '#ffffff', + + radius: [12, 12, 12, 12], + + padding: [24, 24, 24, 24] + + } + + }, + + { + + type: 'bannerFloor', + + name: '横幅楼层', + + group: 'commerce', + + icon: 'Reading', + + description: '左侧海报横幅 + 右侧商品网格', + + defaultOptions: { + title: '大牌热销榜', + subtitle: '经典楼层 · 专享特惠', + bannerImg: '/static/banner-floor/floor_banner_1.png', + bannerUrl: '/goodsList?category=1', + goodsCount: 6, + columns: 3, + goods: [ + { id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' }, + { id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: '/static/goods/goods_2.png' }, + { id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: '/static/goods/goods_3.png' }, + { id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: '/static/goods/goods_4.png' }, + { id: '5', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: '/static/goods/goods_5.png' }, + { id: '6', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: '/static/goods/goods_6.png' } + ] + }, + + defaultComponentStyle: { + + backgroundColor: '#ffffff', + + radius: [12, 12, 12, 12], + + padding: [16, 16, 16, 16] + + } + + }, + + { + + type: 'goodsBar', + + name: '商品条', + + group: 'commerce', + + icon: 'DArrowRight', + + description: '单行横向横滑商品条', + + defaultOptions: { + title: '限时好物推荐', + subtitle: '每日人气尖货爆款直降', + columns: 6, + goods: [ + { id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' }, + { id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: '/static/goods/goods_2.png' }, + { id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: '/static/goods/goods_3.png' }, + { id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: '/static/goods/goods_4.png' }, + { id: '5', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: '/static/goods/goods_5.png' }, + { id: '6', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: '/static/goods/goods_6.png' } + ] + }, + + defaultComponentStyle: { + + backgroundColor: '#ffffff', + + radius: [12, 12, 12, 12], + + padding: [16, 16, 16, 16] + + } + + }, + + {type: 'channelFloor', + + name: '频道楼层', + + group: 'commerce', + + icon: 'CollectionTag', + + description: '场景频道：主视觉 + 活动入口 + 精选商品组合', + + defaultOptions: { + showTitle: true, + title: '场景频道', + subtitle: '主视觉 + 商品组合楼层', + heroImage: '/static/banner-floor/floor_banner_1.png', + heroTitle: '品质生活馆', + heroSubtitle: '精选场景好物，一站购齐', + heroButtonText: '进入频道', + heroHref: '/goods', + heroStyle: 'gradient', + promos: [ + { title: '大牌补贴', desc: '领券最高减100', tag: '限时', url: '/goods' }, + { title: '新品驾到', desc: '官方正品首发', tag: '新品', url: '/goods' } + ], + goodsCount: 6, + goods: [ + { id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' }, + { id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: '/static/goods/goods_2.png' }, + { id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: '/static/goods/goods_3.png' }, + { id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: '/static/goods/goods_4.png' }, + { id: '5', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: '/static/goods/goods_6.png' }, + { id: '6', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: '/static/goods/goods_5.png' } + ] + }, + + defaultComponentStyle: { + backgroundColor: '#ffffff', + radius: [12, 12, 12, 12], + padding: [20, 20, 20, 20] + } + }, + + { + type: 'recommendFeed', + + name: '推荐商品', + + group: 'commerce', + + icon: 'Star', + + description: '猜你喜欢：精选大卡+瀑布网格推荐流', + + defaultOptions: { + title: '猜你喜欢', + subtitle: '真实推荐商品流', + layoutStyle: 'featured', + pageSize: 8, + maxPages: 3, + backgroundColor: '#f8fafc', + imageRadius: 10, + gap: 12, + goods: [ + { id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' }, + { id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: '/static/goods/goods_2.png' }, + { id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: '/static/goods/goods_3.png' }, + { id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: '/static/goods/goods_4.png' }, + { id: '5', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: '/static/goods/goods_5.png' }, + { id: '6', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: '/static/goods/goods_6.png' }, + { id: '7', goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', price: '459.00', originalPrice: '699.00', thumbnail: '/static/goods/goods_7.png' }, + { id: '8', goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', price: '299.00', originalPrice: '399.00', thumbnail: '/static/goods/goods_8.png' } + ] + }, + + defaultComponentStyle: { + backgroundColor: '#f8fafc', + radius: [12, 12, 12, 12], + padding: [24, 20, 24, 20] + } + }, + + // 5. 营销 (2个) + { + type: 'userBenefits', + name: '用户权益', + group: 'marketing', + icon: 'User', + description: '展示会员信息、登录/注册引导与购物车、优惠券、订单指标', + defaultOptions: { + badgeText: '请登录', + welcomeText: '欢迎来到商城', + subtitle: '登录后查看专属权益', + avatar: '', + loginText: '登录', + registerText: '注册', + loginUrl: '/login', + registerUrl: '/signUp', + showCart: true, + showCoupons: true, + showOrders: true, + cartText: '购物车', + couponText: '优惠券', + orderText: '订单', + cartUrl: '/cart', + couponUrl: '/member/coupon', + orderUrl: '/member/order' + }, + defaultComponentStyle: { + widthRatio: '16.67%', + margin: [0, 0, 0, 0], + padding: [16, 14, 16, 14], + radius: [8, 8, 8, 8], + backgroundColor: '#ffffff' + } + }, + { + type: 'couponList', + + name: '优惠券', + + group: 'marketing', + + icon: 'Ticket', + + description: '大促优惠券领取卡片列表', + + defaultOptions: { + columns: 4, + couponIds: ['1', '2', '3', '4'], + skin: 'red', // 'red' | 'dark' | 'gradient' + showLimitText: true, + coupons: [ + { id: '1', price: 20, consumeThreshold: 199, title: '全品类通用券', limitText: '全场通用 无门槛限制' }, + { id: '2', price: 50, consumeThreshold: 399, title: '数码家电专享券', limitText: '数码/手机/家电可用' }, + { id: '3', price: 100, consumeThreshold: 699, title: '大牌美妆特惠券', limitText: '美妆奢护专区可用' }, + { id: '4', price: 10, consumeThreshold: 99, title: '新客首单立减券', limitText: '首次下单专享福利' } + ] + }, + + defaultComponentStyle: { + + backgroundColor: 'transparent', + + padding: [8, 0, 8, 0] + + } + + }, + + + + // 6. 内容 (3个) + + { + + type: 'titleBar', + + name: '标题栏', + + group: 'content', + + icon: 'Edit', + + description: '楼层独立大标题与查看更多入口', + + defaultOptions: { + + mainTitle: '楼层标题', + + subtitle: '副标题说明文字', + + align: 'left', // 'left' | 'center' + + showMore: true, + + moreText: '查看更多 >', + + moreUrl: '/' + + }, + + defaultComponentStyle: { + widthRatio: '100%', + backgroundColor: 'transparent', + padding: [16, 8, 12, 8] + } + + }, + + {type: 'articleContent', + name: '文章内容', + group: 'content', + icon: 'Document', + description: '富文本文章排版：品牌故事、专栏、购物评测与图文', + defaultOptions: { + showTitle: true, + title: '品牌故事 · 匠心传承', + subtitle: '关于我们的品牌理念与品质坚持', + showMeta: true, + tag: '品牌专栏', + author: '官方商城运营部', + date: '2026-10-28', + fontSize: 15, + textAlign: 'left', + content: `

关于我们 · 甄选美好生活

+

我们始终坚信，一件好的产品不仅能改善日常生活的品质，更传递着对美好生活的执着追求。自创立以来，我们严选全球顶尖供应链，深耕每一道生产工艺与质检环节，力求将兼具美学价值与极致实用性的商品送达每一位用户手中。

+
品质是我们的信仰，体验是我们的底线。从选材到交付，每一步都经得起时光检验。
+

四大核心服务保障

+ +

感谢一路相伴的每一位朋友，未来我们将持续探索更多优质生活场景，与您共同见证品质生活的美好绽放。

` + }, + defaultComponentStyle: { + widthRatio: '100%', + backgroundColor: '#ffffff', + radius: [12, 12, 12, 12], + padding: [24, 28, 24, 28] + } + }, + + { + type: 'noticeBar', + + name: '公告快讯', + + group: 'content', + + icon: 'Bell', + + description: '跑马灯/垂直翻滚公告快讯条', + + defaultOptions: { + title: '公告快讯', + showMore: true, + moreText: '更多', + moreUrl: '/article', + items: [ + { tag: '最新', title: '商城秋季大促重磅开启，全场满300立减50元！', time: '10-28', url: '/article' }, + { tag: '活动', title: '会员专享积分商城全新上线，精选好礼0元兑换', time: '10-27', url: '/article' }, + { tag: '通知', title: '关于商城系统例行优化维护及物流发货保障通知', time: '10-26', url: '/article' }, + { tag: '热议', title: '品质生活馆场景专区火热来袭，领券最高减100', time: '10-25', url: '/article' } + ] + }, + + defaultComponentStyle: { + widthRatio: '100%', + backgroundColor: '#ffffff', + radius: [8, 8, 8, 8], + padding: [0, 16, 0, 16] + } + } +]; + +export const DEFAULT_ROW_STYLE = { + width: 1920, + height: 40, + gap: 0, + margin: [0, 0, 0, 0], + padding: [0, 0, 0, 0], + radius: [0, 0, 0, 0] +}; + + + +/** + + * 生成新行 + + */ + +export function createRow(component = null) { + + const rowId = `row_${Date.now()}_${Math.random().toString(36).substring(2, 7)}`; + + const components = []; + + if (component) { + + components.push(createComponent(component)); + + } + + return { + + id: rowId, + + rowStyle: { ...DEFAULT_ROW_STYLE }, + + components + + }; + +} + + + +/** + + * 生成新组件实例 + + */ + +export function createComponent(def) { + + const cmpId = `cmp_${Date.now()}_${Math.random().toString(36).substring(2, 7)}`; + + const style = JSON.parse(JSON.stringify(def.defaultComponentStyle || {})); + + if (!style.margin) style.margin = [0, 0, 0, 0]; + + if (!style.padding) style.padding = [0, 0, 0, 0]; + + if (!style.radius) style.radius = [0, 0, 0, 0]; + + if (!style.widthRatio) style.widthRatio = '100%'; + + if (!style.backgroundColor && style.backgroundColor !== 'transparent') style.backgroundColor = '#ffffff'; + + if (!style.backgroundImage) style.backgroundImage = ''; + + return { + + id: cmpId, + + type: def.type, + + name: def.name, + + icon: def.icon, + + componentStyle: style, + + options: JSON.parse(JSON.stringify(def.defaultOptions || {})) + + }; + +} + diff --git a/manager/src/views/page-decoration/pc/controls/BoxModelField.vue b/manager/src/views/page-decoration/pc/controls/BoxModelField.vue new file mode 100644 index 000000000..899ed6c1f --- /dev/null +++ b/manager/src/views/page-decoration/pc/controls/BoxModelField.vue @@ -0,0 +1,228 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/controls/NestedBoxModel.vue b/manager/src/views/page-decoration/pc/controls/NestedBoxModel.vue new file mode 100644 index 000000000..473acf060 --- /dev/null +++ b/manager/src/views/page-decoration/pc/controls/NestedBoxModel.vue @@ -0,0 +1,524 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/index.vue b/manager/src/views/page-decoration/pc/index.vue new file mode 100644 index 000000000..4f5e9574f --- /dev/null +++ b/manager/src/views/page-decoration/pc/index.vue @@ -0,0 +1,2445 @@ + + + + + + + + diff --git a/manager/src/views/page-decoration/pc/presets/double11Preset.js b/manager/src/views/page-decoration/pc/presets/double11Preset.js new file mode 100644 index 000000000..2d7566f00 --- /dev/null +++ b/manager/src/views/page-decoration/pc/presets/double11Preset.js @@ -0,0 +1,1932 @@ +export const DOUBLE11_PAGE_DOCUMENT = { + "version": 2, + "pageType": "INDEX", + "name": "双11 平台首页", + "pageStyle": { + "backgroundColor": "#ffffff" + }, + "list": [ + { + "id": "row_top_bar", + "rowStyle": { + "width": "100%", + "backgroundColor": "#0f172a", + "margin": [ + 0, + 0, + 0, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_top_bar", + "type": "topBar", + "name": "快捷栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "showCity": true, + "defaultCity": "北京市", + "showThemeToggle": false, + "showCart": true, + "showOrder": true, + "quickLinks": [ + { + "title": "双11超级会场", + "url": "/special" + }, + { + "title": "企业特惠采购", + "url": "/company" + }, + { + "title": "官方客户服务", + "url": "/article" + }, + { + "title": "无障碍浏览", + "url": "/accessible" + } + ] + } + } + ] + }, + { + "id": "row_search_header", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 0, + 0 + ], + "padding": [ + 12, + 0, + 12, + 0 + ] + }, + "components": [ + { + "id": "cmp_search_header", + "type": "searchHeader", + "name": "搜索头", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "#ffffff" + }, + "options": { + "logoUrl": "/static/logo/logo.png", + "logoAlt": "双11全球狂欢节", + "placeholder": "双11爆款 5折封顶 · 跨店每满300减50", + "hotWords": [ + "iPhone 16 Pro", + "雅诗兰黛小棕瓶", + "戴森吹风机", + "华为Mate 70", + "五粮液普五", + "耐克碳板跑鞋" + ] + } + } + ] + }, + { + "id": "row_cat_nav", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 12, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_cat_nav", + "type": "categoryNav", + "name": "类目导航", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "#ffffff" + }, + "options": { + "categories": [ + { + "id": "1", + "name": "双11狂欢主会场", + "href": "/special", + "active": true + }, + { + "id": "2", + "name": "潮流数码", + "href": "/goodsList?categoryId=1" + }, + { + "id": "3", + "name": "奢宠美妆", + "href": "/goodsList?categoryId=2" + }, + { + "id": "4", + "name": "品质家电", + "href": "/goodsList?categoryId=3" + }, + { + "id": "5", + "name": "服饰鞋包", + "href": "/goodsList?categoryId=4" + }, + { + "id": "6", + "name": "生鲜食品", + "href": "/goodsList?categoryId=5" + }, + { + "id": "7", + "name": "领券中心", + "href": "/couponCenter" + } + ] + } + } + ] + }, + { + "id": "row_hero_three_col", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 14, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ], + "justifyContent": "space-between", + "alignItems": "stretch", + "gap": 12 + }, + "components": [ + { + "id": "cmp_mega_menu", + "type": "categoryMegaMenu", + "name": "多级菜单", + "componentStyle": { + "widthRatio": "16.67%", + "backgroundColor": "#ffffff", + "radius": [ + 8, + 8, + 8, + 8 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "options": { + "showAll": true, + "categories": [ + { + "id": "c1", + "name": "潮流数码" + }, + { + "id": "c2", + "name": "奢宠美妆" + }, + { + "id": "c3", + "name": "智能家电" + }, + { + "id": "c4", + "name": "服饰鞋包" + }, + { + "id": "c5", + "name": "运动潮流" + }, + { + "id": "c6", + "name": "精品生鲜" + }, + { + "id": "c7", + "name": "居家生活" + }, + { + "id": "c8", + "name": "母婴玩具" + } + ], + "title": "分类" + } + }, + { + "id": "cmp_carousel", + "type": "carousel", + "name": "轮播图", + "componentStyle": { + "widthRatio": "66.67%", + "backgroundColor": "transparent", + "radius": [ + 8, + 8, + 8, + 8 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "options": { + "interval": 4000, + "height": 420, + "banners": [ + { + "title": "双11全球狂欢 · 潮流数码甄选", + "subtitle": "定金膨胀100抵300 抢千元大额神券", + "image": "/static/carousel/banner_1.png", + "url": "/goodsList" + }, + { + "title": "奢宠美妆 · 经典护肤狂欢", + "subtitle": "买1赠1正装量 跨店每满300减50", + "image": "/static/carousel/banner_2.png", + "url": "/goodsList" + }, + { + "title": "运动潮流 · 破界开练", + "subtitle": "顶级碳板竞速 全场低至5折起", + "image": "/static/carousel/banner_3.png", + "url": "/goodsList" + }, + { + "title": "极简家居 · 美学生活", + "subtitle": "大牌家电以旧换新 至高补贴20%", + "image": "/static/carousel/banner_4.png", + "url": "/goodsList" + } + ], + "fitMode": "cover" + } + }, + { + "id": "cmp_user_benefits", + "type": "userBenefits", + "name": "用户权益", + "componentStyle": { + "widthRatio": "16.67%", + "backgroundColor": "#ffffff", + "radius": [ + 8, + 8, + 8, + 8 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "options": { + "badgeText": "请登录", + "welcomeText": "欢迎来到商城", + "subtitle": "登录后查看专属权益", + "avatar": "", + "loginText": "登录", + "registerText": "注册", + "loginUrl": "/login", + "registerUrl": "/signUp", + "showCart": true, + "showCoupons": true, + "showOrders": true, + "cartText": "购物车", + "couponText": "优惠券", + "orderText": "订单", + "cartUrl": "/cart", + "couponUrl": "/member/coupon", + "orderUrl": "/member/order" + } + } + ] + }, + { + "id": "row_notice", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 14, + 0 + ], + "padding": [ + 4, + 12, + 4, + 12 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_notice", + "type": "noticeBar", + "name": "公告快讯", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11大促快讯", + "scrollSpeed": 3500, + "notices": [ + { + "tag": "狂欢速递", + "text": "双11大促全面开启！跨店每满300减50，可叠加全品类大额神券！", + "time": "10分钟前", + "url": "/article" + }, + { + "tag": "官方保障", + "text": "全场大促商品保价至11月30日，买贵一键退差价！顺丰次日达！", + "time": "30分钟前", + "url": "/article" + }, + { + "tag": "整点免单", + "text": "每晚8点锁定直播间，整点抽免单锦鲤，大额无门槛红包疯狂撒！", + "time": "1小时前", + "url": "/article" + }, + { + "tag": "物流升级", + "text": "全国核心仓全面开跑，千万级爆款预售好物极速发货次日达！", + "time": "2小时前", + "url": "/article" + } + ] + } + } + ] + }, + { + "id": "row_channels", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 14, + 16, + 14 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_channel_grid", + "type": "channelGrid", + "name": "频道宫格", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "columns": 5, + "channels": [ + { + "id": "1", + "title": "双11预售", + "subtitle": "定金最高膨胀3倍", + "icon": "Present", + "url": "/special" + }, + { + "id": "2", + "title": "领券中心", + "subtitle": "跨店每满300减50", + "icon": "Ticket", + "url": "/couponCenter" + }, + { + "id": "3", + "title": "百亿补贴", + "subtitle": "大牌正品官方补", + "icon": "Medal", + "url": "/goodsList" + }, + { + "id": "4", + "title": "限时秒杀", + "subtitle": "爆款低至1折抢", + "icon": "Timer", + "url": "/goodsList" + }, + { + "id": "5", + "title": "大牌免息", + "subtitle": "至高24期分期免息", + "icon": "CreditCard", + "url": "/goodsList" + }, + { + "id": "6", + "title": "新品首发", + "subtitle": "年度重磅科技旗舰", + "icon": "Opportunity", + "url": "/goodsList" + }, + { + "id": "7", + "title": "潮流数码", + "subtitle": "旗舰手机立省千元", + "icon": "Cellphone", + "url": "/goodsList" + }, + { + "id": "8", + "title": "奢宠美妆", + "subtitle": "买1赠1大牌正装", + "icon": "MagicStick", + "url": "/goodsList" + }, + { + "id": "9", + "title": "超市生鲜", + "subtitle": "原产地直采次日达", + "icon": "Shop", + "url": "/goodsList" + }, + { + "id": "10", + "title": "会员专享", + "subtitle": "积分当钱双倍膨胀", + "icon": "Trophy", + "url": "/member" + } + ] + } + } + ] + }, + { + "id": "row_coupon_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_coupon_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11狂欢领券中心", + "subtitle": "MEGA COUPONS · 跨店每满300减50 整点限量秒", + "tag": "叠券折上折", + "moreText": "前往领券中心 >", + "moreUrl": "/couponCenter" + } + } + ] + }, + { + "id": "row_coupons", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_coupon_list", + "type": "couponList", + "name": "优惠券", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "columns": 4, + "skin": "red", + "showLimitText": true, + "coupons": [ + { + "id": "1", + "price": 50, + "consumeThreshold": 300, + "title": "双11跨店通用券", + "limitText": "全场跨店可用 每满300减50" + }, + { + "id": "2", + "price": 100, + "consumeThreshold": 699, + "title": "潮流数码专享神券", + "limitText": "手机/电脑/智能数码专享" + }, + { + "id": "3", + "price": 200, + "consumeThreshold": 1200, + "title": "品质家电重磅狂欢券", + "limitText": "大牌家电以旧换新专区" + }, + { + "id": "4", + "price": 30, + "consumeThreshold": 99, + "title": "双11新客超级礼金", + "limitText": "首次下单无门槛专属立减" + } + ] + } + } + ] + }, + { + "id": "row_hotzone", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_hotzone", + "type": "hotZone", + "name": "热区", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "#ffffff", + "radius": [ + 8, + 8, + 8, + 8 + ] + }, + "options": { + "imageUrl": "/static/hot-zone/hotzone_default.png", + "hotzones": [ + { + "id": "hz1", + "title": "数码潮流会场", + "url": "/goodsList", + "left": 4, + "top": 12, + "width": 21, + "height": 76 + }, + { + "id": "hz2", + "title": "美妆奢护狂欢", + "url": "/goodsList", + "left": 28, + "top": 12, + "width": 21, + "height": 76 + }, + { + "id": "hz3", + "title": "品质家电狂欢", + "url": "/goodsList", + "left": 52, + "top": 12, + "width": 21, + "height": 76 + }, + { + "id": "hz4", + "title": "抢千万大促红包", + "url": "/couponCenter", + "left": 75, + "top": 12, + "width": 21, + "height": 76 + } + ] + } + } + ] + }, + { + "id": "row_promos", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_promo_group", + "type": "promoGroup", + "name": "促销群", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "columns": 3, + "promos": [ + { + "id": "p1", + "title": "双11定金膨胀", + "subtitle": "100抵300 抢跑双11", + "image": "/static/promo/promo_1.png", + "tag": "预售锁定", + "url": "/goodsList" + }, + { + "id": "p2", + "title": "大牌狂欢买1送1", + "subtitle": "买大牌正装赠等量好礼", + "image": "/static/promo/promo_2.png", + "tag": "狂欢赠礼", + "url": "/goodsList" + }, + { + "id": "p3", + "title": "爆款百亿补贴", + "subtitle": "全网比价 买贵必赔", + "image": "/static/promo/promo_3.png", + "tag": "官方直补", + "url": "/goodsList" + } + ] + } + } + ] + }, + { + "id": "row_goods_split", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ], + "justifyContent": "space-between" + }, + "components": [ + { + "id": "cmp_goods_card", + "type": "goodsCard", + "name": "商品卡片", + "componentStyle": { + "widthRatio": "50%", + "backgroundColor": "#ffffff", + "radius": [ + 8, + 8, + 8, + 8 + ], + "padding": [ + 16, + 16, + 16, + 16 + ] + }, + "options": { + "goodsId": "1", + "title": "双11机皇甄选 · 旗舰 5G 智能手机 12GB+256GB", + "subtitle": "超光影影像系统 潜望长焦防抖 满血旗舰芯", + "tag": "双11爆款机皇", + "badge": "立省600元", + "price": "3999.00", + "originalPrice": "4599.00", + "image": "/static/goods/goods_1.png", + "url": "/goods/1" + } + }, + { + "id": "cmp_goods_bar", + "type": "goodsBar", + "name": "商品条", + "componentStyle": { + "widthRatio": "50%", + "backgroundColor": "#ffffff", + "radius": [ + 8, + 8, + 8, + 8 + ], + "padding": [ + 16, + 16, + 16, + 16 + ] + }, + "options": { + "goods": [ + { + "id": "2", + "goodsName": "无线头戴式深度主动降噪耳机 空间音频Hi-Res", + "price": "1099.00", + "originalPrice": "1499.00", + "thumbnail": "/static/goods/goods_2.png", + "tag": "降噪TOP1" + }, + { + "id": "3", + "goodsName": "14英寸全面屏轻薄笔记本电脑 酷睿i7 高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "thumbnail": "/static/goods/goods_3.png", + "tag": "直降600" + }, + { + "id": "4", + "goodsName": "运动健康专业监测智能手表 心率血氧长续航防水", + "price": "899.00", + "originalPrice": "1199.00", + "thumbnail": "/static/goods/goods_4.png", + "tag": "抢购热卖" + } + ] + } + } + ] + }, + { + "id": "row_freelayout", + "rowStyle": { + "width": "1200", + "backgroundColor": "#e11d48", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 14, + 20, + 14, + 20 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_freelayout", + "type": "freeLayout", + "name": "自由排版", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "elements": [ + { + "type": "badge", + "title": "双11全球狂欢季", + "tag": "11.11 MEGA SALE", + "backgroundColor": "#ffffff", + "color": "#e11d48" + }, + { + "type": "slogan", + "text": "全场官方正品保障 · 全程保价买贵退差 · 顺丰极速配送" + }, + { + "type": "button", + "text": "立即前往大促专题会场 >", + "url": "/special" + } + ] + } + } + ] + }, + { + "id": "row_floor1_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_floor1_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "1F 潮流数码狂欢", + "subtitle": "DIGITAL & GADGETS · 旗舰影像与前沿智能科技", + "tag": "数码盛典", + "moreText": "查看更多数码 >", + "moreUrl": "/goodsList?categoryId=1" + } + } + ] + }, + { + "id": "row_floor1_grid", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_grid_floor", + "type": "gridFloor", + "name": "网格楼层", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "floorNo": "1F", + "title": "潮流数码狂欢", + "subtitle": "DIGITAL & GADGETS", + "posterImage": "/static/banner-floor/floor_banner_1.png", + "posterTitle": "数码狂欢盛典", + "posterSubtitle": "最高立省1000元", + "goods": [ + { + "id": "1", + "goodsName": "【双11爆款】旗舰 5G 智能手机 12GB+256GB 超光影潜望长焦", + "price": "3999.00", + "originalPrice": "4599.00", + "sales": 15820, + "positiveRate": "99.8%", + "isSelf": true, + "thumbnail": "/static/goods/goods_1.png" + }, + { + "id": "2", + "goodsName": "【立减400】无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res高保真", + "price": "1099.00", + "originalPrice": "1499.00", + "sales": 28410, + "positiveRate": "99.5%", + "isSelf": true, + "thumbnail": "/static/goods/goods_2.png" + }, + { + "id": "3", + "goodsName": "【大牌补贴】14英寸全面屏轻薄商务笔记本电脑 酷睿i7 120Hz高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "sales": 9320, + "positiveRate": "99.2%", + "isSelf": true, + "thumbnail": "/static/goods/goods_3.png" + }, + { + "id": "4", + "goodsName": "【直降300】运动健康专业监测智能手表 心率血氧ECG 50米专业防水", + "price": "899.00", + "originalPrice": "1199.00", + "sales": 19500, + "positiveRate": "99.6%", + "isSelf": true, + "thumbnail": "/static/goods/goods_4.png" + } + ] + } + } + ] + }, + { + "id": "row_banner_floor", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_banner_floor", + "type": "bannerFloor", + "name": "横幅楼层", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "bannerImage": "/static/banner-floor/floor_banner_1.png", + "title": "双11大牌品质生活盛典", + "subtitle": "以旧换新重磅补贴 跨店每满300减50", + "goods": [ + { + "id": "5", + "goodsName": "【买1赠1正装】奢宠酵母焕活修护精华露 50ml 紧致淡纹修护抗皱滋养", + "price": "680.00", + "originalPrice": "890.00", + "sales": 34100, + "positiveRate": "99.9%", + "isSelf": true, + "thumbnail": "/static/goods/goods_5.png" + }, + { + "id": "6", + "goodsName": "【官方补贴】意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡一体", + "price": "899.00", + "originalPrice": "1280.00", + "sales": 8760, + "positiveRate": "99.1%", + "isSelf": false, + "thumbnail": "/static/goods/goods_6.png" + }, + { + "id": "7", + "goodsName": "【大促5折】碳板专业竞速轻量缓震跑步鞋 透气防滑男女马拉松同款跑鞋", + "price": "459.00", + "originalPrice": "699.00", + "sales": 22100, + "positiveRate": "99.4%", + "isSelf": true, + "thumbnail": "/static/goods/goods_7.png" + }, + { + "id": "8", + "goodsName": "【限时特惠】极简静音无雾负离子香薰加湿器 大容量客厅卧室通用", + "price": "299.00", + "originalPrice": "399.00", + "sales": 14200, + "positiveRate": "99.0%", + "isSelf": false, + "thumbnail": "/static/goods/goods_8.png" + } + ] + } + } + ] + }, + { + "id": "row_channel_floor", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_channel_floor", + "type": "channelFloor", + "name": "频道楼层", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11智能生活场景馆", + "subtitle": "SMART LIFE SHOWROOM", + "heroImage": "/static/promo/promo_1.png", + "heroTitle": "智能生活新时代", + "heroSubtitle": "畅享未来智慧家庭科技", + "goods": [ + { + "id": "1", + "goodsName": "【双11爆款】旗舰 5G 智能手机 12GB+256GB 超光影潜望长焦", + "price": "3999.00", + "originalPrice": "4599.00", + "sales": 15820, + "positiveRate": "99.8%", + "isSelf": true, + "thumbnail": "/static/goods/goods_1.png" + }, + { + "id": "3", + "goodsName": "【大牌补贴】14英寸全面屏轻薄商务笔记本电脑 酷睿i7 120Hz高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "sales": 9320, + "positiveRate": "99.2%", + "isSelf": true, + "thumbnail": "/static/goods/goods_3.png" + }, + { + "id": "6", + "goodsName": "【官方补贴】意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡一体", + "price": "899.00", + "originalPrice": "1280.00", + "sales": 8760, + "positiveRate": "99.1%", + "isSelf": false, + "thumbnail": "/static/goods/goods_6.png" + } + ] + } + } + ] + }, + { + "id": "row_grid_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_grid_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11爆款必买热销榜", + "subtitle": "TOP RANKINGS · 亿万买家真实下单好评热选", + "tag": "实时榜单", + "moreText": "查看完整榜单 >", + "moreUrl": "/goodsList" + } + } + ] + }, + { + "id": "row_goods_grid", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_goods_grid", + "type": "goodsGrid", + "name": "商品宫格", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "columns": 5, + "goods": [ + { + "id": "1", + "goodsName": "【双11爆款】旗舰 5G 智能手机 12GB+256GB 超光影潜望长焦", + "price": "3999.00", + "originalPrice": "4599.00", + "sales": 15820, + "positiveRate": "99.8%", + "isSelf": true, + "thumbnail": "/static/goods/goods_1.png" + }, + { + "id": "2", + "goodsName": "【立减400】无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res高保真", + "price": "1099.00", + "originalPrice": "1499.00", + "sales": 28410, + "positiveRate": "99.5%", + "isSelf": true, + "thumbnail": "/static/goods/goods_2.png" + }, + { + "id": "3", + "goodsName": "【大牌补贴】14英寸全面屏轻薄商务笔记本电脑 酷睿i7 120Hz高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "sales": 9320, + "positiveRate": "99.2%", + "isSelf": true, + "thumbnail": "/static/goods/goods_3.png" + }, + { + "id": "4", + "goodsName": "【直降300】运动健康专业监测智能手表 心率血氧ECG 50米专业防水", + "price": "899.00", + "originalPrice": "1199.00", + "sales": 19500, + "positiveRate": "99.6%", + "isSelf": true, + "thumbnail": "/static/goods/goods_4.png" + }, + { + "id": "5", + "goodsName": "【买1赠1正装】奢宠酵母焕活修护精华露 50ml 紧致淡纹修护抗皱滋养", + "price": "680.00", + "originalPrice": "890.00", + "sales": 34100, + "positiveRate": "99.9%", + "isSelf": true, + "thumbnail": "/static/goods/goods_5.png" + }, + { + "id": "6", + "goodsName": "【官方补贴】意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡一体", + "price": "899.00", + "originalPrice": "1280.00", + "sales": 8760, + "positiveRate": "99.1%", + "isSelf": false, + "thumbnail": "/static/goods/goods_6.png" + }, + { + "id": "7", + "goodsName": "【大促5折】碳板专业竞速轻量缓震跑步鞋 透气防滑男女马拉松同款跑鞋", + "price": "459.00", + "originalPrice": "699.00", + "sales": 22100, + "positiveRate": "99.4%", + "isSelf": true, + "thumbnail": "/static/goods/goods_7.png" + }, + { + "id": "8", + "goodsName": "【限时特惠】极简静音无雾负离子香薰加湿器 大容量客厅卧室通用", + "price": "299.00", + "originalPrice": "399.00", + "sales": 14200, + "positiveRate": "99.0%", + "isSelf": false, + "thumbnail": "/static/goods/goods_8.png" + } + ] + } + } + ] + }, + { + "id": "row_video_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_video_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "超级直播间 · 现场真实开箱", + "subtitle": "LIVE SHOWROOM · 官方实机深度拆解上手评测", + "tag": "直播带货", + "moreText": "进入官方直播 >", + "moreUrl": "/special" + } + } + ] + }, + { + "id": "row_video", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_video", + "type": "video", + "name": "视频", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "videoUrl": "https://vjs.zencdn.net/v/oceans.mp4", + "coverUrl": "/static/video/video_cover.png", + "title": "双11全球狂欢发布盛典 · 年度旗舰好物真实开箱测评", + "autoplay": false + } + } + ] + }, + { + "id": "row_brand_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_brand_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11合作品牌盛典", + "subtitle": "GLOBAL BRANDS · 国际一线大牌 官方正品直供", + "tag": "旗舰直营", + "moreText": "逛品牌特惠街 >", + "moreUrl": "/goodsList" + } + } + ] + }, + { + "id": "row_brand_wall", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_brand_wall", + "type": "brandWall", + "name": "品牌墙", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "brands": [ + { + "id": "1", + "name": "Apple 官方旗舰店", + "logo": "/static/brand-wall/brand_1.png", + "tag": "正品补贴" + }, + { + "id": "2", + "name": "Sony 索尼官方旗舰店", + "logo": "/static/brand-wall/brand_2.png", + "tag": "新品独家" + }, + { + "id": "3", + "name": "Estee Lauder 雅诗兰黛", + "logo": "/static/brand-wall/brand_3.png", + "tag": "买1送1" + }, + { + "id": "4", + "name": "Nike 耐克官方商城", + "logo": "/static/brand-wall/brand_4.png", + "tag": "低至5折" + } + ] + } + } + ] + }, + { + "id": "row_article_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_article_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11终极省钱秘籍", + "subtitle": "SHOPPING GUIDE · 官方大促规则与折上折凑单全攻略", + "tag": "必看攻略", + "moreText": "查看更多专栏 >", + "moreUrl": "/article" + } + } + ] + }, + { + "id": "row_article", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 20, + 24, + 20, + 24 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_article", + "type": "articleContent", + "name": "文章内容", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "2026 双11全球狂欢省钱全攻略：每满300减50终极凑单秘籍", + "author": "商城大促运营中心", + "date": "2026-10-28", + "views": 89420, + "content": "

2026年双11全球购物狂欢节已经重磅启幕！今年我们奉行“最省钱、最简单、最快发货”三大核心主张，彻底剔除复杂计算，带来真金白银的诚意优惠。

一、三大核心优惠叠加规则

本届双11平台支持四层重磅优惠无缝叠加：

跨店满减与神券支持跨品类智能凑单！系统将在购物车为您自动计算并推荐最优凑单组合，无需手动换算。

二、官方服务保障体系

为了让您购物无忧，平台联合品牌官方推出四大服务护航计划：

" + } + } + ] + }, + { + "id": "row_goods_list_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_goods_list_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "双11全品类爆品清单", + "subtitle": "MEGA PRODUCTS · 官方甄选自营直降特惠商品", + "tag": "热卖专区", + "moreText": "浏览全店商品 >", + "moreUrl": "/goodsList" + } + } + ] + }, + { + "id": "row_goods_list", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 16, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_goods_list", + "type": "goodsList", + "name": "商品列表", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "goods": [ + { + "id": "1", + "goodsName": "【双11爆款】旗舰 5G 智能手机 12GB+256GB 超光影潜望长焦", + "price": "3999.00", + "originalPrice": "4599.00", + "sales": 15820, + "positiveRate": "99.8%", + "isSelf": true, + "thumbnail": "/static/goods/goods_1.png" + }, + { + "id": "2", + "goodsName": "【立减400】无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res高保真", + "price": "1099.00", + "originalPrice": "1499.00", + "sales": 28410, + "positiveRate": "99.5%", + "isSelf": true, + "thumbnail": "/static/goods/goods_2.png" + }, + { + "id": "3", + "goodsName": "【大牌补贴】14英寸全面屏轻薄商务笔记本电脑 酷睿i7 120Hz高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "sales": 9320, + "positiveRate": "99.2%", + "isSelf": true, + "thumbnail": "/static/goods/goods_3.png" + }, + { + "id": "4", + "goodsName": "【直降300】运动健康专业监测智能手表 心率血氧ECG 50米专业防水", + "price": "899.00", + "originalPrice": "1199.00", + "sales": 19500, + "positiveRate": "99.6%", + "isSelf": true, + "thumbnail": "/static/goods/goods_4.png" + }, + { + "id": "5", + "goodsName": "【买1赠1正装】奢宠酵母焕活修护精华露 50ml 紧致淡纹修护抗皱滋养", + "price": "680.00", + "originalPrice": "890.00", + "sales": 34100, + "positiveRate": "99.9%", + "isSelf": true, + "thumbnail": "/static/goods/goods_5.png" + }, + { + "id": "6", + "goodsName": "【官方补贴】意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡一体", + "price": "899.00", + "originalPrice": "1280.00", + "sales": 8760, + "positiveRate": "99.1%", + "isSelf": false, + "thumbnail": "/static/goods/goods_6.png" + }, + { + "id": "7", + "goodsName": "【大促5折】碳板专业竞速轻量缓震跑步鞋 透气防滑男女马拉松同款跑鞋", + "price": "459.00", + "originalPrice": "699.00", + "sales": 22100, + "positiveRate": "99.4%", + "isSelf": true, + "thumbnail": "/static/goods/goods_7.png" + }, + { + "id": "8", + "goodsName": "【限时特惠】极简静音无雾负离子香薰加湿器 大容量客厅卧室通用", + "price": "299.00", + "originalPrice": "399.00", + "sales": 14200, + "positiveRate": "99.0%", + "isSelf": false, + "thumbnail": "/static/goods/goods_8.png" + } + ] + } + } + ] + }, + { + "id": "row_recommend_title", + "rowStyle": { + "width": "1200", + "backgroundColor": "transparent", + "margin": [ + 0, + 0, + 8, + 0 + ], + "padding": [ + 0, + 0, + 0, + 0 + ] + }, + "components": [ + { + "id": "cmp_recommend_title", + "type": "titleBar", + "name": "标题栏", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "title": "猜你喜欢 · 智能推荐流", + "subtitle": "FOR YOU · 根据您的偏好精准测算", + "tag": "专属推荐", + "moreText": "换一批推荐 >", + "moreUrl": "/goodsList" + } + } + ] + }, + { + "id": "row_recommend_feed", + "rowStyle": { + "width": "1200", + "backgroundColor": "#ffffff", + "margin": [ + 0, + 0, + 24, + 0 + ], + "padding": [ + 16, + 16, + 16, + 16 + ], + "borderRadius": "8px" + }, + "components": [ + { + "id": "cmp_recommend_feed", + "type": "recommendFeed", + "name": "推荐商品", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "featuredTitle": "双11专属甄选机皇", + "goods": [ + { + "id": "1", + "goodsName": "【双11爆款】旗舰 5G 智能手机 12GB+256GB 超光影潜望长焦", + "price": "3999.00", + "originalPrice": "4599.00", + "sales": 15820, + "positiveRate": "99.8%", + "isSelf": true, + "thumbnail": "/static/goods/goods_1.png" + }, + { + "id": "2", + "goodsName": "【立减400】无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res高保真", + "price": "1099.00", + "originalPrice": "1499.00", + "sales": 28410, + "positiveRate": "99.5%", + "isSelf": true, + "thumbnail": "/static/goods/goods_2.png" + }, + { + "id": "3", + "goodsName": "【大牌补贴】14英寸全面屏轻薄商务笔记本电脑 酷睿i7 120Hz高刷防眩光", + "price": "5699.00", + "originalPrice": "6299.00", + "sales": 9320, + "positiveRate": "99.2%", + "isSelf": true, + "thumbnail": "/static/goods/goods_3.png" + }, + { + "id": "4", + "goodsName": "【直降300】运动健康专业监测智能手表 心率血氧ECG 50米专业防水", + "price": "899.00", + "originalPrice": "1199.00", + "sales": 19500, + "positiveRate": "99.6%", + "isSelf": true, + "thumbnail": "/static/goods/goods_4.png" + }, + { + "id": "5", + "goodsName": "【买1赠1正装】奢宠酵母焕活修护精华露 50ml 紧致淡纹修护抗皱滋养", + "price": "680.00", + "originalPrice": "890.00", + "sales": 34100, + "positiveRate": "99.9%", + "isSelf": true, + "thumbnail": "/static/goods/goods_5.png" + }, + { + "id": "6", + "goodsName": "【官方补贴】意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡一体", + "price": "899.00", + "originalPrice": "1280.00", + "sales": 8760, + "positiveRate": "99.1%", + "isSelf": false, + "thumbnail": "/static/goods/goods_6.png" + }, + { + "id": "7", + "goodsName": "【大促5折】碳板专业竞速轻量缓震跑步鞋 透气防滑男女马拉松同款跑鞋", + "price": "459.00", + "originalPrice": "699.00", + "sales": 22100, + "positiveRate": "99.4%", + "isSelf": true, + "thumbnail": "/static/goods/goods_7.png" + }, + { + "id": "8", + "goodsName": "【限时特惠】极简静音无雾负离子香薰加湿器 大容量客厅卧室通用", + "price": "299.00", + "originalPrice": "399.00", + "sales": 14200, + "positiveRate": "99.0%", + "isSelf": false, + "thumbnail": "/static/goods/goods_8.png" + } + ] + } + } + ] + }, + { + "id": "row_footer_nav", + "rowStyle": { + "width": "100%", + "backgroundColor": "#1e293b", + "margin": [ + 0, + 0, + 0, + 0 + ], + "padding": [ + 32, + 0, + 24, + 0 + ] + }, + "components": [ + { + "id": "cmp_footer_nav", + "type": "footerNav", + "name": "页脚", + "componentStyle": { + "widthRatio": "100%", + "backgroundColor": "transparent" + }, + "options": { + "services": [ + { + "title": "官方正品", + "desc": "100%正品保障 假一赔十" + }, + { + "title": "全场保价", + "desc": "价保30天 买贵退差" + }, + { + "title": "极速物流", + "desc": "顺丰速运 核心仓次日达" + }, + { + "title": "售后无忧", + "desc": "7天无理由退换 上门取件" + } + ], + "copyright": "Copyright © 2026 Lilishop. 双11全球狂欢节组委会 版权所有" + } + } + ] + } + ] +}; diff --git a/manager/src/views/page-decoration/pc/template/TplArticle.vue b/manager/src/views/page-decoration/pc/template/TplArticle.vue new file mode 100644 index 000000000..a8edd4c84 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplArticle.vue @@ -0,0 +1,204 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplBrandWall.vue b/manager/src/views/page-decoration/pc/template/TplBrandWall.vue new file mode 100644 index 000000000..ea780af11 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplBrandWall.vue @@ -0,0 +1,148 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplCarousel.vue b/manager/src/views/page-decoration/pc/template/TplCarousel.vue new file mode 100644 index 000000000..fc3f18b0a --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplCarousel.vue @@ -0,0 +1,312 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplCategoryMegaMenu.vue b/manager/src/views/page-decoration/pc/template/TplCategoryMegaMenu.vue new file mode 100644 index 000000000..7b959bbbe --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplCategoryMegaMenu.vue @@ -0,0 +1,153 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplCategoryNav.vue b/manager/src/views/page-decoration/pc/template/TplCategoryNav.vue new file mode 100644 index 000000000..423ae5e32 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplCategoryNav.vue @@ -0,0 +1,205 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplChannelFloor.vue b/manager/src/views/page-decoration/pc/template/TplChannelFloor.vue new file mode 100644 index 000000000..37a3a40b6 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplChannelFloor.vue @@ -0,0 +1,535 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplChannelGrid.vue b/manager/src/views/page-decoration/pc/template/TplChannelGrid.vue new file mode 100644 index 000000000..d74cdb9a7 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplChannelGrid.vue @@ -0,0 +1,281 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplCoupon.vue b/manager/src/views/page-decoration/pc/template/TplCoupon.vue new file mode 100644 index 000000000..38339298a --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplCoupon.vue @@ -0,0 +1,162 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplFooterNav.vue b/manager/src/views/page-decoration/pc/template/TplFooterNav.vue new file mode 100644 index 000000000..04ef3c062 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplFooterNav.vue @@ -0,0 +1,224 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplFreeLayout.vue b/manager/src/views/page-decoration/pc/template/TplFreeLayout.vue new file mode 100644 index 000000000..17a2c4be4 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplFreeLayout.vue @@ -0,0 +1,50 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplGoods.vue b/manager/src/views/page-decoration/pc/template/TplGoods.vue new file mode 100644 index 000000000..1a0e23764 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplGoods.vue @@ -0,0 +1,313 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplGoodsGrid.vue b/manager/src/views/page-decoration/pc/template/TplGoodsGrid.vue new file mode 100644 index 000000000..cbe953463 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplGoodsGrid.vue @@ -0,0 +1,329 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplGridFloor.vue b/manager/src/views/page-decoration/pc/template/TplGridFloor.vue new file mode 100644 index 000000000..be0261808 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplGridFloor.vue @@ -0,0 +1,534 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplHotZone.vue b/manager/src/views/page-decoration/pc/template/TplHotZone.vue new file mode 100644 index 000000000..5bc05863d --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplHotZone.vue @@ -0,0 +1,135 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplNotice.vue b/manager/src/views/page-decoration/pc/template/TplNotice.vue new file mode 100644 index 000000000..0fecce2e4 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplNotice.vue @@ -0,0 +1,307 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplPromoGroup.vue b/manager/src/views/page-decoration/pc/template/TplPromoGroup.vue new file mode 100644 index 000000000..5442e3883 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplPromoGroup.vue @@ -0,0 +1,129 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplRecommendFeed.vue b/manager/src/views/page-decoration/pc/template/TplRecommendFeed.vue new file mode 100644 index 000000000..7c7d68be8 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplRecommendFeed.vue @@ -0,0 +1,544 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplSearchHeader.vue b/manager/src/views/page-decoration/pc/template/TplSearchHeader.vue new file mode 100644 index 000000000..0c9815427 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplSearchHeader.vue @@ -0,0 +1,158 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplTitle.vue b/manager/src/views/page-decoration/pc/template/TplTitle.vue new file mode 100644 index 000000000..375975bb1 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplTitle.vue @@ -0,0 +1,136 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplTopBar.vue b/manager/src/views/page-decoration/pc/template/TplTopBar.vue new file mode 100644 index 000000000..c4c4c5bb5 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplTopBar.vue @@ -0,0 +1,129 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplUserBenefits.vue b/manager/src/views/page-decoration/pc/template/TplUserBenefits.vue new file mode 100644 index 000000000..05b95f0c7 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplUserBenefits.vue @@ -0,0 +1,399 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/TplVideo.vue b/manager/src/views/page-decoration/pc/template/TplVideo.vue new file mode 100644 index 000000000..992700144 --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/TplVideo.vue @@ -0,0 +1,77 @@ + + + + + diff --git a/manager/src/views/page-decoration/pc/template/index.js b/manager/src/views/page-decoration/pc/template/index.js new file mode 100644 index 000000000..7c043917a --- /dev/null +++ b/manager/src/views/page-decoration/pc/template/index.js @@ -0,0 +1,65 @@ +import TplUserBenefits from './TplUserBenefits.vue'; +import TplTopBar from './TplTopBar.vue'; +import TplSearchHeader from './TplSearchHeader.vue'; +import TplFooterNav from './TplFooterNav.vue'; +import TplCategoryNav from './TplCategoryNav.vue'; +import TplChannelGrid from './TplChannelGrid.vue'; +import TplCategoryMegaMenu from './TplCategoryMegaMenu.vue'; +import TplCarousel from './TplCarousel.vue'; +import TplBrandWall from './TplBrandWall.vue'; +import TplHotZone from './TplHotZone.vue'; +import TplFreeLayout from './TplFreeLayout.vue'; +import TplPromoGroup from './TplPromoGroup.vue'; +import TplVideo from './TplVideo.vue'; +import TplGoods from './TplGoods.vue'; +import TplGridFloor from './TplGridFloor.vue'; +import TplGoodsGrid from './TplGoodsGrid.vue'; +import TplChannelFloor from './TplChannelFloor.vue'; +import TplRecommendFeed from './TplRecommendFeed.vue'; +import TplCoupon from './TplCoupon.vue'; +import TplTitle from './TplTitle.vue'; +import TplArticle from './TplArticle.vue'; +import TplNotice from './TplNotice.vue'; + +export const CANVAS_TEMPLATE_MAP = { + // 结构 (3) + topBar: TplTopBar, + searchHeader: TplSearchHeader, + footerNav: TplFooterNav, + + // 导航 (3) + categoryNav: TplCategoryNav, + channelGrid: TplChannelGrid, + categoryMegaMenu: TplCategoryMegaMenu, + + // 广告 (6) + carousel: TplCarousel, + brandWall: TplBrandWall, + hotZone: TplHotZone, + freeLayout: TplFreeLayout, + promoGroup: TplPromoGroup, + video: TplVideo, + + // 商品 (8) + goodsList: TplGoods, + gridFloor: TplGridFloor, + goodsGrid: TplGoodsGrid, + goodsCard: TplGoods, + bannerFloor: TplGridFloor, + goodsBar: TplGoods, + channelFloor: TplChannelFloor, + recommendFeed: TplRecommendFeed, + + // 营销 (1) + couponList: TplCoupon, + userBenefits: TplUserBenefits, + + // 内容 (3) + titleBar: TplTitle, + articleContent: TplArticle, + noticeBar: TplNotice +}; + +export function resolveCanvasTemplate(type) { + return CANVAS_TEMPLATE_MAP[type] || null; +} diff --git a/manager/src/views/seller/shop/shopOperation.vue b/manager/src/views/seller/shop/shopOperation.vue index eaa2a3080..dd23e0046 100644 --- a/manager/src/views/seller/shop/shopOperation.vue +++ b/manager/src/views/seller/shop/shopOperation.vue @@ -262,62 +262,83 @@
只读不可修改
-
- 全选 - +
+
+ 全选 + + 已选 {{ checkAllGroup.length }} / {{ categories.length }} 项 +
+ + {{ item.name }} + +
- - {{ item.name }} - - - + 已添加{{ settlementCycle.length }}个结算日，最多可添加5个结算日，当月不包含所设日期时，将会顺延到下一个结算日 - {{ item }} - - - 添加结算日期 - - 确认 - +
+
+ 每月 {{ item }} 日 + + 暂未添加结算日 +
+
+ + + 添加结算日期 + +
+
@@ -605,6 +626,13 @@ function addsettlementCycleConfirm() { settlementShow.value = false; day.value = 1; } +//取消添加结算日 +function cancelSettlementCycle() { + addSettlementConfirmBtn.value = false; + addSettlementBtn.value = true; + settlementShow.value = false; + day.value = 1; +} // 选择公司地址 function selectedRegion(val) { shopForm.value.companyAddressIdPath = val[0].toString(); @@ -846,9 +874,101 @@ init(); position: relative; } -.categories-checkbox { +.category-panel { + width: 100%; + max-width: 960px; + border: 1px solid #e4e7ed; + border-radius: 8px; + background: #fff; + overflow: hidden; +} + +.category-toolbar { display: flex; align-items: center; + justify-content: space-between; + padding: 8px 16px; + background: #f8f9fb; + border-bottom: 1px solid #e4e7ed; + + :deep(.el-checkbox) { + height: 32px; + } +} + +.category-count { + font-size: 12px; + color: #909399; +} + +.settlement-alert { + margin-bottom: 16px; +} + +.settlement-panel { + width: 100%; + max-width: 960px; + border: 1px solid #e4e7ed; + border-radius: 8px; + background: #fff; + overflow: hidden; +} + +.settlement-tags { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 10px; + padding: 16px; + min-height: 60px; +} + +.settlement-tag { + margin: 0; +} + +.settlement-empty { + color: #909399; + font-size: 13px; +} + +.settlement-actions { + display: flex; + align-items: center; + gap: 10px; + padding: 10px 16px; + border-top: 1px solid #ebeef5; + background: #f8f9fb; +} + +.category-grid { + display: flex; + flex-wrap: wrap; + gap: 10px; + padding: 16px; + + :deep(.el-checkbox) { + height: auto; + margin-right: 0; + padding: 5px 14px; + border: 1px solid #dcdfe6; + border-radius: 6px; + background: #fff; + transition: border-color 0.2s, background-color 0.2s; + + &:hover { + border-color: var(--el-color-primary, #409eff); + } + + &.is-checked { + border-color: var(--el-color-primary, #409eff); + background-color: var(--el-color-primary-light-9, #ecf5ff); + } + + .el-checkbox__label { + padding-left: 6px; + } + } } .img { diff --git a/manager/src/views/statistics/goods-sales-summary.vue b/manager/src/views/statistics/goods-sales-summary.vue index 3def4c3b8..a3716e34e 100644 --- a/manager/src/views/statistics/goods-sales-summary.vue +++ b/manager/src/views/statistics/goods-sales-summary.vue @@ -40,7 +40,7 @@ - + diff --git a/manager/src/views/sys/oss-manage/ossManage.scss b/manager/src/views/sys/oss-manage/ossManage.scss index 32f9e37cf..c43e4271f 100644 --- a/manager/src/views/sys/oss-manage/ossManage.scss +++ b/manager/src/views/sys/oss-manage/ossManage.scss @@ -30,35 +30,48 @@ } .img-box { width: 100%; - display: flex; - flex-wrap: wrap; - align-items: flex-start; - justify-content: flex-start; - align-content: flex-start; - margin-top: 20px; + display: grid; + grid-template-columns: repeat(5, minmax(0, 1fr)); + gap: 14px; + margin-top: 16px; + box-sizing: border-box; + .img-item { - width: 120px; - height: 158px; + width: 100%; box-sizing: border-box; - margin: 0 13px 8px; + margin: 0; position: relative; display: flex; flex-direction: column; align-items: center; + .card { - width: 120px; - height: 120px; + width: 100%; + aspect-ratio: 1 / 1; + height: auto; border-radius: 8px; - border: 2px solid transparent; + border: 2px solid #eef2f6; overflow: hidden; box-sizing: border-box; position: relative; + background: #f8fafc; + display: flex; + align-items: center; + justify-content: center; + padding: 4px; + transition: all 0.2s ease; + img, .card-media { - width: 100%; - height: 100%; - object-fit: cover; + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + object-fit: contain; + display: block; + margin: auto; } + .card-file { width: 100%; height: 100%; @@ -68,6 +81,7 @@ background: #f5f7fa; color: #909399; } + .card-checkbox { position: absolute; top: 8px; @@ -80,48 +94,48 @@ display: none; } } - .preview { - width: 100%; - height: 26px; - background-color: #ffffff; - color: #666666; - position: absolute; - left: 0; - bottom: 0; - display: flex; - flex-wrap: nowrap; - align-items: center; - justify-content: center; - box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12); - > div { - flex: 1; - display: flex; - align-items: center; - justify-content: center; - height: 100%; - } - } } - .card:hover, + + .card:hover { + border-color: #ff6a00; + } + .custom-checkbox-card-checked { - border: 2px solid #ff5c58; + border: 2px solid #ff6a00 !important; + background: #fffaf5 !important; } + .oss-card-selectable { cursor: pointer; } + .text { - width: 120px; - height: 36px; + width: 100%; + max-width: 100%; + height: 20px; cursor: pointer; color: #252931; - font-size: 14px; - line-height: 36px; + font-size: 13px; + line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; + margin-top: 6px; + } + + .sub-info { + width: 100%; + max-width: 100%; + height: 18px; + color: #94a3b8; + font-size: 11px; + line-height: 18px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-align: center; + margin-top: 2px; } } } @@ -140,3 +154,100 @@ } } + +.pc-image-picker-dialog { + margin-top: 16px !important; + margin-bottom: 16px !important; + max-height: calc(100vh - 32px); + display: flex; + flex-direction: column; + + .el-dialog__header { + padding: 12px 20px 8px; + flex-shrink: 0; + } + + .el-dialog__body { + padding: 6px 16px 12px; + overflow: hidden !important; + scrollbar-width: none; /* Firefox */ + -ms-overflow-style: none; /* IE and Edge */ + flex: 1; + + &::-webkit-scrollbar { + display: none !important; /* Chrome, Safari, Edge */ + width: 0 !important; + height: 0 !important; + } + } +} + +.is-component-search { + .is-component-card { + border: none !important; + box-shadow: none !important; + background: transparent !important; + width: 100%; + + .el-card__body { + padding: 0 !important; + } + } + + .oss-manage-box { + .file-list { + padding: 0 10px 10px; + } + .pic-list { + padding: 0; + } + .oss-operation { + margin-bottom: 6px; + } + .img-box { + margin-top: 6px; + gap: 10px 12px; + + .img-item { + .card { + max-width: 128px; + margin: 0 auto; + } + .text { + height: 18px; + line-height: 18px; + font-size: 12px; + margin-top: 4px; + } + .sub-info { + height: 16px; + line-height: 16px; + font-size: 11px; + margin-top: 1px; + } + } + } + .page-box { + margin-top: 8px; + } + + .oss-select-footer { + margin-top: 8px; + padding-top: 8px; + } + } + + .oss-group-tree { + padding: 0; + + .el-tree-node { + margin-bottom: 4px; + } + + .el-tree-node__content { + height: 36px; + line-height: 36px; + font-size: 14px; + } + } +} diff --git a/manager/src/views/sys/oss-manage/ossManage.vue b/manager/src/views/sys/oss-manage/ossManage.vue index c9834ddb4..7b6d76933 100644 --- a/manager/src/views/sys/oss-manage/ossManage.vue +++ b/manager/src/views/sys/oss-manage/ossManage.vue @@ -124,7 +124,7 @@