diff --git a/pages/index/components/CompanyIntro.vue b/pages/index/components/CompanyIntro.vue
index 8693a1b..a5e6e49 100644
--- a/pages/index/components/CompanyIntro.vue
+++ b/pages/index/components/CompanyIntro.vue
@@ -299,22 +299,25 @@ export default {
   margin-top: 8rpx;      /* 4px → 8rpx */
 }
 /* 二维码 104×104px → 200×200rpx, 圆角10px → 19rpx */
+/* 二维码 - 白底圆角容器, 内边距让二维码无圆角 */
 .qr-wrap {
   margin-top: 13rpx;     /* 7px → 13rpx */
   width: 200rpx;
   height: 200rpx;
   background: #ffffff;
-  border-radius: 19rpx;
-  padding: 0;
+  border-radius: 19rpx;  /* 圆角10px → 19rpx */
+  padding: 10rpx;         /* 内边距5px → 10rpx, 让二维码本身不接触圆角 */
   box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
 }
+/* 二维码图片 - 填满padding后的剩余空间, 无圆角 */
 .qr-img {
   width: 100%;
   height: 100%;
+  border-radius: 0;
 }
 /* 电话栏 200×45px → 385×87rpx, #000 0.1透明, 圆角10px → 19rpx */
 .phone-pill {
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/common/main.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/common/main.js.map
index dbd4a43..a727781 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/common/main.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/common/main.js.map
@@ -1 +1 @@
-{"version":3,"sources":["uni-app:///main.js",null,"webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/App.vue?4f29","uni-app:///App.vue","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/App.vue?b97f","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/App.vue?2aad"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","Vue","use","zpMixins","config","productionTip","App","mpType","app","$mount","data","globalData","userInfo","baseUrl","onLaunch"],"mappings":";;;;;;;;;;;;;;AAAA;AAE2D;AAG3D;AAGA;AAAsB;AAAA;AAPtB;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAQ1DC,YAAG,CAACC,GAAG,CAACC,cAAQ,CAAC;AAEjBF,YAAG,CAACG,MAAM,CAACC,aAAa,GAAG,KAAK;AAChCC,YAAG,CAACC,MAAM,GAAG,KAAK;AAClB,IAAMC,GAAG,GAAG,IAAIP,YAAG,mBACZK,YAAG,EACR;AACF,UAAAE,GAAG,EAACC,MAAM,EAAE,C;;;;;;;;;;;;;ACjBZ;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACuD;AACL;AACa;;;AAG/D;AACiM;AACjM,gBAAgB,8MAAU;AAC1B,EAAE,yEAAM;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAsvB,CAAgB,kxBAAG,EAAC,C;;;;;;;;;;;;;;;;;;eCC1wB;EACAC;IACA;EACA;EACAC;IACAC;IACAC;EACA;EACAC;IACA;IACA;IACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;ACfA;AAAA;AAAA;AAAA;AAAqkC,CAAgB,ykCAAG,EAAC,C;;;;;;;;;;;ACAzlC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"common/main.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;import App from './App';\n\n// 全局mixins，用于实现setData等功能，请勿删除！';\nimport zpMixins from '@/uni_modules/zp-mixins/index.js';\n\n\nimport Vue from 'vue';\n\nVue.use(zpMixins);\n\nVue.config.productionTip = false;\nApp.mpType = 'app';\nconst app = new Vue({\n    ...App\n});\napp.$mount();","var render, staticRenderFns, recyclableRender, components\nvar renderjs\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"App.vue\"\nexport default component.exports","import mod from \"-!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./App.vue?vue&type=script&lang=js&\"","<script>\nexport default {\n    data() {\n        return {};\n    },\n    globalData: {\n        userInfo: null,\n        baseUrl: 'https://api.inkreach.com'\n    },\n    onLaunch() {\n        const sysInfo = uni.getWindowInfo();\n        this.globalData.statusBarHeight = sysInfo.statusBarHeight;\n        this.globalData.windowWidth = sysInfo.windowWidth;\n        this.globalData.windowHeight = sysInfo.windowHeight;\n    }\n};\n</script>\n<style>\n@import './app.css';\n</style>\n","import mod from \"-!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./App.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./App.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1787640418582\n      var cssReload = require(\"C:/gs/app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["uni-app:///main.js",null,"webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/App.vue?4f29","uni-app:///App.vue","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/App.vue?b97f","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/App.vue?2aad"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","Vue","use","zpMixins","config","productionTip","App","mpType","app","$mount","data","globalData","userInfo","baseUrl","onLaunch"],"mappings":";;;;;;;;;;;;;;AAAA;AAE2D;AAG3D;AAGA;AAAsB;AAAA;AAPtB;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAQ1DC,YAAG,CAACC,GAAG,CAACC,cAAQ,CAAC;AAEjBF,YAAG,CAACG,MAAM,CAACC,aAAa,GAAG,KAAK;AAChCC,YAAG,CAACC,MAAM,GAAG,KAAK;AAClB,IAAMC,GAAG,GAAG,IAAIP,YAAG,mBACZK,YAAG,EACR;AACF,UAAAE,GAAG,EAACC,MAAM,EAAE,C;;;;;;;;;;;;;ACjBZ;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACuD;AACL;AACa;;;AAG/D;AACiM;AACjM,gBAAgB,8MAAU;AAC1B,EAAE,yEAAM;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAsvB,CAAgB,kxBAAG,EAAC,C;;;;;;;;;;;;;;;;;;eCC1wB;EACAC;IACA;EACA;EACAC;IACAC;IACAC;EACA;EACAC;IACA;IACA;IACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;ACfA;AAAA;AAAA;AAAA;AAAqkC,CAAgB,ykCAAG,EAAC,C;;;;;;;;;;;ACAzlC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"common/main.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;import App from './App';\n\n// 全局mixins，用于实现setData等功能，请勿删除！';\nimport zpMixins from '@/uni_modules/zp-mixins/index.js';\n\n\nimport Vue from 'vue';\n\nVue.use(zpMixins);\n\nVue.config.productionTip = false;\nApp.mpType = 'app';\nconst app = new Vue({\n    ...App\n});\napp.$mount();","var render, staticRenderFns, recyclableRender, components\nvar renderjs\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"App.vue\"\nexport default component.exports","import mod from \"-!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./App.vue?vue&type=script&lang=js&\"","<script>\nexport default {\n    data() {\n        return {};\n    },\n    globalData: {\n        userInfo: null,\n        baseUrl: 'https://api.inkreach.com'\n    },\n    onLaunch() {\n        const sysInfo = uni.getWindowInfo();\n        this.globalData.statusBarHeight = sysInfo.statusBarHeight;\n        this.globalData.windowWidth = sysInfo.windowWidth;\n        this.globalData.windowHeight = sysInfo.windowHeight;\n    }\n};\n</script>\n<style>\n@import './app.css';\n</style>\n","import mod from \"-!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./App.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./App.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1787652949074\n      var cssReload = require(\"C:/gs/app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map
index 86d6be8..e5b8c0b 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map
@@ -1 +1 @@
-{"version":3,"sources":["uni-app:///main.js","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?9285","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?f0e9","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?7671","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?0f19","uni-app:///pages/index/index.vue","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?83d5","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?fa89"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","components","HeroBanner","StepsFlow","PodCatalog","PlatformFeatures","WhyChoose","CompanyIntro","data","trustStats","stepList","featureList","reasonList","companyFeatures","podCountries","podProducts","currentStep","currentFeat","_autoPlayTimer","onLoad","onShow","onHide","onUnload","methods","loadPodCountries","res","countries","id","name","console","loadPodProducts","params","page","pageSize","items","image","onPodCountryChange","onGoProducts","uni","url","onGoDetail","startAutoPlay","stopAutoPlay","clearInterval","onStepChange","onFeatChange"],"mappings":"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","file":"pages/index/index.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=57280228&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/index/index.vue\"\nexport default component.exports","export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=template&id=57280228&\"","var components\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"","<template>\n  <view class=\"index-page\">\n    <!-- Hero 首屏 -->\n    <HeroBanner :stats=\"trustStats\" />\n\n    <!-- 4步流程（active 由页面统一管理，跟下面 PlatformFeatures 共用同一个定时器） -->\n    <StepsFlow\n      :steps=\"stepList\"\n      :active=\"currentStep\"\n      @change=\"onStepChange\"\n    />\n\n    <!-- 全球POD货盘 -->\n    <PodCatalog\n      :countries=\"podCountries\"\n      :products=\"podProducts\"\n      @countryChange=\"onPodCountryChange\"\n      @moreTap=\"onGoProducts\"\n      @productTap=\"onGoDetail\"\n    />\n\n    <!-- 平台功能 + 集成平台（active 由页面统一管理，跟上面 StepsFlow 共用同一个定时器） -->\n    <PlatformFeatures\n      :features=\"featureList\"\n      :active=\"currentFeat\"\n      @change=\"onFeatChange\"\n    />\n\n    <!-- 为什么选择 -->\n    <WhyChoose :reasons=\"reasonList\" />\n\n    <!-- 公司简介 + 底部CTA -->\n    <CompanyIntro :abilities=\"companyFeatures\" />\n  </view>\n</template>\n\n<script>\nimport HeroBanner from './components/HeroBanner.vue'\nimport StepsFlow from './components/StepsFlow.vue'\nimport PodCatalog from './components/PodCatalog.vue'\nimport PlatformFeatures from './components/PlatformFeatures.vue'\nimport WhyChoose from './components/WhyChoose.vue'\nimport CompanyIntro from './components/CompanyIntro.vue'\n\nimport { getCountries, getGoods } from '@/api/public.js'\nimport { truncateProductTitle } from '@/utils/product.js'\n\nimport {\n  trustStats,\n  stepList,\n  featureList,\n  reasonList,\n  companyFeatures\n} from './mock.js'\n\n// 统一轮播间隔：3 秒推进一次，同时驱动 StepsFlow + PlatformFeatures\nconst AUTO_PLAY_INTERVAL = 3000\n\nexport default {\n  components: {\n    HeroBanner,\n    StepsFlow,\n    PodCatalog,\n    PlatformFeatures,\n    WhyChoose,\n    CompanyIntro\n  },\n  data() {\n    return {\n      trustStats,\n      stepList,\n      featureList,\n      reasonList,\n      companyFeatures,\n      podCountries: [],\n      podProducts: [],\n      // 两个区块共用一个定时器，但各自独立轮播（互不干扰）\n      currentStep: 0,\n      currentFeat: 0,\n      _autoPlayTimer: null  // 唯一一个定时器\n    }\n  },\n  async onLoad() {\n    await this.loadPodCountries()\n    await this.loadPodProducts('')\n  },\n  onShow() {\n    // 页面显示 → 启动轮播\n    this.startAutoPlay()\n  },\n  onHide() {\n    // 页面隐藏 → 回收定时器（切 Tab、跳详情、退后台等）\n    this.stopAutoPlay()\n  },\n  onUnload() {\n    this.stopAutoPlay()\n  },\n  methods: {\n    async loadPodCountries() {\n      try {\n        const res = await getCountries()\n        const data = (res.data && res.data.data) || []\n        const countries = [{ id: '', name: '全部' }]\n        data.forEach((c) => {\n          countries.push({ id: c.id, name: c.countryName })\n        })\n        this.podCountries = countries\n      } catch (err) {\n        console.error('[loadPodCountries Error]', err)\n      }\n    },\n\n    async loadPodProducts(countryId) {\n      try {\n        const params = { page: 1, pageSize: 4 }\n        if (countryId) {\n          params.countryId = countryId\n        }\n        const res = await getGoods(params)\n        const data = (res.data && res.data.data) || { items: [] }\n        const items = (data.items || []).slice(0, 4)\n        this.podProducts = items.map((item) => ({\n          id: item.goodId,\n          name: truncateProductTitle(item.goodName),\n          image: item.image\n        }))\n      } catch (err) {\n        console.error('[loadPodProducts Error]', err)\n        this.podProducts = []\n      }\n    },\n\n    async onPodCountryChange(id) {\n      await this.loadPodProducts(id)\n    },\n\n    onGoProducts() {\n      uni.switchTab({\n        url: '/pages/products/products'\n      })\n    },\n    onGoDetail(item) {\n      uni.navigateTo({\n        url: '/pages/product-detail/product-detail?id=' + item.id\n      })\n    },\n\n    /* ============================\n     * 统一轮播控制（单一入口）\n     * ============================ */\n\n    /**\n     * 启动统一轮播：单一 setInterval，3 秒一次，\n     * 同时推进 StepsFlow 的 currentStep 和 PlatformFeatures 的 currentFeat。\n     * 两个组件的 active 各自 mod 自己的 length，互不干扰。\n     */\n    startAutoPlay() {\n      this.stopAutoPlay()\n      this._autoPlayTimer = setInterval(() => {\n        const stepTotal = (this.stepList || []).length\n        const featTotal = (this.featureList || []).length\n        if (stepTotal > 1) {\n          this.currentStep = (this.currentStep + 1) % stepTotal\n        }\n        if (featTotal > 1) {\n          this.currentFeat = (this.currentFeat + 1) % featTotal\n        }\n      }, AUTO_PLAY_INTERVAL)\n    },\n\n    /**\n     * 回收定时器：onHide / onUnload 时调用，避免后台运行浪费资源\n     */\n    stopAutoPlay() {\n      if (this._autoPlayTimer) {\n        clearInterval(this._autoPlayTimer)\n        this._autoPlayTimer = null\n      }\n    },\n\n    /**\n     * 用户点击 StepsFlow 卡片：\n     * 先停定时器 → 更新 currentStep → 重启 3s 计数\n     * （同时 currentFeat 的计数被重置也无妨，体验上完全可接受）\n     */\n    onStepChange(idx) {\n      this.stopAutoPlay()\n      this.currentStep = idx\n      this.startAutoPlay()\n    },\n\n    /**\n     * 用户点击 PlatformFeatures 卡片：同上逻辑，函数复用\n     */\n    onFeatChange(idx) {\n      this.stopAutoPlay()\n      this.currentFeat = idx\n      this.startAutoPlay()\n    }\n  }\n}\n</script>\n\n<style>\n.index-page {\n  width: 100%;\n  min-height: 100vh;\n  background: #ffffff;\n}\n</style>\n","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1787640418242\n      var cssReload = require(\"C:/gs/app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["uni-app:///main.js","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?9285","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?f0e9","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?7671","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?0f19","uni-app:///pages/index/index.vue","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?83d5","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/index/index.vue?fa89"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","components","HeroBanner","StepsFlow","PodCatalog","PlatformFeatures","WhyChoose","CompanyIntro","data","trustStats","stepList","featureList","reasonList","companyFeatures","podCountries","podProducts","currentStep","currentFeat","_autoPlayTimer","onLoad","onShow","onHide","onUnload","methods","loadPodCountries","res","countries","id","name","console","loadPodProducts","params","page","pageSize","items","image","onPodCountryChange","onGoProducts","uni","url","onGoDetail","startAutoPlay","stopAutoPlay","clearInterval","onStepChange","onFeatChange"],"mappings":"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","file":"pages/index/index.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=57280228&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/index/index.vue\"\nexport default component.exports","export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=template&id=57280228&\"","var components\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"","<template>\n  <view class=\"index-page\">\n    <!-- Hero 首屏 -->\n    <HeroBanner :stats=\"trustStats\" />\n\n    <!-- 4步流程（active 由页面统一管理，跟下面 PlatformFeatures 共用同一个定时器） -->\n    <StepsFlow\n      :steps=\"stepList\"\n      :active=\"currentStep\"\n      @change=\"onStepChange\"\n    />\n\n    <!-- 全球POD货盘 -->\n    <PodCatalog\n      :countries=\"podCountries\"\n      :products=\"podProducts\"\n      @countryChange=\"onPodCountryChange\"\n      @moreTap=\"onGoProducts\"\n      @productTap=\"onGoDetail\"\n    />\n\n    <!-- 平台功能 + 集成平台（active 由页面统一管理，跟上面 StepsFlow 共用同一个定时器） -->\n    <PlatformFeatures\n      :features=\"featureList\"\n      :active=\"currentFeat\"\n      @change=\"onFeatChange\"\n    />\n\n    <!-- 为什么选择 -->\n    <WhyChoose :reasons=\"reasonList\" />\n\n    <!-- 公司简介 + 底部CTA -->\n    <CompanyIntro :abilities=\"companyFeatures\" />\n  </view>\n</template>\n\n<script>\nimport HeroBanner from './components/HeroBanner.vue'\nimport StepsFlow from './components/StepsFlow.vue'\nimport PodCatalog from './components/PodCatalog.vue'\nimport PlatformFeatures from './components/PlatformFeatures.vue'\nimport WhyChoose from './components/WhyChoose.vue'\nimport CompanyIntro from './components/CompanyIntro.vue'\n\nimport { getCountries, getGoods } from '@/api/public.js'\nimport { truncateProductTitle } from '@/utils/product.js'\n\nimport {\n  trustStats,\n  stepList,\n  featureList,\n  reasonList,\n  companyFeatures\n} from './mock.js'\n\n// 统一轮播间隔：3 秒推进一次，同时驱动 StepsFlow + PlatformFeatures\nconst AUTO_PLAY_INTERVAL = 3000\n\nexport default {\n  components: {\n    HeroBanner,\n    StepsFlow,\n    PodCatalog,\n    PlatformFeatures,\n    WhyChoose,\n    CompanyIntro\n  },\n  data() {\n    return {\n      trustStats,\n      stepList,\n      featureList,\n      reasonList,\n      companyFeatures,\n      podCountries: [],\n      podProducts: [],\n      // 两个区块共用一个定时器，但各自独立轮播（互不干扰）\n      currentStep: 0,\n      currentFeat: 0,\n      _autoPlayTimer: null  // 唯一一个定时器\n    }\n  },\n  async onLoad() {\n    await this.loadPodCountries()\n    await this.loadPodProducts('')\n  },\n  onShow() {\n    // 页面显示 → 启动轮播\n    this.startAutoPlay()\n  },\n  onHide() {\n    // 页面隐藏 → 回收定时器（切 Tab、跳详情、退后台等）\n    this.stopAutoPlay()\n  },\n  onUnload() {\n    this.stopAutoPlay()\n  },\n  methods: {\n    async loadPodCountries() {\n      try {\n        const res = await getCountries()\n        const data = (res.data && res.data.data) || []\n        const countries = [{ id: '', name: '全部' }]\n        data.forEach((c) => {\n          countries.push({ id: c.id, name: c.countryName })\n        })\n        this.podCountries = countries\n      } catch (err) {\n        console.error('[loadPodCountries Error]', err)\n      }\n    },\n\n    async loadPodProducts(countryId) {\n      try {\n        const params = { page: 1, pageSize: 4 }\n        if (countryId) {\n          params.countryId = countryId\n        }\n        const res = await getGoods(params)\n        const data = (res.data && res.data.data) || { items: [] }\n        const items = (data.items || []).slice(0, 4)\n        this.podProducts = items.map((item) => ({\n          id: item.goodId,\n          name: truncateProductTitle(item.goodName),\n          image: item.image\n        }))\n      } catch (err) {\n        console.error('[loadPodProducts Error]', err)\n        this.podProducts = []\n      }\n    },\n\n    async onPodCountryChange(id) {\n      await this.loadPodProducts(id)\n    },\n\n    onGoProducts() {\n      uni.switchTab({\n        url: '/pages/products/products'\n      })\n    },\n    onGoDetail(item) {\n      uni.navigateTo({\n        url: '/pages/product-detail/product-detail?id=' + item.id\n      })\n    },\n\n    /* ============================\n     * 统一轮播控制（单一入口）\n     * ============================ */\n\n    /**\n     * 启动统一轮播：单一 setInterval，3 秒一次，\n     * 同时推进 StepsFlow 的 currentStep 和 PlatformFeatures 的 currentFeat。\n     * 两个组件的 active 各自 mod 自己的 length，互不干扰。\n     */\n    startAutoPlay() {\n      this.stopAutoPlay()\n      this._autoPlayTimer = setInterval(() => {\n        const stepTotal = (this.stepList || []).length\n        const featTotal = (this.featureList || []).length\n        if (stepTotal > 1) {\n          this.currentStep = (this.currentStep + 1) % stepTotal\n        }\n        if (featTotal > 1) {\n          this.currentFeat = (this.currentFeat + 1) % featTotal\n        }\n      }, AUTO_PLAY_INTERVAL)\n    },\n\n    /**\n     * 回收定时器：onHide / onUnload 时调用，避免后台运行浪费资源\n     */\n    stopAutoPlay() {\n      if (this._autoPlayTimer) {\n        clearInterval(this._autoPlayTimer)\n        this._autoPlayTimer = null\n      }\n    },\n\n    /**\n     * 用户点击 StepsFlow 卡片：\n     * 先停定时器 → 更新 currentStep → 重启 3s 计数\n     * （同时 currentFeat 的计数被重置也无妨，体验上完全可接受）\n     */\n    onStepChange(idx) {\n      this.stopAutoPlay()\n      this.currentStep = idx\n      this.startAutoPlay()\n    },\n\n    /**\n     * 用户点击 PlatformFeatures 卡片：同上逻辑，函数复用\n     */\n    onFeatChange(idx) {\n      this.stopAutoPlay()\n      this.currentFeat = idx\n      this.startAutoPlay()\n    }\n  }\n}\n</script>\n\n<style>\n.index-page {\n  width: 100%;\n  min-height: 100vh;\n  background: #ffffff;\n}\n</style>\n","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1787652948712\n      var cssReload = require(\"C:/gs/app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/product-detail/product-detail.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/product-detail/product-detail.js.map
index 3195df1..d8a5056 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/product-detail/product-detail.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/product-detail/product-detail.js.map
@@ -1 +1 @@
-{"version":3,"sources":["uni-app:///main.js","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?03a3","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?5b31","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?5df2","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?23db","uni-app:///pages/product-detail/product-detail.vue","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?6ab6","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?73f4"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","components","DetailSwiper","ProductInfo","ColorSelector","SizeSelector","ParamsTable","SizeChart","PackagingSpec","data","statusBarHeight","productId","loading","product","name","sku","country","price","symbol","integer","decimal","quickInfo","productImages","colors","selectedColorId","sizes","selectedSize","productParams","sizeChart","variants","mediaByColor","defaultImages","packaging","onLoad","methods","loadDetail","goodId","res","detail","console","applyDetail","label","value","slice","sort","map","filter","id","buildMediaByColor","list","syncImagesByColor","parsePrice","buildParams","params","expandable","buildExpandableText","buildSizeChart","size","shoulder","chest","length","sleeve","unit","columns","rows","buildPackaging","sizeId","dimension","cm","in","volume","weight","findVariant","v","String","syncPriceByVariant","selectColor","selectSize","computed","colorListWithAvailability","enabled","sizeListWithAvailability"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,sBAAI,CAAC,C;;;;;;;;;;;;;ACLhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAA2H;AAC3H;AACkE;AACL;AACa;;;AAG1E;AACuM;AACvM,gBAAgB,8MAAU;AAC1B,EAAE,oFAAM;AACR,EAAE,yFAAM;AACR,EAAE,kGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,6FAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC/BA;AAAA;AAAA;AAAA;AAA+xB,CAAgB,6xBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;AC4DnzB;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA,eAEA;EACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;EACA;EACAC;IACA;MACAC;MACAC;MACAC;MACAC;QACAC;QACAC;QACAC;QACAC;UAAAC;UAAAC;UAAAC;QAAA;QACAC;MACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACAC;IACA;EACA;EACAC;IACA;MACA;MACA;IACA;MACA;IACA;IACA;MACA;MACA;IACA;EACA;EACAC;IACAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAA,IACAC;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;gBACA;gBAAA;gBAAA;gBAAA,OAEA;cAAA;gBAAAC;gBACAC;gBACA;gBAAA;gBAAA;cAAA;gBAAA;gBAAA;gBAEAC;cAAA;gBAAA;gBAEA;gBAAA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IAEA;IAEA;AACA;AACA;IACAC;MACA;MACA;QACA1B;QACAC;QACAC;QACAC;QACAI,YACA;UAAAoB;UAAAC;QAAA,GACA;UACAD;UACAC;QACA,GACA;UAAAD;UAAAC;QAAA,GACA;UAAAD;UAAAC;QAAA;MAEA;;MAEA;MACA;MACA;MACA;MACA;MACA,yCACAC,QACAC;QAAA;MAAA,GACAC;QAAA;MAAA,GACAC;QAAA;MAAA;MACA;QACAf;MACA;MACA;QACAA;MACA;MACA;MACA;;MAEA;MACA,6DACAe;QAAA;MAAA,GACAH,QACAC;QAAA;MAAA,GACAC;QAAA;UAAAE;UAAAjC;UAAA4B;QAAA;MAAA;MACA;MACA;;MAEA;MACA,2DACAI;QAAA;MAAA,GACAH,QACAC;QAAA;MAAA,GACAC;QAAA;MAAA;MACA;MACA;;MAEA;MACA;;MAEA;MACA;;MAEA;MACA;;MAEA;MACA;;MAEA;MACA;;MAEA;MACA;IACA;IAEA;AACA;AACA;AACA;AACA;IACAG;MACA;MACA;QACAC;UACA;UACA;YAAA;UAAA;UACA;QACA;MACA;MACA;IACA;IAEA;AACA;AACA;AACA;AACA;IACAC;MACA;MACA;MACA;MACA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA;MACA;MACA;MACA;MACA;QACAhC;QACAC;MACA;MACA;QAAAF;QAAAC;QAAAC;MAAA;IACA;IAEA;AACA;AACA;IACAgC;MACA;MACA;MACA;QACAC;UAAAZ;UAAAC;QAAA;MACA;MACA;QACAW;UAAAZ;UAAAC;QAAA;MACA;MACA;MACA;QACAW;UAAAZ;UAAAa;UAAAZ;QAAA;MACA;MACA;IACA;IAEA;AACA;AACA;IACAa;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IAEA;AACA;AACA;IACAC;MACA;MACA;MACA;QACA;QACA;UACA;YAAA;UAAA;UACA;QACA;QACA;UACAC;UACAC;UACAC;UACAC;UACAC;QACA;MACA;MACA;QAAAC;QAAAC;QAAAC;MAAA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA;MACA;MACA;MACA;MACApC;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACAgB;UACAY;UACAS;UACAC;YACAC;YACAC;UACA;UACAC;YACAF;YACAC;UACA;UACAE;YACAH;YACAC;UACA;QACA;MACA;MACA;MACA;MACA;MACA;QAAA;MAAA;MACA;QACA;QACA;QACA;MACA;MACA;QACAP;QACAC;QACAC;MACA;IACA;IAEA;AACA;AACA;AACA;IACAQ;MACA;MACA;MACA;MACA,OACA,mBACA;QAAA,OACAC,KACAC,yCACAA;MAAA,EACA;IAEA;IACAC;MACA;MACA;QACA;MACA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA;MACA;MACA;IACA;IACA;AACA;AACA;AACA;IACAC;MACA;MACA;IACA;EACA;EACAC;IACA;AACA;AACA;AACA;AACA;IACAC;MAAA;MACA;MACA;QACA;QACA;UACAC,+BACA;YAAA,OACAP,KACAA,uBACAC,sCACAA;UAAA,EACA;QACA;QACA;UAAAM;QAAA;MACA;IACA;IACA;AACA;AACA;AACA;IACAC;MAAA;MACA;MACA;QACA;QACA;UACAD,+BACA;YAAA,OACAP,KACAA,uBACAC,yCACAA;UAAA,EACA;QACA;QACA;UAAA5D;UAAAkE;QAAA;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;AC1bA;AAAA;AAAA;AAAA;AAA0nC,CAAgB,olCAAG,EAAC,C;;;;;;;;;;;ACA9oC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/product-detail/product-detail.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/product-detail/product-detail.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./product-detail.vue?vue&type=template&id=685304e6&\"\nvar renderjs\nimport script from \"./product-detail.vue?vue&type=script&lang=js&\"\nexport * from \"./product-detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product-detail.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/product-detail/product-detail.vue\"\nexport default component.exports","export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./product-detail.vue?vue&type=template&id=685304e6&\"","var components\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var g0 = _vm.colors.length\n  var g1 = _vm.colors.length\n  var g2 = _vm.sizes.length\n  var g3 = _vm.sizes.length\n  var g4 = _vm.productParams.length\n  var g5 = _vm.productParams.length\n  var g6 = _vm.sizeChart.rows && _vm.sizeChart.rows.length\n  var g7 = _vm.sizeChart.rows && _vm.sizeChart.rows.length\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        g0: g0,\n        g1: g1,\n        g2: g2,\n        g3: g3,\n        g4: g4,\n        g5: g5,\n        g6: g6,\n        g7: g7,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./product-detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./product-detail.vue?vue&type=script&lang=js&\"","<template>\n  <!-- 产品详情页 - 接入 /public/goods/{goodId} 接口 -->\n  <view class=\"detail-page\" :style=\"{ paddingTop: statusBarHeight + 'px' }\">\n    <!-- 产品图片轮播 + 指示点 -->\n    <DetailSwiper :images=\"productImages\" />\n\n    <!-- 产品信息：名称/SKU/国家/价格/4列快捷信息 -->\n    <ProductInfo :info=\"product\" />\n\n    <!-- 灰色分隔条 -->\n    <view class=\"section-divider\" v-if=\"colors.length\"></view>\n\n    <!-- 颜色选择：根据 variants 传 enabled 可用态 -->\n    <ColorSelector\n      v-if=\"colors.length\"\n      :list=\"colorListWithAvailability\"\n      :selected-id=\"selectedColorId\"\n      @select=\"selectColor\"\n    />\n\n    <!-- 灰色分隔条 -->\n    <view class=\"section-divider\" v-if=\"sizes.length\"></view>\n\n    <!-- 尺码选择：根据 variants 传 enabled 可用态 -->\n    <SizeSelector\n      v-if=\"sizes.length\"\n      :list=\"sizeListWithAvailability\"\n      :selected=\"selectedSize\"\n      @select=\"selectSize\"\n    />\n\n    <!-- 灰色分隔条 -->\n    <view class=\"section-divider\" v-if=\"productParams.length\"></view>\n\n    <!-- 产品参数（含可展开的补充说明） -->\n    <ParamsTable v-if=\"productParams.length\" :list=\"productParams\" />\n\n    <!-- 灰色分隔条 -->\n    <view class=\"section-divider\" v-if=\"sizeChart.rows && sizeChart.rows.length\"></view>\n\n    <!-- 产品尺码表 -->\n    <SizeChart v-if=\"sizeChart.rows && sizeChart.rows.length\" :data=\"sizeChart\" />\n\n    <!-- 灰色分隔条 -->\n    <view class=\"section-divider\" v-if=\"packaging\"></view>\n\n    <!-- 包装规格表（接口暂未提供，预留） -->\n    <PackagingSpec v-if=\"packaging\" :data=\"packaging\" />\n  </view>\n</template>\n\n<script>\nimport DetailSwiper from './components/DetailSwiper.vue'\nimport ProductInfo from './components/ProductInfo.vue'\nimport ColorSelector from './components/ColorSelector.vue'\nimport SizeSelector from './components/SizeSelector.vue'\nimport ParamsTable from './components/ParamsTable.vue'\nimport SizeChart from './components/SizeChart.vue'\nimport PackagingSpec from './components/PackagingSpec.vue'\n\nimport { getGoodsDetail } from '@/api/public.js'\n\nexport default {\n  components: {\n    DetailSwiper,\n    ProductInfo,\n    ColorSelector,\n    SizeSelector,\n    ParamsTable,\n    SizeChart,\n    PackagingSpec\n  },\n  data() {\n    return {\n      statusBarHeight: 20,\n      productId: null,\n      loading: false,\n      product: {\n        name: '',\n        sku: '',\n        country: '',\n        price: { symbol: '￥', integer: '0', decimal: '' },\n        quickInfo: []\n      },\n      productImages: [],\n      colors: [],\n      selectedColorId: '',\n      sizes: [],\n      selectedSize: '',\n      productParams: [],\n      sizeChart: {},\n      // 变体列表（来自接口 variants），用于校验尺码+颜色组合、获取价格、包装规格\n      variants: [],\n      // 按颜色分组的图片映射：{ [colorId]: [url, ...] }（来自 detail.mediaByColor）\n      mediaByColor: {},\n      // 默认轮播图（无颜色或 mediaByColor 缺失时使用，来自 detail.media.images）\n      defaultImages: [],\n      packaging: null\n    }\n  },\n  onLoad(options) {\n    try {\n      const sysInfo = uni.getSystemInfoSync()\n      this.statusBarHeight = sysInfo.statusBarHeight || 20\n    } catch (e) {\n      this.statusBarHeight = 20\n    }\n    if (options && options.id) {\n      this.productId = options.id\n      this.loadDetail(options.id)\n    }\n  },\n  methods: {\n    async loadDetail(goodId) {\n      if (!goodId) return\n      this.loading = true\n      try {\n        const res = await getGoodsDetail(goodId)\n        const detail = (res && res.data && res.data.data) || {}\n        this.applyDetail(detail)\n      } catch (err) {\n        console.error('[product-detail loadDetail Error]', err)\n      } finally {\n        this.loading = false\n      }\n    },\n\n    /**\n     * 将接口详情数据映射为各组件所需结构\n     */\n    applyDetail(detail) {\n      // 1. 产品信息：名称 / SKU / 国家 / 价格 / 4 列快捷信息\n      this.product = {\n        name: detail.goodName || '—',\n        sku: detail.productCode || '—',\n        country: (detail.country && detail.country.countryName) || '—',\n        price: this.parsePrice(detail.price),\n        quickInfo: [\n          { label: '生产工艺', value: (detail.details && detail.details.productionProcess) || '—' },\n          {\n            label: '发货时效',\n            value: detail.productionCycleHours ? detail.productionCycleHours + '小时' : '—'\n          },\n          { label: '印花', value: (detail.details && detail.details.designArea) || '—' },\n          { label: '产品编码', value: detail.productCode || '—' }\n        ]\n      }\n\n      // 2. 图片画廊：\n      //  - defaultImages：来自 detail.media.images（按 sortOrder 升序，首图置顶）\n      //  - mediaByColor：来自 detail.mediaByColor，结构 [{ colorId, colorName, colorHex, images:[url,...] }]\n      //  顶部轮播优先显示选中颜色对应的图片；mediaByColor 缺失或当前颜色无图时回退到 defaultImages\n      const media = detail.media || {}\n      let defaultImages = (media.images || [])\n        .slice()\n        .sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))\n        .map((img) => img.url)\n        .filter((url) => url)\n      if (media.primaryImageUrl && defaultImages.indexOf(media.primaryImageUrl) === -1) {\n        defaultImages.unshift(media.primaryImageUrl)\n      }\n      if (!defaultImages.length && detail.image) {\n        defaultImages.push(detail.image)\n      }\n      this.defaultImages = defaultImages\n      this.mediaByColor = this.buildMediaByColor(detail.mediaByColor)\n\n      // 3. 颜色：仅取启用项，按 sortOrder 升序\n      const colors = ((detail.options && detail.options.colors) || [])\n        .filter((c) => c.enabled !== false)\n        .slice()\n        .sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))\n        .map((c) => ({ id: c.id, name: c.name, value: c.hex }))\n      this.colors = colors\n      this.selectedColorId = colors.length ? colors[0].id : ''\n\n      // 4. 尺码：仅取启用项，按 sortOrder 升序\n      const sizes = ((detail.options && detail.options.sizes) || [])\n        .filter((s) => s.enabled !== false)\n        .slice()\n        .sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))\n        .map((s) => s.name)\n      this.sizes = sizes\n      this.selectedSize = sizes.length ? sizes[0] : ''\n\n      // 5. 产品参数（含可展开的\"补充说明\"）\n      this.productParams = this.buildParams(detail)\n\n      // 6. 变体：用于尺码+颜色校验、价格联动、包装规格来源\n      this.variants = Array.isArray(detail.variants) ? detail.variants.slice() : []\n\n      // 7. 尺码表\n      this.sizeChart = this.buildSizeChart(detail.sizeChart)\n\n      // 8. 包装规格（从 variants 按尺码去重生成）\n      this.packaging = this.buildPackaging(this.variants)\n\n      // 9. 初始价格（按默认选中的 尺码+颜色 匹配变体价格）\n      this.syncPriceByVariant()\n\n      // 10. 初始轮播图（按默认选中颜色取 mediaByColor，无则回退 defaultImages）\n      this.syncImagesByColor()\n    },\n\n    /**\n     * 将接口 mediaByColor 数组转为 colorId -> [url] 映射\n     * 入参：[{ colorId, colorName, colorHex, images:[url,...] }]\n     * 出参：{ '1126198': [url, ...], ... }\n     */\n    buildMediaByColor(list) {\n      const map = {}\n      if (Array.isArray(list)) {\n        list.forEach((item) => {\n          if (!item || item.colorId == null) return\n          const imgs = Array.isArray(item.images) ? item.images.filter((u) => u) : []\n          if (imgs.length) map[String(item.colorId)] = imgs\n        })\n      }\n      return map\n    },\n\n    /**\n     * 按当前 selectedColorId 同步顶部轮播图：\n     * - 若 mediaByColor 命中且该颜色有图，则使用该颜色的图片数组\n     * - 否则回退到 defaultImages\n     */\n    syncImagesByColor() {\n      const colorId = this.selectedColorId\n      const byColor = this.mediaByColor || {}\n      const imgs = colorId && byColor[String(colorId)] ? byColor[String(colorId)] : this.defaultImages\n      this.productImages = (imgs || []).slice()\n    },\n\n    /**\n     * 价格拆分：'35' → { symbol:'￥', integer:'35', decimal:'' }\n     *              '35.50' → { symbol:'￥', integer:'35', decimal:'.50' }\n     */\n    parsePrice(price) {\n      const raw = price != null ? String(price) : ''\n      let integer = raw\n      let decimal = ''\n      const dot = raw.indexOf('.')\n      if (dot >= 0) {\n        integer = raw.slice(0, dot) || '0'\n        decimal = raw.slice(dot)\n      }\n      return { symbol: '￥', integer: integer || '0', decimal: decimal }\n    },\n\n    /**\n     * 构造产品参数列表：克重 / 材质 / 补充说明（可展开）\n     */\n    buildParams(detail) {\n      const d = detail.details || {}\n      const params = []\n      if (detail.minWeightG) {\n        params.push({ label: '克重', value: detail.minWeightG + 'g' })\n      }\n      if (d.materialDescription) {\n        params.push({ label: '材质', value: d.materialDescription })\n      }\n      const expandableText = this.buildExpandableText(d)\n      if (expandableText) {\n        params.push({ label: '补充说明', expandable: true, value: expandableText })\n      }\n      return params\n    },\n\n    /**\n     * 拼接\"补充说明\"多段文本：材质说明/产品性能/适用情景/洗涤说明/图片要求/特殊说明/温馨提示\n     */\n    buildExpandableText(d) {\n      const lines = []\n      if (d.materialDescription) lines.push('【 材质说明 】\\n' + d.materialDescription)\n      if (d.productPerformance) lines.push('【 产品性能 】\\n' + d.productPerformance)\n      if (d.applicableScenarios) lines.push('【 适用情景 】\\n' + d.applicableScenarios)\n      if (d.washingInstructions) lines.push('【 洗涤说明 】\\n' + d.washingInstructions)\n      if (d.pictureRequest) lines.push('【 图片要求 】\\n' + d.pictureRequest)\n      if (d.specialDescription) lines.push('【 特殊说明 】\\n' + d.specialDescription)\n      if (d.reminder) lines.push('【 温馨提醒 】\\n' + d.reminder)\n      return lines.join('\\n')\n    },\n\n    /**\n     * 构造尺码表：接口 measurements.key (chest/bodyLength/shoulder/sleeveLength) → 表格列\n     */\n    buildSizeChart(sizeChart) {\n      if (!sizeChart || !sizeChart.rows || !sizeChart.rows.length) return {}\n      const columns = ['尺码', '肩宽', '胸围', '衣长', '袖长']\n      const rows = sizeChart.rows.map((row) => {\n        const measurements = row.measurements || []\n        const get = (key) => {\n          const m = measurements.find((x) => x.key === key)\n          return m ? m.cm : ''\n        }\n        return {\n          size: row.sizeName || '',\n          shoulder: get('shoulder'),\n          chest: get('chest'),\n          length: get('bodyLength'),\n          sleeve: get('sleeveLength')\n        }\n      })\n      return { unit: 'cm', columns, rows }\n    },\n\n    /**\n     * 构建包装规格表（按尺码聚合 → 每行一个尺码）\n     * 数据来源：variants[].{ sizeId, sizeName, boxLengthCm, boxWidthCm, boxHeightCm, weightG }\n     */\n    buildPackaging(variants) {\n      if (!Array.isArray(variants) || !variants.length) return null\n      const CM_TO_IN = 0.393701\n      const G_TO_LB = 0.00220462\n      const map = new Map()\n      variants.forEach((v) => {\n        if (!v || !v.sizeId) return\n        if (map.has(v.sizeId)) return // 按尺码取第一条（所有颜色的包装尺寸/重量一般相同）\n        const l = parseFloat(v.boxLengthCm) || 0\n        const w = parseFloat(v.boxWidthCm) || 0\n        const h = parseFloat(v.boxHeightCm) || 0\n        const g = parseFloat(v.weightG) || 0\n        const cm3 = l * w * h\n        const in3 = cm3 * Math.pow(CM_TO_IN, 3)\n        map.set(v.sizeId, {\n          size: v.sizeName || '',\n          sizeId: v.sizeId,\n          dimension: {\n            cm: `${l.toFixed(1)}*${w.toFixed(1)}*${h.toFixed(1)}cm`,\n            in: `${(l * CM_TO_IN).toFixed(2)}*${(w * CM_TO_IN).toFixed(2)}*${(h * CM_TO_IN).toFixed(2)}in`\n          },\n          volume: {\n            cm: `${cm3.toFixed(2)}cm³`,\n            in: `${in3.toFixed(2)}in³`\n          },\n          weight: {\n            cm: `${g.toFixed(2)}g`,\n            in: `${(g * G_TO_LB).toFixed(2)}lb`\n          }\n        })\n      })\n      if (!map.size) return null\n      // 按 sizes 顺序排序（保持 S→M→L→XL 顺序）\n      const orderMap = {}\n      this.sizes.forEach((s, i) => (orderMap[s] = i))\n      const rows = Array.from(map.values()).sort((a, b) => {\n        const ai = orderMap[a.size] == null ? 999 : orderMap[a.size]\n        const bi = orderMap[b.size] == null ? 999 : orderMap[b.size]\n        return ai - bi\n      })\n      return {\n        unit: 'cm',\n        columns: ['尺码', '尺寸', '体积', '重量'],\n        rows\n      }\n    },\n\n    /**\n     * 根据当前 selectedColorId + selectedSize 找到匹配的 variant\n     * 命中后更新 ProductInfo 的价格；找不到则保持原商品价格\n     */\n    findVariant() {\n      const sizeName = this.selectedSize\n      const colorId = this.selectedColorId\n      if (!sizeName || !colorId || !this.variants.length) return null\n      return (\n        this.variants.find(\n          (v) =>\n            v &&\n            String(v.colorId) === String(colorId) &&\n            String(v.sizeName) === String(sizeName)\n        ) || null\n      )\n    },\n    syncPriceByVariant() {\n      const v = this.findVariant()\n      if (v && v.price != null) {\n        this.$set(this.product, 'price', this.parsePrice(v.price))\n      }\n    },\n\n    /**\n     * 颜色列表 + 根据已选尺码标记该颜色是否可用（有对应启用的 variant）\n     * 数据项: { id, name, value, enabled }\n     */\n    selectColor(id) {\n      this.selectedColorId = id\n      this.syncImagesByColor()\n      this.syncPriceByVariant()\n    },\n    /**\n     * 尺码列表 + 根据已选颜色标记该尺码是否可用\n     * 数据项: 直接返回字符串（SizeSelector 兼容），不可用的对应按钮会 disabled 掉，因此用对象包一层\n     */\n    selectSize(size) {\n      this.selectedSize = size\n      this.syncPriceByVariant()\n    }\n  },\n  computed: {\n    /**\n     * 颜色列表 + 可用态标记（给 ColorSelector 用，用于 disabled 样式）\n     * - 如果没选尺码：所有已 enabled 的颜色都可选\n     * - 如果已选尺码：仅保留存在 (colorId + sizeName) 组合且 variant.enabled 的颜色\n     */\n    colorListWithAvailability() {\n      const sizeName = this.selectedSize\n      return this.colors.map((c) => {\n        let enabled = c.enabled !== false\n        if (sizeName && this.variants.length) {\n          enabled = this.variants.some(\n            (v) =>\n              v &&\n              v.enabled !== false &&\n              String(v.colorId) === String(c.id) &&\n              String(v.sizeName) === String(sizeName)\n          )\n        }\n        return Object.assign({}, c, { enabled })\n      })\n    },\n    /**\n     * 尺码列表 + 可用态标记\n     * SizeSelector 原始 list 是字符串数组，这里扩展为 [{ name, enabled }]\n     */\n    sizeListWithAvailability() {\n      const colorId = this.selectedColorId\n      return this.sizes.map((s) => {\n        let enabled = true\n        if (colorId && this.variants.length) {\n          enabled = this.variants.some(\n            (v) =>\n              v &&\n              v.enabled !== false &&\n              String(v.colorId) === String(colorId) &&\n              String(v.sizeName) === String(s)\n          )\n        }\n        return { name: s, enabled }\n      })\n    }\n  }\n}\n</script>\n\n<style>\n@import './product-detail.css';\n</style>\n","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./product-detail.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./product-detail.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1787640418637\n      var cssReload = require(\"C:/gs/app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["uni-app:///main.js","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?03a3","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?5b31","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?5df2","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?23db","uni-app:///pages/product-detail/product-detail.vue","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?6ab6","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/product-detail/product-detail.vue?73f4"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","components","DetailSwiper","ProductInfo","ColorSelector","SizeSelector","ParamsTable","SizeChart","PackagingSpec","data","statusBarHeight","productId","loading","product","name","sku","country","price","symbol","integer","decimal","quickInfo","productImages","colors","selectedColorId","sizes","selectedSize","productParams","sizeChart","variants","mediaByColor","defaultImages","packaging","onLoad","methods","loadDetail","goodId","res","detail","console","applyDetail","label","value","slice","sort","map","filter","id","buildMediaByColor","list","syncImagesByColor","parsePrice","buildParams","params","expandable","buildExpandableText","buildSizeChart","size","shoulder","chest","length","sleeve","unit","columns","rows","buildPackaging","sizeId","dimension","cm","in","volume","weight","findVariant","v","String","syncPriceByVariant","selectColor","selectSize","computed","colorListWithAvailability","enabled","sizeListWithAvailability"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,sBAAI,CAAC,C;;;;;;;;;;;;;ACLhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAA2H;AAC3H;AACkE;AACL;AACa;;;AAG1E;AACuM;AACvM,gBAAgB,8MAAU;AAC1B,EAAE,oFAAM;AACR,EAAE,yFAAM;AACR,EAAE,kGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,6FAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC/BA;AAAA;AAAA;AAAA;AAA+xB,CAAgB,6xBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;AC4DnzB;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA,eAEA;EACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;EACA;EACAC;IACA;MACAC;MACAC;MACAC;MACAC;QACAC;QACAC;QACAC;QACAC;UAAAC;UAAAC;UAAAC;QAAA;QACAC;MACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACAC;IACA;EACA;EACAC;IACA;MACA;MACA;IACA;MACA;IACA;IACA;MACA;MACA;IACA;EACA;EACAC;IACAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAA,IACAC;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;gBACA;gBAAA;gBAAA;gBAAA,OAEA;cAAA;gBAAAC;gBACAC;gBACA;gBAAA;gBAAA;cAAA;gBAAA;gBAAA;gBAEAC;cAAA;gBAAA;gBAEA;gBAAA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IAEA;IAEA;AACA;AACA;IACAC;MACA;MACA;QACA1B;QACAC;QACAC;QACAC;QACAI,YACA;UAAAoB;UAAAC;QAAA,GACA;UACAD;UACAC;QACA,GACA;UAAAD;UAAAC;QAAA,GACA;UAAAD;UAAAC;QAAA;MAEA;;MAEA;MACA;MACA;MACA;MACA;MACA,yCACAC,QACAC;QAAA;MAAA,GACAC;QAAA;MAAA,GACAC;QAAA;MAAA;MACA;QACAf;MACA;MACA;QACAA;MACA;MACA;MACA;;MAEA;MACA,6DACAe;QAAA;MAAA,GACAH,QACAC;QAAA;MAAA,GACAC;QAAA;UAAAE;UAAAjC;UAAA4B;QAAA;MAAA;MACA;MACA;;MAEA;MACA,2DACAI;QAAA;MAAA,GACAH,QACAC;QAAA;MAAA,GACAC;QAAA;MAAA;MACA;MACA;;MAEA;MACA;;MAEA;MACA;;MAEA;MACA;;MAEA;MACA;;MAEA;MACA;;MAEA;MACA;IACA;IAEA;AACA;AACA;AACA;AACA;IACAG;MACA;MACA;QACAC;UACA;UACA;YAAA;UAAA;UACA;QACA;MACA;MACA;IACA;IAEA;AACA;AACA;AACA;AACA;IACAC;MACA;MACA;MACA;MACA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA;MACA;MACA;MACA;MACA;QACAhC;QACAC;MACA;MACA;QAAAF;QAAAC;QAAAC;MAAA;IACA;IAEA;AACA;AACA;IACAgC;MACA;MACA;MACA;QACAC;UAAAZ;UAAAC;QAAA;MACA;MACA;QACAW;UAAAZ;UAAAC;QAAA;MACA;MACA;MACA;QACAW;UAAAZ;UAAAa;UAAAZ;QAAA;MACA;MACA;IACA;IAEA;AACA;AACA;IACAa;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IAEA;AACA;AACA;IACAC;MACA;MACA;MACA;QACA;QACA;UACA;YAAA;UAAA;UACA;QACA;QACA;UACAC;UACAC;UACAC;UACAC;UACAC;QACA;MACA;MACA;QAAAC;QAAAC;QAAAC;MAAA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA;MACA;MACA;MACA;MACApC;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACAgB;UACAY;UACAS;UACAC;YACAC;YACAC;UACA;UACAC;YACAF;YACAC;UACA;UACAE;YACAH;YACAC;UACA;QACA;MACA;MACA;MACA;MACA;MACA;QAAA;MAAA;MACA;QACA;QACA;QACA;MACA;MACA;QACAP;QACAC;QACAC;MACA;IACA;IAEA;AACA;AACA;AACA;IACAQ;MACA;MACA;MACA;MACA,OACA,mBACA;QAAA,OACAC,KACAC,yCACAA;MAAA,EACA;IAEA;IACAC;MACA;MACA;QACA;MACA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA;MACA;MACA;IACA;IACA;AACA;AACA;AACA;IACAC;MACA;MACA;IACA;EACA;EACAC;IACA;AACA;AACA;AACA;AACA;IACAC;MAAA;MACA;MACA;QACA;QACA;UACAC,+BACA;YAAA,OACAP,KACAA,uBACAC,sCACAA;UAAA,EACA;QACA;QACA;UAAAM;QAAA;MACA;IACA;IACA;AACA;AACA;AACA;IACAC;MAAA;MACA;MACA;QACA;QACA;UACAD,+BACA;YAAA,OACAP,KACAA,uBACAC,yCACAA;UAAA,EACA;QACA;QACA;UAAA5D;UAAAkE;QAAA;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;AC1bA;AAAA;AAAA;AAAA;AAA0nC,CAAgB,olCAAG,EAAC,C;;;;;;;;;;;ACA9oC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/product-detail/product-detail.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/product-detail/product-detail.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./product-detail.vue?vue&type=template&id=685304e6&\"\nvar renderjs\nimport script from \"./product-detail.vue?vue&type=script&lang=js&\"\nexport * from \"./product-detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product-detail.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/product-detail/product-detail.vue\"\nexport default component.exports","export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./product-detail.vue?vue&type=template&id=685304e6&\"","var components\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var g0 = _vm.colors.length\n  var g1 = _vm.colors.length\n  var g2 = _vm.sizes.length\n  var g3 = _vm.sizes.length\n  var g4 = _vm.productParams.length\n  var g5 = _vm.productParams.length\n  var g6 = _vm.sizeChart.rows && _vm.sizeChart.rows.length\n  var g7 = _vm.sizeChart.rows && _vm.sizeChart.rows.length\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        g0: g0,\n        g1: g1,\n        g2: g2,\n        g3: g3,\n        g4: g4,\n        g5: g5,\n        g6: g6,\n        g7: g7,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./product-detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./product-detail.vue?vue&type=script&lang=js&\"","<template>\n  <!-- 产品详情页 - 接入 /public/goods/{goodId} 接口 -->\n  <view class=\"detail-page\" :style=\"{ paddingTop: statusBarHeight + 'px' }\">\n    <!-- 产品图片轮播 + 指示点 -->\n    <DetailSwiper :images=\"productImages\" />\n\n    <!-- 产品信息：名称/SKU/国家/价格/4列快捷信息 -->\n    <ProductInfo :info=\"product\" />\n\n    <!-- 灰色分隔条 -->\n    <view class=\"section-divider\" v-if=\"colors.length\"></view>\n\n    <!-- 颜色选择：根据 variants 传 enabled 可用态 -->\n    <ColorSelector\n      v-if=\"colors.length\"\n      :list=\"colorListWithAvailability\"\n      :selected-id=\"selectedColorId\"\n      @select=\"selectColor\"\n    />\n\n    <!-- 灰色分隔条 -->\n    <view class=\"section-divider\" v-if=\"sizes.length\"></view>\n\n    <!-- 尺码选择：根据 variants 传 enabled 可用态 -->\n    <SizeSelector\n      v-if=\"sizes.length\"\n      :list=\"sizeListWithAvailability\"\n      :selected=\"selectedSize\"\n      @select=\"selectSize\"\n    />\n\n    <!-- 灰色分隔条 -->\n    <view class=\"section-divider\" v-if=\"productParams.length\"></view>\n\n    <!-- 产品参数（含可展开的补充说明） -->\n    <ParamsTable v-if=\"productParams.length\" :list=\"productParams\" />\n\n    <!-- 灰色分隔条 -->\n    <view class=\"section-divider\" v-if=\"sizeChart.rows && sizeChart.rows.length\"></view>\n\n    <!-- 产品尺码表 -->\n    <SizeChart v-if=\"sizeChart.rows && sizeChart.rows.length\" :data=\"sizeChart\" />\n\n    <!-- 灰色分隔条 -->\n    <view class=\"section-divider\" v-if=\"packaging\"></view>\n\n    <!-- 包装规格表（接口暂未提供，预留） -->\n    <PackagingSpec v-if=\"packaging\" :data=\"packaging\" />\n  </view>\n</template>\n\n<script>\nimport DetailSwiper from './components/DetailSwiper.vue'\nimport ProductInfo from './components/ProductInfo.vue'\nimport ColorSelector from './components/ColorSelector.vue'\nimport SizeSelector from './components/SizeSelector.vue'\nimport ParamsTable from './components/ParamsTable.vue'\nimport SizeChart from './components/SizeChart.vue'\nimport PackagingSpec from './components/PackagingSpec.vue'\n\nimport { getGoodsDetail } from '@/api/public.js'\n\nexport default {\n  components: {\n    DetailSwiper,\n    ProductInfo,\n    ColorSelector,\n    SizeSelector,\n    ParamsTable,\n    SizeChart,\n    PackagingSpec\n  },\n  data() {\n    return {\n      statusBarHeight: 20,\n      productId: null,\n      loading: false,\n      product: {\n        name: '',\n        sku: '',\n        country: '',\n        price: { symbol: '￥', integer: '0', decimal: '' },\n        quickInfo: []\n      },\n      productImages: [],\n      colors: [],\n      selectedColorId: '',\n      sizes: [],\n      selectedSize: '',\n      productParams: [],\n      sizeChart: {},\n      // 变体列表（来自接口 variants），用于校验尺码+颜色组合、获取价格、包装规格\n      variants: [],\n      // 按颜色分组的图片映射：{ [colorId]: [url, ...] }（来自 detail.mediaByColor）\n      mediaByColor: {},\n      // 默认轮播图（无颜色或 mediaByColor 缺失时使用，来自 detail.media.images）\n      defaultImages: [],\n      packaging: null\n    }\n  },\n  onLoad(options) {\n    try {\n      const sysInfo = uni.getSystemInfoSync()\n      this.statusBarHeight = sysInfo.statusBarHeight || 20\n    } catch (e) {\n      this.statusBarHeight = 20\n    }\n    if (options && options.id) {\n      this.productId = options.id\n      this.loadDetail(options.id)\n    }\n  },\n  methods: {\n    async loadDetail(goodId) {\n      if (!goodId) return\n      this.loading = true\n      try {\n        const res = await getGoodsDetail(goodId)\n        const detail = (res && res.data && res.data.data) || {}\n        this.applyDetail(detail)\n      } catch (err) {\n        console.error('[product-detail loadDetail Error]', err)\n      } finally {\n        this.loading = false\n      }\n    },\n\n    /**\n     * 将接口详情数据映射为各组件所需结构\n     */\n    applyDetail(detail) {\n      // 1. 产品信息：名称 / SKU / 国家 / 价格 / 4 列快捷信息\n      this.product = {\n        name: detail.goodName || '—',\n        sku: detail.productCode || '—',\n        country: (detail.country && detail.country.countryName) || '—',\n        price: this.parsePrice(detail.price),\n        quickInfo: [\n          { label: '生产工艺', value: (detail.details && detail.details.productionProcess) || '—' },\n          {\n            label: '发货时效',\n            value: detail.productionCycleHours ? detail.productionCycleHours + '小时' : '—'\n          },\n          { label: '印花', value: (detail.details && detail.details.designArea) || '—' },\n          { label: '产品编码', value: detail.productCode || '—' }\n        ]\n      }\n\n      // 2. 图片画廊：\n      //  - defaultImages：来自 detail.media.images（按 sortOrder 升序，首图置顶）\n      //  - mediaByColor：来自 detail.mediaByColor，结构 [{ colorId, colorName, colorHex, images:[url,...] }]\n      //  顶部轮播优先显示选中颜色对应的图片；mediaByColor 缺失或当前颜色无图时回退到 defaultImages\n      const media = detail.media || {}\n      let defaultImages = (media.images || [])\n        .slice()\n        .sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))\n        .map((img) => img.url)\n        .filter((url) => url)\n      if (media.primaryImageUrl && defaultImages.indexOf(media.primaryImageUrl) === -1) {\n        defaultImages.unshift(media.primaryImageUrl)\n      }\n      if (!defaultImages.length && detail.image) {\n        defaultImages.push(detail.image)\n      }\n      this.defaultImages = defaultImages\n      this.mediaByColor = this.buildMediaByColor(detail.mediaByColor)\n\n      // 3. 颜色：仅取启用项，按 sortOrder 升序\n      const colors = ((detail.options && detail.options.colors) || [])\n        .filter((c) => c.enabled !== false)\n        .slice()\n        .sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))\n        .map((c) => ({ id: c.id, name: c.name, value: c.hex }))\n      this.colors = colors\n      this.selectedColorId = colors.length ? colors[0].id : ''\n\n      // 4. 尺码：仅取启用项，按 sortOrder 升序\n      const sizes = ((detail.options && detail.options.sizes) || [])\n        .filter((s) => s.enabled !== false)\n        .slice()\n        .sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))\n        .map((s) => s.name)\n      this.sizes = sizes\n      this.selectedSize = sizes.length ? sizes[0] : ''\n\n      // 5. 产品参数（含可展开的\"补充说明\"）\n      this.productParams = this.buildParams(detail)\n\n      // 6. 变体：用于尺码+颜色校验、价格联动、包装规格来源\n      this.variants = Array.isArray(detail.variants) ? detail.variants.slice() : []\n\n      // 7. 尺码表\n      this.sizeChart = this.buildSizeChart(detail.sizeChart)\n\n      // 8. 包装规格（从 variants 按尺码去重生成）\n      this.packaging = this.buildPackaging(this.variants)\n\n      // 9. 初始价格（按默认选中的 尺码+颜色 匹配变体价格）\n      this.syncPriceByVariant()\n\n      // 10. 初始轮播图（按默认选中颜色取 mediaByColor，无则回退 defaultImages）\n      this.syncImagesByColor()\n    },\n\n    /**\n     * 将接口 mediaByColor 数组转为 colorId -> [url] 映射\n     * 入参：[{ colorId, colorName, colorHex, images:[url,...] }]\n     * 出参：{ '1126198': [url, ...], ... }\n     */\n    buildMediaByColor(list) {\n      const map = {}\n      if (Array.isArray(list)) {\n        list.forEach((item) => {\n          if (!item || item.colorId == null) return\n          const imgs = Array.isArray(item.images) ? item.images.filter((u) => u) : []\n          if (imgs.length) map[String(item.colorId)] = imgs\n        })\n      }\n      return map\n    },\n\n    /**\n     * 按当前 selectedColorId 同步顶部轮播图：\n     * - 若 mediaByColor 命中且该颜色有图，则使用该颜色的图片数组\n     * - 否则回退到 defaultImages\n     */\n    syncImagesByColor() {\n      const colorId = this.selectedColorId\n      const byColor = this.mediaByColor || {}\n      const imgs = colorId && byColor[String(colorId)] ? byColor[String(colorId)] : this.defaultImages\n      this.productImages = (imgs || []).slice()\n    },\n\n    /**\n     * 价格拆分：'35' → { symbol:'￥', integer:'35', decimal:'' }\n     *              '35.50' → { symbol:'￥', integer:'35', decimal:'.50' }\n     */\n    parsePrice(price) {\n      const raw = price != null ? String(price) : ''\n      let integer = raw\n      let decimal = ''\n      const dot = raw.indexOf('.')\n      if (dot >= 0) {\n        integer = raw.slice(0, dot) || '0'\n        decimal = raw.slice(dot)\n      }\n      return { symbol: '￥', integer: integer || '0', decimal: decimal }\n    },\n\n    /**\n     * 构造产品参数列表：克重 / 材质 / 补充说明（可展开）\n     */\n    buildParams(detail) {\n      const d = detail.details || {}\n      const params = []\n      if (detail.minWeightG) {\n        params.push({ label: '克重', value: detail.minWeightG + 'g' })\n      }\n      if (d.materialDescription) {\n        params.push({ label: '材质', value: d.materialDescription })\n      }\n      const expandableText = this.buildExpandableText(d)\n      if (expandableText) {\n        params.push({ label: '补充说明', expandable: true, value: expandableText })\n      }\n      return params\n    },\n\n    /**\n     * 拼接\"补充说明\"多段文本：材质说明/产品性能/适用情景/洗涤说明/图片要求/特殊说明/温馨提示\n     */\n    buildExpandableText(d) {\n      const lines = []\n      if (d.materialDescription) lines.push('【 材质说明 】\\n' + d.materialDescription)\n      if (d.productPerformance) lines.push('【 产品性能 】\\n' + d.productPerformance)\n      if (d.applicableScenarios) lines.push('【 适用情景 】\\n' + d.applicableScenarios)\n      if (d.washingInstructions) lines.push('【 洗涤说明 】\\n' + d.washingInstructions)\n      if (d.pictureRequest) lines.push('【 图片要求 】\\n' + d.pictureRequest)\n      if (d.specialDescription) lines.push('【 特殊说明 】\\n' + d.specialDescription)\n      if (d.reminder) lines.push('【 温馨提醒 】\\n' + d.reminder)\n      return lines.join('\\n')\n    },\n\n    /**\n     * 构造尺码表：接口 measurements.key (chest/bodyLength/shoulder/sleeveLength) → 表格列\n     */\n    buildSizeChart(sizeChart) {\n      if (!sizeChart || !sizeChart.rows || !sizeChart.rows.length) return {}\n      const columns = ['尺码', '肩宽', '胸围', '衣长', '袖长']\n      const rows = sizeChart.rows.map((row) => {\n        const measurements = row.measurements || []\n        const get = (key) => {\n          const m = measurements.find((x) => x.key === key)\n          return m ? m.cm : ''\n        }\n        return {\n          size: row.sizeName || '',\n          shoulder: get('shoulder'),\n          chest: get('chest'),\n          length: get('bodyLength'),\n          sleeve: get('sleeveLength')\n        }\n      })\n      return { unit: 'cm', columns, rows }\n    },\n\n    /**\n     * 构建包装规格表（按尺码聚合 → 每行一个尺码）\n     * 数据来源：variants[].{ sizeId, sizeName, boxLengthCm, boxWidthCm, boxHeightCm, weightG }\n     */\n    buildPackaging(variants) {\n      if (!Array.isArray(variants) || !variants.length) return null\n      const CM_TO_IN = 0.393701\n      const G_TO_LB = 0.00220462\n      const map = new Map()\n      variants.forEach((v) => {\n        if (!v || !v.sizeId) return\n        if (map.has(v.sizeId)) return // 按尺码取第一条（所有颜色的包装尺寸/重量一般相同）\n        const l = parseFloat(v.boxLengthCm) || 0\n        const w = parseFloat(v.boxWidthCm) || 0\n        const h = parseFloat(v.boxHeightCm) || 0\n        const g = parseFloat(v.weightG) || 0\n        const cm3 = l * w * h\n        const in3 = cm3 * Math.pow(CM_TO_IN, 3)\n        map.set(v.sizeId, {\n          size: v.sizeName || '',\n          sizeId: v.sizeId,\n          dimension: {\n            cm: `${l.toFixed(1)}*${w.toFixed(1)}*${h.toFixed(1)}cm`,\n            in: `${(l * CM_TO_IN).toFixed(2)}*${(w * CM_TO_IN).toFixed(2)}*${(h * CM_TO_IN).toFixed(2)}in`\n          },\n          volume: {\n            cm: `${cm3.toFixed(2)}cm³`,\n            in: `${in3.toFixed(2)}in³`\n          },\n          weight: {\n            cm: `${g.toFixed(2)}g`,\n            in: `${(g * G_TO_LB).toFixed(2)}lb`\n          }\n        })\n      })\n      if (!map.size) return null\n      // 按 sizes 顺序排序（保持 S→M→L→XL 顺序）\n      const orderMap = {}\n      this.sizes.forEach((s, i) => (orderMap[s] = i))\n      const rows = Array.from(map.values()).sort((a, b) => {\n        const ai = orderMap[a.size] == null ? 999 : orderMap[a.size]\n        const bi = orderMap[b.size] == null ? 999 : orderMap[b.size]\n        return ai - bi\n      })\n      return {\n        unit: 'cm',\n        columns: ['尺码', '尺寸', '体积', '重量'],\n        rows\n      }\n    },\n\n    /**\n     * 根据当前 selectedColorId + selectedSize 找到匹配的 variant\n     * 命中后更新 ProductInfo 的价格；找不到则保持原商品价格\n     */\n    findVariant() {\n      const sizeName = this.selectedSize\n      const colorId = this.selectedColorId\n      if (!sizeName || !colorId || !this.variants.length) return null\n      return (\n        this.variants.find(\n          (v) =>\n            v &&\n            String(v.colorId) === String(colorId) &&\n            String(v.sizeName) === String(sizeName)\n        ) || null\n      )\n    },\n    syncPriceByVariant() {\n      const v = this.findVariant()\n      if (v && v.price != null) {\n        this.$set(this.product, 'price', this.parsePrice(v.price))\n      }\n    },\n\n    /**\n     * 颜色列表 + 根据已选尺码标记该颜色是否可用（有对应启用的 variant）\n     * 数据项: { id, name, value, enabled }\n     */\n    selectColor(id) {\n      this.selectedColorId = id\n      this.syncImagesByColor()\n      this.syncPriceByVariant()\n    },\n    /**\n     * 尺码列表 + 根据已选颜色标记该尺码是否可用\n     * 数据项: 直接返回字符串（SizeSelector 兼容），不可用的对应按钮会 disabled 掉，因此用对象包一层\n     */\n    selectSize(size) {\n      this.selectedSize = size\n      this.syncPriceByVariant()\n    }\n  },\n  computed: {\n    /**\n     * 颜色列表 + 可用态标记（给 ColorSelector 用，用于 disabled 样式）\n     * - 如果没选尺码：所有已 enabled 的颜色都可选\n     * - 如果已选尺码：仅保留存在 (colorId + sizeName) 组合且 variant.enabled 的颜色\n     */\n    colorListWithAvailability() {\n      const sizeName = this.selectedSize\n      return this.colors.map((c) => {\n        let enabled = c.enabled !== false\n        if (sizeName && this.variants.length) {\n          enabled = this.variants.some(\n            (v) =>\n              v &&\n              v.enabled !== false &&\n              String(v.colorId) === String(c.id) &&\n              String(v.sizeName) === String(sizeName)\n          )\n        }\n        return Object.assign({}, c, { enabled })\n      })\n    },\n    /**\n     * 尺码列表 + 可用态标记\n     * SizeSelector 原始 list 是字符串数组，这里扩展为 [{ name, enabled }]\n     */\n    sizeListWithAvailability() {\n      const colorId = this.selectedColorId\n      return this.sizes.map((s) => {\n        let enabled = true\n        if (colorId && this.variants.length) {\n          enabled = this.variants.some(\n            (v) =>\n              v &&\n              v.enabled !== false &&\n              String(v.colorId) === String(colorId) &&\n              String(v.sizeName) === String(s)\n          )\n        }\n        return { name: s, enabled }\n      })\n    }\n  }\n}\n</script>\n\n<style>\n@import './product-detail.css';\n</style>\n","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./product-detail.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./product-detail.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1787652949138\n      var cssReload = require(\"C:/gs/app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/products/products.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/products/products.js.map
index d9d9d41..9e2456c 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/products/products.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/products/products.js.map
@@ -1 +1 @@
-{"version":3,"sources":["uni-app:///main.js","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?7eaf","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?5c88","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?dd0c","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?78c7","uni-app:///pages/products/products.vue","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?c445","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?eeac"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","components","SearchBar","CountryBar","ActiveFilters","CategorySidebar","ProductGrid","FilterDrawer","watch","data","searchKeyword","selectedCountry","countries","activeCategory","categories","id","name","subCategories","activeSubCategory","activeFilters","showFilter","filterGroups","pagination","total","current","pageSize","hasMore","loadingMore","products","windowHeight","scrollTopVal","productScrollHeight","_searchBarH","_countryBarH","_activeFiltersH","_subCategoriesH","onLoad","sysInfo","tabBarHeight","console","methods","initData","countriesRes","countriesData","icon","loadCategoryData","params","countryId","Promise","categoriesRes","tagGroupsRes","categoriesData","children","productCount","tagGroupsData","title","tags","color","fontColor","selected","loadGoods","currentPage","res","items","page","price","image","text","bg","buildQueryParams","filter","map","tagGroupId","tagIds","codeToEmoji","loadSubCategories","subCats","onSearchInput","onSearchBlur","onScrollToLower","resetScrollToTop","onSearchBarHeight","onCountryBarHeight","onActiveFiltersHeight","onSubCategoriesHeight","recomputeScrollHeight","selectCountry","country","filters","key","label","selectCategory","selectSubCategory","toggleFilter","closeFilter","toggleFilterTag","group","removeFilter","groupId","groups","clearAllFilters","hasCountry","resetFilters","confirmFilters","countryFilter","goDetail","uni","url"],"mappings":"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BACAC;gBACA;gBACA;gBACA;;gBAEA;gBACA;gBAEAc,YACA,+BACA,0BACA,+BACA,uCACA,8BACA;gBAAA;gBAAA;cAAA;gBAAA;gBAAA;gBAEAA;gBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IAEA;IAEA;AACA;AACA;AACA;AACA;AACA;IACA8B;MACA;QACAL;QACAvC;MACA;MACA;QACAqB;MACA;MACA;MACA;QACAA;MACA;MACA;MACA;QACAA;MACA;MACA,yCACAwB;QAAA;MAAA,GACAC;QAAA;UACAC;UACAC;YAAA;UAAA;QACA;MAAA;MACA;QACA3B;MACA;MACA;IACA;IAEA4B;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IAEAC;MACA;MACA;QACA;UAAA;QAAA;QACA;UACAC;YACA;cAAA7D;cAAAC;YAAA;UACA;QACA;MACA;MACA;MACA;IACA;IAEA6D;MACA;MACA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;MACA;MACA;IACA;IAEA;AACA;AACA;AACA;AACA;IACAC;MAAA;MACA;MACA;QACA;MACA;IACA;IAEA;AACA;AACA;AACA;AACA;AACA;AACA;IACAC;MACA;MACA;IACA;IACAC;MACA;MACA;IACA;IACAC;MACA;MACA;IACA;IACAC;MACA;MACA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA,uDACA;MACA;MACA;MACA;MACA;MAEA;MACA9C,0EACA,0EACA,wFACA;IACA;IAEA+C;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAA,MAEA;kBAAA;kBAAA;gBAAA;gBACA;gBACA;kBAAA;gBAAA;gBAAA;gBAAA,OACA;cAAA;gBAAA;gBAAA,OACA;cAAA;gBAAA;cAAA;gBAIA;gBACAC;kBAAA;gBAAA;gBACAC;kBAAA;gBAAA;gBACA;kBACAA;oBACAC;oBACAC;kBACA;gBACA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;gBAAA;gBAAA,OACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEAC;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEAC;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;gBACA;gBAAA;gBAAA,OACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;QACApC;MACA;QACAA;MACA;MACAqC;MACA;IACA;IAEAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACAT;kBAAA;gBAAA;gBAAA,MAEAC;kBAAA;kBAAA;gBAAA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;gBAAA;gBAAA,OACA;cAAA;gBAAA;cAAA;gBAAA,MAIAA;kBAAA;kBAAA;gBAAA;gBACAS;gBACAC;kBACA;oBACA;sBAAAxC;oBAAA;kBACA;kBACA;gBACA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;gBAAA;cAAA;gBAIA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEAyC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACAC;kBAAA;gBAAA;gBACA;gBAAA,MACAA;kBAAA;kBAAA;gBAAA;gBACA;gBAAA;gBAAA,OACA;cAAA;gBAEAF;kBACA;oBAAAxC;kBAAA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEA2C;MACA;QACA;UAAA3C;QAAA;MACA;MACA;IACA;IAEA4C;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACAf;gBACAgB;kBAAA;gBAAA;gBACA;gBACA;kBACA;oBACA,wBACAlC;sBAAA;oBAAA,GACAC;sBAAA;oBAAA;oBACA;sBACAiB;wBACAC;wBACAC;sBACA;oBACA;kBACA;gBACA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEAe;MACAC;QACAC;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;ACtjBA;AAAA;AAAA;AAAA;AAAonC,CAAgB,8kCAAG,EAAC,C;;;;;;;;;;;ACAxoC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/products/products.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/products/products.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./products.vue?vue&type=template&id=6b9ce706&\"\nvar renderjs\nimport script from \"./products.vue?vue&type=script&lang=js&\"\nexport * from \"./products.vue?vue&type=script&lang=js&\"\nimport style0 from \"./products.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/products/products.vue\"\nexport default component.exports","export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./products.vue?vue&type=template&id=6b9ce706&\"","var components\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./products.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./products.vue?vue&type=script&lang=js&\"","<template>\n  <!-- 产品列表页 - 印美达 Inkreach -->\n  <view class=\"products-page\" :style=\"{ height: windowHeight + 'px' }\">\n    <!-- 搜索栏 -->\n    <SearchBar\n      :keyword=\"searchKeyword\"\n      @input=\"onSearchInput\"\n      @blur=\"onSearchBlur\"\n      @filter=\"toggleFilter\"\n      @height-change=\"onSearchBarHeight\"\n    />\n\n    <!-- 国家选择条 -->\n    <CountryBar\n      :list=\"countries\"\n      :selected-id=\"selectedCountry\"\n      @select=\"selectCountry\"\n      @height-change=\"onCountryBarHeight\"\n    />\n\n    <!-- 主体内容：左侧分类侧边栏(固定宽度) + 右侧内容区(自动剩余宽度) -->\n    <view class=\"content-body\">\n      <!-- 左侧分类侧边栏 -->\n      <CategorySidebar\n        :list=\"categories\"\n        :active-id=\"activeCategory\"\n        @select=\"selectCategory\"\n      />\n\n      <!-- 右侧内容区:上方筛选条件 + 下方商品滚动区 -->\n      <view class=\"right-wrap\">\n        <!-- 已选筛选标签(只在右侧顶部出现,不挤压左边) -->\n        <ActiveFilters\n          :list=\"activeFilters\"\n          @remove=\"removeFilter\"\n          @clear-all=\"clearAllFilters\"\n          @height-change=\"onActiveFiltersHeight\"\n        />\n\n        <!-- 产品列表(内含子分类条件+滚动商品) -->\n        <ProductGrid\n          :list=\"products\"\n          :sub-categories=\"subCategories\"\n          :active-sub-id=\"activeSubCategory\"\n          :has-more=\"hasMore\"\n          :loading=\"loadingMore\"\n          :scroll-top-val=\"scrollTopVal\"\n          :scroll-height=\"productScrollHeight\"\n          @sub-select=\"selectSubCategory\"\n          @product-click=\"goDetail\"\n          @scroll-to-lower=\"onScrollToLower\"\n          @sub-height-change=\"onSubCategoriesHeight\"\n        />\n      </view>\n    </view>\n\n    <!-- 筛选弹窗 -->\n    <FilterDrawer\n      :visible=\"showFilter\"\n      :groups=\"filterGroups\"\n      @close=\"closeFilter\"\n      @toggle-tag=\"toggleFilterTag\"\n      @reset=\"resetFilters\"\n      @confirm=\"confirmFilters\"\n    />\n  </view>\n</template>\n\n<script>\nimport SearchBar from './components/SearchBar.vue'\nimport CountryBar from './components/CountryBar.vue'\nimport ActiveFilters from './components/ActiveFilters.vue'\nimport CategorySidebar from './components/CategorySidebar.vue'\nimport ProductGrid from './components/ProductGrid.vue'\nimport FilterDrawer from './components/FilterDrawer.vue'\n\nimport { getCountries, getCategories, getTagGroups, getGoods } from '@/api/public.js'\nimport { buildUrl } from '@/api/request.js'\nimport { truncateProductTitle } from '@/utils/product.js'\n\nexport default {\n  components: {\n    SearchBar,\n    CountryBar,\n    ActiveFilters,\n    CategorySidebar,\n    ProductGrid,\n    FilterDrawer\n  },\n  watch: {\n    // 筛选标签增减 → 子组件会自测量并 emit，父组件这里不需要 watch\n    // 保留一个兜底：activeFilters.length 变化时主动触发一次重算\n    'activeFilters.length'() {\n      this.recomputeScrollHeight()\n    },\n    'subCategories.length'() {\n      this.recomputeScrollHeight()\n    }\n  },\n  data() {\n    return {\n      searchKeyword: '',\n      selectedCountry: '',\n      countries: [],\n      activeCategory: 'all',\n      categories: [\n        {\n          id: 'all',\n          name: '全部商品'\n        }\n      ],\n      subCategories: [],\n      activeSubCategory: '',\n      activeFilters: [],\n      showFilter: false,\n      filterGroups: [],\n      pagination: {\n        total: 0,\n        current: 1,\n        pageSize: 10\n      },\n      hasMore: true,\n      loadingMore: false,\n      products: [],\n      windowHeight: 667,\n      scrollTopVal: 0,\n      productScrollHeight: 400,  // 商品滚动区高度（px），由子组件测量后动态计算\n      // 各子组件上报的高度（px），默认 0\n      _searchBarH: 0,\n      _countryBarH: 0,\n      _activeFiltersH: 0,\n      _subCategoriesH: 0\n    }\n  },\n  async onLoad() {\n    try {\n      const sysInfo = uni.getSystemInfoSync()\n      // tabBar 页 + navigationStyle:custom 时，windowHeight 在不同平台/版本可能不扣 tabBar\n      // 改用 screenHeight - tabBarHeight 计算，确保可视区高度正确\n      const tabBarHeight = sysInfo.tabBarHeight || 50\n      this.windowHeight = (sysInfo.screenHeight || 750) - tabBarHeight\n      console.log('[onLoad] screenHeight=' + sysInfo.screenHeight +\n        ', tabBarHeight=' + tabBarHeight +\n        ' → windowHeight=' + this.windowHeight)\n    } catch (e) {\n      this.windowHeight = 667\n    }\n    await this.initData()\n    this.loadSubCategories('all')\n    await this.loadGoods(1)\n    // 首屏数据渲染完成后，子组件会通过 mounted 自行测量并 emit 高度\n    // 这里兜底触发一次重算（防止某些端 mounted 比父组件 onLoad 晚）\n    this.recomputeScrollHeight()\n  },\n  methods: {\n    async initData() {\n      try {\n        // 1. 国家列表\n        const countriesRes = await getCountries()\n        const countriesData = (countriesRes.data && countriesRes.data.data) || []\n        const countries = countriesData.map((c) => ({\n          id: c.id,\n          name: c.countryName,\n          icon: buildUrl(c.countryIcon || '')\n        }))\n        this.countries = countries\n\n        // 2. 默认不选中任何国家\n        await this.loadCategoryData('')\n\n        console.log('=== [Products API Test] ===')\n        console.log('[1] countries:', countries.length, '条')\n        console.log('=== [Test End] ===')\n      } catch (err) {\n        console.error('[Products initData Error]', err)\n      }\n    },\n\n    /**\n     * 加载分类树和标签组（按国家过滤）\n     */\n    async loadCategoryData(countryId) {\n      try {\n        const params = countryId ? { countryId: countryId } : {}\n        const [categoriesRes, tagGroupsRes] = await Promise.all([\n          getCategories(params),\n          getTagGroups(params)\n        ])\n\n        // 分类树\n        const categoriesData = (categoriesRes.data && categoriesRes.data.data) || []\n        const categories = [{ id: 'all', name: '全部商品', children: [], productCount: 0 }]\n        categoriesData.forEach((cat) => {\n          categories.push({\n            id: cat.id,\n            name: cat.categoryName,\n            children: cat.children || [],\n            productCount: cat.productCount || 0\n          })\n        })\n\n        // 标签组\n        const tagGroupsData = (tagGroupsRes.data && tagGroupsRes.data.data) || []\n        const filterGroups = tagGroupsData.map((g) => ({\n          id: g.id,\n          title: g.groupName,\n          tags: (g.tags || []).map((t) => ({\n            id: t.id,\n            name: t.tagName,\n            color: t.tagColor,\n            fontColor: t.tagFontColor,\n            productCount: t.productCount || 0\n          })),\n          selected: []\n        }))\n\n        this.categories = categories\n        this.filterGroups = filterGroups\n        this.activeCategory = 'all'\n        this.subCategories = []\n        this.activeSubCategory = ''\n\n        console.log(\n          '[loadCategoryData] countryId=' + (countryId || 'all') +\n          ', categories=' + categories.length +\n          ', filterGroups=' + filterGroups.length\n        )\n      } catch (err) {\n        console.error('[loadCategoryData Error]', err)\n      }\n    },\n\n    /**\n     * 统一加载商品列表（分页 + 全部筛选条件）\n     * 所有触发点（搜索失焦 / 分类点击 / 国家切换 / 标签点击 / 确认筛选 / 分页）都走这里\n     */\n    async loadGoods(page) {\n      try {\n        const currentPage = page || this.pagination.current || 1\n        const pageSize = this.pagination.pageSize || 10\n\n        // 统一参数对象：由 buildQueryParams 统一拼装\n        const params = this.buildQueryParams(currentPage)\n\n        console.log('[loadGoods] params:', JSON.stringify(params))\n\n        const res = await getGoods(params)\n        const data = (res.data && res.data.data) || { items: [], total: 0, page: 1, pageSize: 10 }\n        const items = data.items || []\n\n        const products = items.map((item) => ({\n          id: item.goodId,\n          name: truncateProductTitle(item.goodName),\n          price: item.price,\n          image: item.image,\n          tags: (item.tags || []).map(function (t) {\n            return {\n              text: t.tagName,\n              bg: t.tagColor,\n              color: t.tagFontColor\n            }\n          })\n        }))\n\n        const total = data.total || 0\n\n        if (currentPage === 1) {\n          // 整表替换 = 筛选/分类/国家/搜索/初始化 等切换 → 滚动条回顶部\n          this.products = products\n          this.resetScrollToTop()\n        } else {\n          // 分页追加（触底加载）→ 保持滚动位置，不回到顶部\n          this.products = this.products.concat(products)\n        }\n\n        this.pagination = {\n          total: total,\n          current: currentPage,\n          pageSize: pageSize\n        }\n        this.hasMore = this.products.length < total\n        this.loadingMore = false\n\n        // 数据变更后兜底重算滚动区高度（子组件会自行 emit，这里兜底）\n        this.recomputeScrollHeight()\n\n        console.log(\n          '[loadGoods] total=' + total +\n          ', page=' + currentPage +\n          ', items=' + products.length +\n          ', loaded=' + this.products.length +\n          ', hasMore=' + this.hasMore\n        )\n      } catch (err) {\n        console.error('[loadGoods Error]', err)\n        this.products = []\n        this.loadingMore = false\n      }\n    },\n\n    /**\n     * 构造统一的查询参数对象\n     * - countryId / categoryId / keyword / page / pageSize 直传后端\n     * - categoryId：子分类优先，其次顶级分类\n     * - tags：对象数组 [{ tagGroupId, tagIds }]，同组 OR、跨组 AND（后端处理）\n     */\n    buildQueryParams(page) {\n      const params = {\n        page: page || 1,\n        pageSize: this.pagination.pageSize || 10\n      }\n      if (this.selectedCountry) {\n        params.countryId = this.selectedCountry\n      }\n      const catId = this.activeSubCategory || (this.activeCategory !== 'all' ? this.activeCategory : '')\n      if (catId) {\n        params.categoryId = catId\n      }\n      const kw = (this.searchKeyword || '').trim()\n      if (kw) {\n        params.keyword = kw\n      }\n      const tagsList = (this.filterGroups || [])\n        .filter((g) => g.selected && g.selected.length > 0)\n        .map((g) => ({\n          tagGroupId: String(g.id),\n          tagIds: (g.selected || []).map((id) => String(id))\n        }))\n      if (tagsList.length > 0) {\n        params.tags = JSON.stringify(tagsList)\n      }\n      return params\n    },\n\n    codeToEmoji(iconPath) {\n      if (!iconPath) return '🌐'\n      var match = iconPath.match(/\\/([^/]+)\\.\\w+$/)\n      if (!match) return '🌐'\n      var code = match[1].toUpperCase()\n      if (code.length !== 2) return '🌐'\n      var A = 0x1f1e6\n      return String.fromCodePoint(A + code.charCodeAt(0) - 65) + String.fromCodePoint(A + code.charCodeAt(1) - 65)\n    },\n\n    loadSubCategories(catId) {\n      var subCats = []\n      if (catId !== 'all') {\n        var cat = this.categories.find(function (c) { return c.id === catId })\n        if (cat && cat.children && cat.children.length > 0) {\n          subCats = cat.children.map(function (child) {\n            return { id: child.id, name: child.categoryName }\n          })\n        }\n      }\n      this.subCategories = subCats\n      this.activeSubCategory = ''\n    },\n\n    onSearchInput(val) {\n      // 仅更新关键词状态，搜索在失焦时触发\n      this.searchKeyword = val\n    },\n\n    onSearchBlur() {\n      this.loadGoods(1)\n    },\n\n    onScrollToLower() {\n      if (this.loadingMore || !this.hasMore) return\n      this.loadingMore = true\n      this.loadGoods(this.pagination.current + 1)\n    },\n\n    /**\n     * 把商品列表滚动条回到顶部。\n     * uni-app scroll-view 的 :scroll-top 仅在值变化时触发滚动，\n     * 所以先写到一个大值（必定变化），再 nextTick 写 0，保证每次都能回到顶部。\n     */\n    resetScrollToTop() {\n      this.scrollTopVal = 99999\n      this.$nextTick(() => {\n        this.scrollTopVal = 0\n      })\n    },\n\n    /**\n     * 子组件高度上报回调 —— 每个子组件在 mounted / 内容变化时自行测量 DOM 高度，\n     * 通过 @height-change 事件上报给父组件。父组件汇总后重算滚动区高度。\n     *\n     * 这种方式解决了 uni-app 小程序端 createSelectorQuery 无法跨组件查询 DOM 的问题：\n     * H5 端 DOM 全局可查，但小程序每个组件有独立节点树，页面级 select 选不到子组件内部的节点。\n     */\n    onSearchBarHeight(h) {\n      this._searchBarH = h\n      this.recomputeScrollHeight()\n    },\n    onCountryBarHeight(h) {\n      this._countryBarH = h\n      this.recomputeScrollHeight()\n    },\n    onActiveFiltersHeight(h) {\n      this._activeFiltersH = h\n      this.recomputeScrollHeight()\n    },\n    onSubCategoriesHeight(h) {\n      this._subCategoriesH = h\n      this.recomputeScrollHeight()\n    },\n\n    /**\n     * 根据 4 个子组件上报的高度，计算 scroll-view 可用的固定高度。\n     * —— 完全符合 uni-app / 微信小程序官方文档「scroll-y 需给固定 height」的要求。\n     */\n    recomputeScrollHeight() {\n      const totalUsed = this._searchBarH + this._countryBarH +\n        this._activeFiltersH + this._subCategoriesH\n      let h = this.windowHeight - totalUsed\n      // 最小值保护：至少 200px，避免极端情况\n      if (h < 200) h = 200\n      if (h > this.windowHeight) h = this.windowHeight\n\n      this.productScrollHeight = Math.round(h)\n      console.log('[recomputeScrollHeight] windowHeight=' + this.windowHeight +\n        ', searchBar=' + this._searchBarH + ', countryBar=' + this._countryBarH +\n        ', activeFilters=' + this._activeFiltersH + ', subCategories=' + this._subCategoriesH +\n        ' → scrollHeight=' + this.productScrollHeight)\n    },\n\n    async selectCountry(id) {\n      // 如果点击的是已选中的国家 → 取消选中\n      if (this.selectedCountry === id) {\n        this.selectedCountry = ''\n        this.activeFilters = this.activeFilters.filter((f) => f.key !== 'country')\n        await this.loadCategoryData('')\n        await this.loadGoods(1)\n        return\n      }\n\n      // 选中新国家\n      const country = this.countries.find((c) => c.id === id)\n      const filters = this.activeFilters.filter((f) => f.key !== 'country')\n      if (country) {\n        filters.push({\n          key: 'country',\n          label: country.name\n        })\n      }\n      this.selectedCountry = id\n      this.activeFilters = filters\n      await this.loadCategoryData(id)\n      await this.loadGoods(1)\n    },\n\n    async selectCategory(id) {\n      this.activeCategory = id\n      this.loadSubCategories(id)\n      await this.loadGoods(1)\n    },\n\n    async selectSubCategory(id) {\n      this.activeSubCategory = id\n      await this.loadGoods(1)\n    },\n\n    toggleFilter() {\n      this.showFilter = !this.showFilter\n    },\n\n    closeFilter() {\n      this.showFilter = false\n    },\n\n    toggleFilterTag(e) {\n      const gIdx = e.groupIndex\n      const tagId = e.tagId\n      var groups = [...this.filterGroups]\n      var group = groups[gIdx]\n      if (!group) return\n      var selected = [...group.selected]\n      var idx = selected.indexOf(tagId)\n      if (idx > -1) {\n        selected.splice(idx, 1)\n      } else {\n        selected.push(tagId)\n      }\n      group.selected = selected\n      this.filterGroups = groups\n    },\n\n    async removeFilter(key) {\n      const filters = this.activeFilters.filter((f) => f.key !== key)\n\n      if (key === 'country') {\n        this.selectedCountry = ''\n        this.activeFilters = filters\n        await this.loadCategoryData('')\n        await this.loadGoods(1)\n        return\n      }\n\n      if (key.indexOf('tag_') === 0) {\n        var groupId = key.replace('tag_', '')\n        var groups = this.filterGroups.map(function (g) {\n          if (String(g.id) === String(groupId)) {\n            return Object.assign({}, g, { selected: [] })\n          }\n          return g\n        })\n        this.activeFilters = filters\n        this.filterGroups = groups\n        await this.loadGoods(1)\n        return\n      }\n\n      this.activeFilters = filters\n    },\n\n    async clearAllFilters() {\n      const hasCountry = this.activeFilters.some((f) => f.key === 'country')\n      this.activeFilters = []\n      if (hasCountry || this.selectedCountry) {\n        this.selectedCountry = ''\n        await this.loadCategoryData('')\n      }\n      var groups = this.filterGroups.map(function (g) {\n        return Object.assign({}, g, { selected: [] })\n      })\n      this.filterGroups = groups\n      await this.loadGoods(1)\n    },\n\n    resetFilters() {\n      var groups = this.filterGroups.map(function (g) {\n        return Object.assign({}, g, { selected: [] })\n      })\n      this.filterGroups = groups\n    },\n\n    async confirmFilters() {\n      var filters = []\n      var countryFilter = this.activeFilters.find(function (f) { return f.key === 'country' })\n      if (countryFilter) filters.push(countryFilter)\n      this.filterGroups.forEach(function (group) {\n        if (group.selected.length > 0) {\n          var labels = group.tags\n            .filter(function (t) { return group.selected.indexOf(t.id) > -1 })\n            .map(function (t) { return t.name })\n          if (labels.length > 0) {\n            filters.push({\n              key: 'tag_' + group.id,\n              label: labels.join(',')\n            })\n          }\n        }\n      })\n      this.activeFilters = filters\n      this.showFilter = false\n      await this.loadGoods(1)\n    },\n\n    goDetail(item) {\n      uni.navigateTo({\n        url: `/pages/product-detail/product-detail?id=${item.id}`\n      })\n    }\n  }\n}\n</script>\n\n<style>\n@import './products.css';\n</style>\n","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./products.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./products.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1787640418641\n      var cssReload = require(\"C:/gs/app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["uni-app:///main.js","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?7eaf","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?5c88","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?dd0c","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?78c7","uni-app:///pages/products/products.vue","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?c445","webpack:///C:/gs/project/官网小程序demo/官网小程序demo_uni/pages/products/products.vue?eeac"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","components","SearchBar","CountryBar","ActiveFilters","CategorySidebar","ProductGrid","FilterDrawer","watch","data","searchKeyword","selectedCountry","countries","activeCategory","categories","id","name","subCategories","activeSubCategory","activeFilters","showFilter","filterGroups","pagination","total","current","pageSize","hasMore","loadingMore","products","windowHeight","scrollTopVal","productScrollHeight","_searchBarH","_countryBarH","_activeFiltersH","_subCategoriesH","onLoad","sysInfo","tabBarHeight","console","methods","initData","countriesRes","countriesData","icon","loadCategoryData","params","countryId","Promise","categoriesRes","tagGroupsRes","categoriesData","children","productCount","tagGroupsData","title","tags","color","fontColor","selected","loadGoods","currentPage","res","items","page","price","image","text","bg","buildQueryParams","filter","map","tagGroupId","tagIds","codeToEmoji","loadSubCategories","subCats","onSearchInput","onSearchBlur","onScrollToLower","resetScrollToTop","onSearchBarHeight","onCountryBarHeight","onActiveFiltersHeight","onSubCategoriesHeight","recomputeScrollHeight","selectCountry","country","filters","key","label","selectCategory","selectSubCategory","toggleFilter","closeFilter","toggleFilterTag","group","removeFilter","groupId","groups","clearAllFilters","hasCountry","resetFilters","confirmFilters","countryFilter","goDetail","uni","url"],"mappings":"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BACAC;gBACA;gBACA;gBACA;;gBAEA;gBACA;gBAEAc,YACA,+BACA,0BACA,+BACA,uCACA,8BACA;gBAAA;gBAAA;cAAA;gBAAA;gBAAA;gBAEAA;gBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IAEA;IAEA;AACA;AACA;AACA;AACA;AACA;IACA8B;MACA;QACAL;QACAvC;MACA;MACA;QACAqB;MACA;MACA;MACA;QACAA;MACA;MACA;MACA;QACAA;MACA;MACA,yCACAwB;QAAA;MAAA,GACAC;QAAA;UACAC;UACAC;YAAA;UAAA;QACA;MAAA;MACA;QACA3B;MACA;MACA;IACA;IAEA4B;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IAEAC;MACA;MACA;QACA;UAAA;QAAA;QACA;UACAC;YACA;cAAA7D;cAAAC;YAAA;UACA;QACA;MACA;MACA;MACA;IACA;IAEA6D;MACA;MACA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;MACA;MACA;IACA;IAEA;AACA;AACA;AACA;AACA;IACAC;MAAA;MACA;MACA;QACA;MACA;IACA;IAEA;AACA;AACA;AACA;AACA;AACA;AACA;IACAC;MACA;MACA;IACA;IACAC;MACA;MACA;IACA;IACAC;MACA;MACA;IACA;IACAC;MACA;MACA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA,uDACA;MACA;MACA;MACA;MACA;MAEA;MACA9C,0EACA,0EACA,wFACA;IACA;IAEA+C;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAA,MAEA;kBAAA;kBAAA;gBAAA;gBACA;gBACA;kBAAA;gBAAA;gBAAA;gBAAA,OACA;cAAA;gBAAA;gBAAA,OACA;cAAA;gBAAA;cAAA;gBAIA;gBACAC;kBAAA;gBAAA;gBACAC;kBAAA;gBAAA;gBACA;kBACAA;oBACAC;oBACAC;kBACA;gBACA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;gBAAA;gBAAA,OACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEAC;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEAC;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;gBACA;gBAAA;gBAAA,OACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;QACApC;MACA;QACAA;MACA;MACAqC;MACA;IACA;IAEAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACAT;kBAAA;gBAAA;gBAAA,MAEAC;kBAAA;kBAAA;gBAAA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;gBAAA;gBAAA,OACA;cAAA;gBAAA;cAAA;gBAAA,MAIAA;kBAAA;kBAAA;gBAAA;gBACAS;gBACAC;kBACA;oBACA;sBAAAxC;oBAAA;kBACA;kBACA;gBACA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;gBAAA;cAAA;gBAIA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEAyC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACAC;kBAAA;gBAAA;gBACA;gBAAA,MACAA;kBAAA;kBAAA;gBAAA;gBACA;gBAAA;gBAAA,OACA;cAAA;gBAEAF;kBACA;oBAAAxC;kBAAA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEA2C;MACA;QACA;UAAA3C;QAAA;MACA;MACA;IACA;IAEA4C;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACAf;gBACAgB;kBAAA;gBAAA;gBACA;gBACA;kBACA;oBACA,wBACAlC;sBAAA;oBAAA,GACAC;sBAAA;oBAAA;oBACA;sBACAiB;wBACAC;wBACAC;sBACA;oBACA;kBACA;gBACA;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IAEAe;MACAC;QACAC;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;ACtjBA;AAAA;AAAA;AAAA;AAAonC,CAAgB,8kCAAG,EAAC,C;;;;;;;;;;;ACAxoC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/products/products.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/products/products.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./products.vue?vue&type=template&id=6b9ce706&\"\nvar renderjs\nimport script from \"./products.vue?vue&type=script&lang=js&\"\nexport * from \"./products.vue?vue&type=script&lang=js&\"\nimport style0 from \"./products.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/products/products.vue\"\nexport default component.exports","export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./products.vue?vue&type=template&id=6b9ce706&\"","var components\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./products.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./products.vue?vue&type=script&lang=js&\"","<template>\n  <!-- 产品列表页 - 印美达 Inkreach -->\n  <view class=\"products-page\" :style=\"{ height: windowHeight + 'px' }\">\n    <!-- 搜索栏 -->\n    <SearchBar\n      :keyword=\"searchKeyword\"\n      @input=\"onSearchInput\"\n      @blur=\"onSearchBlur\"\n      @filter=\"toggleFilter\"\n      @height-change=\"onSearchBarHeight\"\n    />\n\n    <!-- 国家选择条 -->\n    <CountryBar\n      :list=\"countries\"\n      :selected-id=\"selectedCountry\"\n      @select=\"selectCountry\"\n      @height-change=\"onCountryBarHeight\"\n    />\n\n    <!-- 主体内容：左侧分类侧边栏(固定宽度) + 右侧内容区(自动剩余宽度) -->\n    <view class=\"content-body\">\n      <!-- 左侧分类侧边栏 -->\n      <CategorySidebar\n        :list=\"categories\"\n        :active-id=\"activeCategory\"\n        @select=\"selectCategory\"\n      />\n\n      <!-- 右侧内容区:上方筛选条件 + 下方商品滚动区 -->\n      <view class=\"right-wrap\">\n        <!-- 已选筛选标签(只在右侧顶部出现,不挤压左边) -->\n        <ActiveFilters\n          :list=\"activeFilters\"\n          @remove=\"removeFilter\"\n          @clear-all=\"clearAllFilters\"\n          @height-change=\"onActiveFiltersHeight\"\n        />\n\n        <!-- 产品列表(内含子分类条件+滚动商品) -->\n        <ProductGrid\n          :list=\"products\"\n          :sub-categories=\"subCategories\"\n          :active-sub-id=\"activeSubCategory\"\n          :has-more=\"hasMore\"\n          :loading=\"loadingMore\"\n          :scroll-top-val=\"scrollTopVal\"\n          :scroll-height=\"productScrollHeight\"\n          @sub-select=\"selectSubCategory\"\n          @product-click=\"goDetail\"\n          @scroll-to-lower=\"onScrollToLower\"\n          @sub-height-change=\"onSubCategoriesHeight\"\n        />\n      </view>\n    </view>\n\n    <!-- 筛选弹窗 -->\n    <FilterDrawer\n      :visible=\"showFilter\"\n      :groups=\"filterGroups\"\n      @close=\"closeFilter\"\n      @toggle-tag=\"toggleFilterTag\"\n      @reset=\"resetFilters\"\n      @confirm=\"confirmFilters\"\n    />\n  </view>\n</template>\n\n<script>\nimport SearchBar from './components/SearchBar.vue'\nimport CountryBar from './components/CountryBar.vue'\nimport ActiveFilters from './components/ActiveFilters.vue'\nimport CategorySidebar from './components/CategorySidebar.vue'\nimport ProductGrid from './components/ProductGrid.vue'\nimport FilterDrawer from './components/FilterDrawer.vue'\n\nimport { getCountries, getCategories, getTagGroups, getGoods } from '@/api/public.js'\nimport { buildUrl } from '@/api/request.js'\nimport { truncateProductTitle } from '@/utils/product.js'\n\nexport default {\n  components: {\n    SearchBar,\n    CountryBar,\n    ActiveFilters,\n    CategorySidebar,\n    ProductGrid,\n    FilterDrawer\n  },\n  watch: {\n    // 筛选标签增减 → 子组件会自测量并 emit，父组件这里不需要 watch\n    // 保留一个兜底：activeFilters.length 变化时主动触发一次重算\n    'activeFilters.length'() {\n      this.recomputeScrollHeight()\n    },\n    'subCategories.length'() {\n      this.recomputeScrollHeight()\n    }\n  },\n  data() {\n    return {\n      searchKeyword: '',\n      selectedCountry: '',\n      countries: [],\n      activeCategory: 'all',\n      categories: [\n        {\n          id: 'all',\n          name: '全部商品'\n        }\n      ],\n      subCategories: [],\n      activeSubCategory: '',\n      activeFilters: [],\n      showFilter: false,\n      filterGroups: [],\n      pagination: {\n        total: 0,\n        current: 1,\n        pageSize: 10\n      },\n      hasMore: true,\n      loadingMore: false,\n      products: [],\n      windowHeight: 667,\n      scrollTopVal: 0,\n      productScrollHeight: 400,  // 商品滚动区高度（px），由子组件测量后动态计算\n      // 各子组件上报的高度（px），默认 0\n      _searchBarH: 0,\n      _countryBarH: 0,\n      _activeFiltersH: 0,\n      _subCategoriesH: 0\n    }\n  },\n  async onLoad() {\n    try {\n      const sysInfo = uni.getSystemInfoSync()\n      // tabBar 页 + navigationStyle:custom 时，windowHeight 在不同平台/版本可能不扣 tabBar\n      // 改用 screenHeight - tabBarHeight 计算，确保可视区高度正确\n      const tabBarHeight = sysInfo.tabBarHeight || 50\n      this.windowHeight = (sysInfo.screenHeight || 750) - tabBarHeight\n      console.log('[onLoad] screenHeight=' + sysInfo.screenHeight +\n        ', tabBarHeight=' + tabBarHeight +\n        ' → windowHeight=' + this.windowHeight)\n    } catch (e) {\n      this.windowHeight = 667\n    }\n    await this.initData()\n    this.loadSubCategories('all')\n    await this.loadGoods(1)\n    // 首屏数据渲染完成后，子组件会通过 mounted 自行测量并 emit 高度\n    // 这里兜底触发一次重算（防止某些端 mounted 比父组件 onLoad 晚）\n    this.recomputeScrollHeight()\n  },\n  methods: {\n    async initData() {\n      try {\n        // 1. 国家列表\n        const countriesRes = await getCountries()\n        const countriesData = (countriesRes.data && countriesRes.data.data) || []\n        const countries = countriesData.map((c) => ({\n          id: c.id,\n          name: c.countryName,\n          icon: buildUrl(c.countryIcon || '')\n        }))\n        this.countries = countries\n\n        // 2. 默认不选中任何国家\n        await this.loadCategoryData('')\n\n        console.log('=== [Products API Test] ===')\n        console.log('[1] countries:', countries.length, '条')\n        console.log('=== [Test End] ===')\n      } catch (err) {\n        console.error('[Products initData Error]', err)\n      }\n    },\n\n    /**\n     * 加载分类树和标签组（按国家过滤）\n     */\n    async loadCategoryData(countryId) {\n      try {\n        const params = countryId ? { countryId: countryId } : {}\n        const [categoriesRes, tagGroupsRes] = await Promise.all([\n          getCategories(params),\n          getTagGroups(params)\n        ])\n\n        // 分类树\n        const categoriesData = (categoriesRes.data && categoriesRes.data.data) || []\n        const categories = [{ id: 'all', name: '全部商品', children: [], productCount: 0 }]\n        categoriesData.forEach((cat) => {\n          categories.push({\n            id: cat.id,\n            name: cat.categoryName,\n            children: cat.children || [],\n            productCount: cat.productCount || 0\n          })\n        })\n\n        // 标签组\n        const tagGroupsData = (tagGroupsRes.data && tagGroupsRes.data.data) || []\n        const filterGroups = tagGroupsData.map((g) => ({\n          id: g.id,\n          title: g.groupName,\n          tags: (g.tags || []).map((t) => ({\n            id: t.id,\n            name: t.tagName,\n            color: t.tagColor,\n            fontColor: t.tagFontColor,\n            productCount: t.productCount || 0\n          })),\n          selected: []\n        }))\n\n        this.categories = categories\n        this.filterGroups = filterGroups\n        this.activeCategory = 'all'\n        this.subCategories = []\n        this.activeSubCategory = ''\n\n        console.log(\n          '[loadCategoryData] countryId=' + (countryId || 'all') +\n          ', categories=' + categories.length +\n          ', filterGroups=' + filterGroups.length\n        )\n      } catch (err) {\n        console.error('[loadCategoryData Error]', err)\n      }\n    },\n\n    /**\n     * 统一加载商品列表（分页 + 全部筛选条件）\n     * 所有触发点（搜索失焦 / 分类点击 / 国家切换 / 标签点击 / 确认筛选 / 分页）都走这里\n     */\n    async loadGoods(page) {\n      try {\n        const currentPage = page || this.pagination.current || 1\n        const pageSize = this.pagination.pageSize || 10\n\n        // 统一参数对象：由 buildQueryParams 统一拼装\n        const params = this.buildQueryParams(currentPage)\n\n        console.log('[loadGoods] params:', JSON.stringify(params))\n\n        const res = await getGoods(params)\n        const data = (res.data && res.data.data) || { items: [], total: 0, page: 1, pageSize: 10 }\n        const items = data.items || []\n\n        const products = items.map((item) => ({\n          id: item.goodId,\n          name: truncateProductTitle(item.goodName),\n          price: item.price,\n          image: item.image,\n          tags: (item.tags || []).map(function (t) {\n            return {\n              text: t.tagName,\n              bg: t.tagColor,\n              color: t.tagFontColor\n            }\n          })\n        }))\n\n        const total = data.total || 0\n\n        if (currentPage === 1) {\n          // 整表替换 = 筛选/分类/国家/搜索/初始化 等切换 → 滚动条回顶部\n          this.products = products\n          this.resetScrollToTop()\n        } else {\n          // 分页追加（触底加载）→ 保持滚动位置，不回到顶部\n          this.products = this.products.concat(products)\n        }\n\n        this.pagination = {\n          total: total,\n          current: currentPage,\n          pageSize: pageSize\n        }\n        this.hasMore = this.products.length < total\n        this.loadingMore = false\n\n        // 数据变更后兜底重算滚动区高度（子组件会自行 emit，这里兜底）\n        this.recomputeScrollHeight()\n\n        console.log(\n          '[loadGoods] total=' + total +\n          ', page=' + currentPage +\n          ', items=' + products.length +\n          ', loaded=' + this.products.length +\n          ', hasMore=' + this.hasMore\n        )\n      } catch (err) {\n        console.error('[loadGoods Error]', err)\n        this.products = []\n        this.loadingMore = false\n      }\n    },\n\n    /**\n     * 构造统一的查询参数对象\n     * - countryId / categoryId / keyword / page / pageSize 直传后端\n     * - categoryId：子分类优先，其次顶级分类\n     * - tags：对象数组 [{ tagGroupId, tagIds }]，同组 OR、跨组 AND（后端处理）\n     */\n    buildQueryParams(page) {\n      const params = {\n        page: page || 1,\n        pageSize: this.pagination.pageSize || 10\n      }\n      if (this.selectedCountry) {\n        params.countryId = this.selectedCountry\n      }\n      const catId = this.activeSubCategory || (this.activeCategory !== 'all' ? this.activeCategory : '')\n      if (catId) {\n        params.categoryId = catId\n      }\n      const kw = (this.searchKeyword || '').trim()\n      if (kw) {\n        params.keyword = kw\n      }\n      const tagsList = (this.filterGroups || [])\n        .filter((g) => g.selected && g.selected.length > 0)\n        .map((g) => ({\n          tagGroupId: String(g.id),\n          tagIds: (g.selected || []).map((id) => String(id))\n        }))\n      if (tagsList.length > 0) {\n        params.tags = JSON.stringify(tagsList)\n      }\n      return params\n    },\n\n    codeToEmoji(iconPath) {\n      if (!iconPath) return '🌐'\n      var match = iconPath.match(/\\/([^/]+)\\.\\w+$/)\n      if (!match) return '🌐'\n      var code = match[1].toUpperCase()\n      if (code.length !== 2) return '🌐'\n      var A = 0x1f1e6\n      return String.fromCodePoint(A + code.charCodeAt(0) - 65) + String.fromCodePoint(A + code.charCodeAt(1) - 65)\n    },\n\n    loadSubCategories(catId) {\n      var subCats = []\n      if (catId !== 'all') {\n        var cat = this.categories.find(function (c) { return c.id === catId })\n        if (cat && cat.children && cat.children.length > 0) {\n          subCats = cat.children.map(function (child) {\n            return { id: child.id, name: child.categoryName }\n          })\n        }\n      }\n      this.subCategories = subCats\n      this.activeSubCategory = ''\n    },\n\n    onSearchInput(val) {\n      // 仅更新关键词状态，搜索在失焦时触发\n      this.searchKeyword = val\n    },\n\n    onSearchBlur() {\n      this.loadGoods(1)\n    },\n\n    onScrollToLower() {\n      if (this.loadingMore || !this.hasMore) return\n      this.loadingMore = true\n      this.loadGoods(this.pagination.current + 1)\n    },\n\n    /**\n     * 把商品列表滚动条回到顶部。\n     * uni-app scroll-view 的 :scroll-top 仅在值变化时触发滚动，\n     * 所以先写到一个大值（必定变化），再 nextTick 写 0，保证每次都能回到顶部。\n     */\n    resetScrollToTop() {\n      this.scrollTopVal = 99999\n      this.$nextTick(() => {\n        this.scrollTopVal = 0\n      })\n    },\n\n    /**\n     * 子组件高度上报回调 —— 每个子组件在 mounted / 内容变化时自行测量 DOM 高度，\n     * 通过 @height-change 事件上报给父组件。父组件汇总后重算滚动区高度。\n     *\n     * 这种方式解决了 uni-app 小程序端 createSelectorQuery 无法跨组件查询 DOM 的问题：\n     * H5 端 DOM 全局可查，但小程序每个组件有独立节点树，页面级 select 选不到子组件内部的节点。\n     */\n    onSearchBarHeight(h) {\n      this._searchBarH = h\n      this.recomputeScrollHeight()\n    },\n    onCountryBarHeight(h) {\n      this._countryBarH = h\n      this.recomputeScrollHeight()\n    },\n    onActiveFiltersHeight(h) {\n      this._activeFiltersH = h\n      this.recomputeScrollHeight()\n    },\n    onSubCategoriesHeight(h) {\n      this._subCategoriesH = h\n      this.recomputeScrollHeight()\n    },\n\n    /**\n     * 根据 4 个子组件上报的高度，计算 scroll-view 可用的固定高度。\n     * —— 完全符合 uni-app / 微信小程序官方文档「scroll-y 需给固定 height」的要求。\n     */\n    recomputeScrollHeight() {\n      const totalUsed = this._searchBarH + this._countryBarH +\n        this._activeFiltersH + this._subCategoriesH\n      let h = this.windowHeight - totalUsed\n      // 最小值保护：至少 200px，避免极端情况\n      if (h < 200) h = 200\n      if (h > this.windowHeight) h = this.windowHeight\n\n      this.productScrollHeight = Math.round(h)\n      console.log('[recomputeScrollHeight] windowHeight=' + this.windowHeight +\n        ', searchBar=' + this._searchBarH + ', countryBar=' + this._countryBarH +\n        ', activeFilters=' + this._activeFiltersH + ', subCategories=' + this._subCategoriesH +\n        ' → scrollHeight=' + this.productScrollHeight)\n    },\n\n    async selectCountry(id) {\n      // 如果点击的是已选中的国家 → 取消选中\n      if (this.selectedCountry === id) {\n        this.selectedCountry = ''\n        this.activeFilters = this.activeFilters.filter((f) => f.key !== 'country')\n        await this.loadCategoryData('')\n        await this.loadGoods(1)\n        return\n      }\n\n      // 选中新国家\n      const country = this.countries.find((c) => c.id === id)\n      const filters = this.activeFilters.filter((f) => f.key !== 'country')\n      if (country) {\n        filters.push({\n          key: 'country',\n          label: country.name\n        })\n      }\n      this.selectedCountry = id\n      this.activeFilters = filters\n      await this.loadCategoryData(id)\n      await this.loadGoods(1)\n    },\n\n    async selectCategory(id) {\n      this.activeCategory = id\n      this.loadSubCategories(id)\n      await this.loadGoods(1)\n    },\n\n    async selectSubCategory(id) {\n      this.activeSubCategory = id\n      await this.loadGoods(1)\n    },\n\n    toggleFilter() {\n      this.showFilter = !this.showFilter\n    },\n\n    closeFilter() {\n      this.showFilter = false\n    },\n\n    toggleFilterTag(e) {\n      const gIdx = e.groupIndex\n      const tagId = e.tagId\n      var groups = [...this.filterGroups]\n      var group = groups[gIdx]\n      if (!group) return\n      var selected = [...group.selected]\n      var idx = selected.indexOf(tagId)\n      if (idx > -1) {\n        selected.splice(idx, 1)\n      } else {\n        selected.push(tagId)\n      }\n      group.selected = selected\n      this.filterGroups = groups\n    },\n\n    async removeFilter(key) {\n      const filters = this.activeFilters.filter((f) => f.key !== key)\n\n      if (key === 'country') {\n        this.selectedCountry = ''\n        this.activeFilters = filters\n        await this.loadCategoryData('')\n        await this.loadGoods(1)\n        return\n      }\n\n      if (key.indexOf('tag_') === 0) {\n        var groupId = key.replace('tag_', '')\n        var groups = this.filterGroups.map(function (g) {\n          if (String(g.id) === String(groupId)) {\n            return Object.assign({}, g, { selected: [] })\n          }\n          return g\n        })\n        this.activeFilters = filters\n        this.filterGroups = groups\n        await this.loadGoods(1)\n        return\n      }\n\n      this.activeFilters = filters\n    },\n\n    async clearAllFilters() {\n      const hasCountry = this.activeFilters.some((f) => f.key === 'country')\n      this.activeFilters = []\n      if (hasCountry || this.selectedCountry) {\n        this.selectedCountry = ''\n        await this.loadCategoryData('')\n      }\n      var groups = this.filterGroups.map(function (g) {\n        return Object.assign({}, g, { selected: [] })\n      })\n      this.filterGroups = groups\n      await this.loadGoods(1)\n    },\n\n    resetFilters() {\n      var groups = this.filterGroups.map(function (g) {\n        return Object.assign({}, g, { selected: [] })\n      })\n      this.filterGroups = groups\n    },\n\n    async confirmFilters() {\n      var filters = []\n      var countryFilter = this.activeFilters.find(function (f) { return f.key === 'country' })\n      if (countryFilter) filters.push(countryFilter)\n      this.filterGroups.forEach(function (group) {\n        if (group.selected.length > 0) {\n          var labels = group.tags\n            .filter(function (t) { return group.selected.indexOf(t.id) > -1 })\n            .map(function (t) { return t.name })\n          if (labels.length > 0) {\n            filters.push({\n              key: 'tag_' + group.id,\n              label: labels.join(',')\n            })\n          }\n        }\n      })\n      this.activeFilters = filters\n      this.showFilter = false\n      await this.loadGoods(1)\n    },\n\n    goDetail(item) {\n      uni.navigateTo({\n        url: `/pages/product-detail/product-detail?id=${item.id}`\n      })\n    }\n  }\n}\n</script>\n\n<style>\n@import './products.css';\n</style>\n","import mod from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./products.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./products.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1787652949132\n      var cssReload = require(\"C:/gs/app/HB/HBuilderX.5.24.2026081301/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file