| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_goods_list.vue?vue&type=style&index=0&id=95f6cdce&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_goods_list.vue","mtime":1761614938971},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouaXRlbU9uIHsNCiAgYm9yZGVyLXJhZGl1czogMCAhaW1wb3J0YW50Ow0KICBpbWcsDQogIC5lbXB0eS1ib3ggew0KICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDsNCiAgfQ0KICAuaW1nLWJveCB7DQogICAgLmxhYmVsIHsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDAgMCA4cHggMCAhaW1wb3J0YW50Ow0KICAgIH0NCiAgfQ0KfQ0KLnBhZ2VPbiB7DQogIGJvcmRlci1yYWRpdXM6IDhweCAhaW1wb3J0YW50Ow0KfQ0KLmxpc3RDcm9zcyB7DQogIHdpZHRoOiAxMDAlOw0KICBiYWNrZ3JvdW5kOiAjZmZmOw0KICBwYWRkaW5nOiAxNnB4IDEycHggNnB4IDEycHg7DQogIC5pdGVtIHsNCiAgICB3aWR0aDogNDklOw0KICAgIG1hcmdpbi1ib3R0b206IDEwcHg7DQogICAgLnBpY3RydWUgew0KICAgICAgd2lkdGg6IDcycHg7DQogICAgICBoZWlnaHQ6IDcycHg7DQogICAgICBiYWNrZ3JvdW5kOiAjZjNmOWZmOw0KICAgICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICAgICAgaW1nIHsNCiAgICAgICAgd2lkdGg6IDI2cHg7DQogICAgICAgIGhlaWdodDogMjBweDsNCiAgICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICB9DQogICAgICAuaW1nIHsNCiAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICAgIG9iamVjdC1maXQ6IGNvdmVyOw0KICAgICAgfQ0KICAgIH0NCiAgICAudGV4dCB7DQogICAgICBmbGV4OiAxOw0KICAgICAgLm5hbWUgew0KICAgICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICAgIGNvbG9yOiAjMjgyODI4Ow0KICAgICAgICBoZWlnaHQ6IDQ1cHg7DQogICAgICB9DQogICAgICAucHJpY2Ugew0KICAgICAgICBmb250LXNpemU6IDE4cHg7DQogICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQogICAgICAgIGZvbnQtZmFtaWx5OiBTZW1pQm9sZDsNCiAgICAgICAgc3BhbiB7DQogICAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQp9DQoubGlzdEJpZyB7DQogIHdpZHRoOiAxMDAlOw0KICAuaXRlbUJpZyB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgbWFyZ2luLWJvdHRvbTogMTBweDsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIC5ibnQgew0KICAgICAgd2lkdGg6IDQ4cHg7DQogICAgICBoZWlnaHQ6IDI4cHg7DQogICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsICNlOTMzMjMgMCUsICNmZjc5MzEgMTAwJSk7DQogICAgICBib3JkZXItcmFkaXVzOiAyNXB4Ow0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgbGluZS1oZWlnaHQ6IDI4cHg7DQogICAgICBmb250LXNpemU6IDEycHg7DQogICAgICBjb2xvcjogI2ZmZjsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIHJpZ2h0OiAxMHB4Ow0KICAgICAgYm90dG9tOiAxMnB4Ow0KICAgIH0NCiAgICAuamlhIHsNCiAgICAgIHdpZHRoOiAyMnB4Ow0KICAgICAgaGVpZ2h0OiAyMnB4Ow0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2U5MzMyMzsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIHJpZ2h0OiAxMHB4Ow0KICAgICAgYm90dG9tOiAxMHB4Ow0KICAgICAgLmppYUNvbiB7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgbGluZS1oZWlnaHQ6IDIycHg7DQogICAgICAgIC5pY29uZm9udCB7DQogICAgICAgICAgY29sb3I6ICNmZmY7DQogICAgICAgICAgZm9udC1zaXplOiAxM3B4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICAgIC5jb250ZXIgew0KICAgICAgcGFkZGluZzogMCAxMnB4IDEycHggMTJweDsNCiAgICAgICYub24gew0KICAgICAgICBoZWlnaHQ6IDQ1cHg7DQogICAgICB9DQogICAgICAubmFtZSB7DQogICAgICAgIG1hcmdpbi10b3A6IDEwcHg7DQogICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7DQogICAgICAgIGNvbG9yOiAjMzMzMzMzOw0KICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgIHBhZGRpbmc6IDA7DQogICAgICB9DQogICAgICBpbWcgew0KICAgICAgICAvLyB3aWR0aDogOTlweDsNCiAgICAgICAgaGVpZ2h0OiAxNHB4Ow0KICAgICAgICBkaXNwbGF5OiBibG9jazsNCiAgICAgICAgbWFyZ2luLXRvcDogNXB4Ow0KICAgICAgfQ0KICAgICAgLnByaWNlIHsNCiAgICAgICAgbWFyZ2luLXRvcDogOHB4Ow0KICAgICAgICBtYXJnaW4tYm90dG9tOiA4cHg7DQogICAgICAgIGltZyB7DQogICAgICAgICAgd2lkdGg6IDcwcHg7DQogICAgICAgICAgaGVpZ2h0OiAxNXB4Ow0KICAgICAgICB9DQogICAgICAgIC5udW0gew0KICAgICAgICAgIGZvbnQtc2l6ZTogMjBweDsNCiAgICAgICAgICBmb250LWZhbWlseTogU2VtaUJvbGQ7DQogICAgICAgICAgc3BhbiB7DQogICAgICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgICAuYm90dG9tIHsNCiAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgICAgICAgY29sb3I6ICM5OTk5OTk7DQogICAgICAgIGZvbnQtc2l6ZTogMTFweDsNCiAgICAgIH0NCiAgICB9DQogICAgLmltZy1ib3ggew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDE4MHB4Ow0KICAgICAgcG9zaXRpb246IHJlbGF0aXZlOw0KDQogICAgICBpbWcgew0KICAgICAgICB3aWR0aDogNjVweDsNCiAgICAgICAgaGVpZ2h0OiA1MHB4Ow0KICAgICAgfQ0KICAgICAgLmltZyB7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIG9iamVjdC1maXQ6IGNvdmVyOw0KICAgICAgfQ0KICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwOw0KICAgICAgICBiYWNrZ3JvdW5kOiAjZjNmOWZmOw0KICAgICAgfQ0KICAgICAgLmxhYmVsIHsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICB0b3A6IDA7DQogICAgICAgIGxlZnQ6IDA7DQogICAgICAgIHdpZHRoOiA1OXB4Ow0KICAgICAgICBoZWlnaHQ6IDI1cHg7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAyNXB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGNvbG9yOiAjZmZmOw0KICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDhweCAwIDhweCAwOw0KICAgICAgfQ0KICAgIH0NCiAgICAubmFtZSB7DQogICAgICBmb250LXNpemU6IDE1cHg7DQogICAgICBmb250LXdlaWdodDogYm9sZDsNCiAgICAgIG1hcmdpbi10b3A6IDhweDsNCiAgICAgIHBhZGRpbmc6IDAgMTBweDsNCiAgICB9DQogICAgLmNvdXBvbiB7DQogICAgICB3aWR0aDogMTZweDsNCiAgICAgIGhlaWdodDogMThweDsNCiAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4Ow0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7DQogICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogICAgfQ0KICAgIC5wcmljZSB7DQogICAgICBmb250LXdlaWdodDogYm9sZDsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIC5udW0gew0KICAgICAgICBmb250LXNpemU6IDE4cHg7DQogICAgICAgIG1hcmdpbi1yaWdodDogNXB4Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLnBhZGRpbmdCb3ggew0KICBwYWRkaW5nLWJvdHRvbTogMDsNCn0NCi5ob21lX3Byb2R1Y3Qgew0KICBvdmVyZmxvdzogaGlkZGVuOw0KICAuaGRfbmF2IHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGhlaWdodDogNjVweDsNCiAgICBwYWRkaW5nOiAwIDVweDsNCiAgICAuaXRlbSB7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgd2lkdGg6IDI1JTsNCiAgICAgIC50aXRsZSB7DQogICAgICAgIGZvbnQtc2l6ZTogMTZweDsNCiAgICAgICAgY29sb3I6ICMyODI4Mjg7DQogICAgICB9DQogICAgICAubGFiZWwgew0KICAgICAgICB3aWR0aDogNjJweDsNCiAgICAgICAgaGVpZ2h0OiAxOHB4Ow0KICAgICAgICBsaW5lLWhlaWdodDogMThweDsNCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogOHB4Ow0KICAgICAgICBjb2xvcjogIzk5OTk5OTsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgfQ0KICAgICAgJi5hY3RpdmUgew0KICAgICAgICAudGl0bGUgew0KICAgICAgICAgIGNvbG9yOiAjZmY0NDQ0Ow0KICAgICAgICB9DQogICAgICAgIC5sYWJlbCB7DQogICAgICAgICAgY29sb3I6ICNmZmY7DQogICAgICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDI3MGRlZywgcmdiYSgyNTUsIDg0LCAwLCAxKSAwJSwgcmdiYSgyNTUsIDAsIDAsIDEpIDEwMCUpOw0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQp9DQoubGlzdC13cmFwcGVyIHsNCiAgZGlzcGxheTogZmxleDsNCiAgZmxleC13cmFwOiB3cmFwOw0KICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogIC5pdGVtIHsNCiAgICB3aWR0aDogNDguNSU7DQogICAgbWFyZ2luLWJvdHRvbTogMTBweDsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICAuYm50IHsNCiAgICAgIHdpZHRoOiA0OHB4Ow0KICAgICAgaGVpZ2h0OiAyOHB4Ow0KICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwZGVnLCAjZTkzMzIzIDAlLCAjZmY3OTMxIDEwMCUpOw0KICAgICAgYm9yZGVyLXJhZGl1czogMjVweDsNCiAgICAgIGNvbG9yOiAjZmZmOw0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgbGluZS1oZWlnaHQ6IDI4cHg7DQogICAgICBmb250LXNpemU6IDEycHg7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICByaWdodDogMTBweDsNCiAgICAgIGJvdHRvbTogMTBweDsNCiAgICB9DQogICAgLmppYSB7DQogICAgICB3aWR0aDogMjJweDsNCiAgICAgIGhlaWdodDogMjJweDsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlOTMzMjM7DQogICAgICBib3JkZXItcmFkaXVzOiA1MCU7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICByaWdodDogMTBweDsNCiAgICAgIGJvdHRvbTogMTBweDsNCiAgICAgIC5qaWFDb24gew0KICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4Ow0KICAgICAgICAuaWNvbmZvbnQgew0KICAgICAgICAgIGNvbG9yOiAjZmZmOw0KICAgICAgICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgICAuaW1nLWJveCB7DQogICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICB3aWR0aDogMTAwJTsNCiAgICAgIGhlaWdodDogMTczcHg7DQogICAgICAuaW1nIHsNCiAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7DQogICAgICB9DQogICAgICBpbWcsDQogICAgICAuYm94IHsNCiAgICAgICAgd2lkdGg6IDY1cHg7DQogICAgICAgIGhlaWdodDogNTBweDsNCiAgICAgIH0NCiAgICAgIC5lbXB0eS1ib3ggew0KICAgICAgICBiYWNrZ3JvdW5kOiAjZjNmOWZmOw0KICAgICAgfQ0KICAgICAgLmJveCB7DQogICAgICAgIGJhY2tncm91bmQ6ICNkOGQ4ZDg7DQogICAgICB9DQogICAgICAubGFiZWwgew0KICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICAgIGxlZnQ6IDA7DQogICAgICAgIHRvcDogMDsNCiAgICAgICAgd2lkdGg6IDQ2cHg7DQogICAgICAgIGhlaWdodDogMjJweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMTBweCAwcHggMTBweCAwcHg7DQogICAgICAgIGNvbG9yOiAjZmZmOw0KICAgICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgbGluZS1oZWlnaHQ6IDIycHg7DQogICAgICB9DQogICAgfQ0KICAgIC5pbmZvIHsNCiAgICAgIHBhZGRpbmc6IDdweCAxMHB4Ow0KICAgICAgLnRpdGxlIHsNCiAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICBjb2xvcjogIzMzMzsNCiAgICAgIH0NCiAgICAgIGltZyB7DQogICAgICAgIGhlaWdodDogMTRweDsNCiAgICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICAgIG1hcmdpbi10b3A6IDRweDsNCiAgICAgIH0NCiAgICAgIC5ib3R0b20gew0KICAgICAgICBjb2xvcjogIzk5OTk5OTsNCiAgICAgICAgZm9udC1zaXplOiAxMXB4Ow0KICAgICAgfQ0KICAgICAgLnByaWNlIHsNCiAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAgaW1nIHsNCiAgICAgICAgICB3aWR0aDogNzBweDsNCiAgICAgICAgICBoZWlnaHQ6IDE1cHg7DQogICAgICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICAgIH0NCiAgICAgICAgLm51bSB7DQogICAgICAgICAgZm9udC1zaXplOiAyMHB4Ow0KICAgICAgICAgIG1hcmdpbi1yaWdodDogNHB4Ow0KICAgICAgICAgIGZvbnQtZmFtaWx5OiBTZW1pQm9sZDsNCiAgICAgICAgICBzcGFuIHsNCiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgICAgLmxhYmVsIHsNCiAgICAgICAgICB3aWR0aDogMTZweDsNCiAgICAgICAgICBoZWlnaHQ6IDE4cHg7DQogICAgICAgICAgbWFyZ2luLWxlZnQ6IDVweDsNCiAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7DQogICAgICAgICAgZm9udC1zaXplOiAxMXB4Ow0KICAgICAgICAgICYub24gew0KICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQp9DQoNCi5pdGVtQSB7DQogIC8qYmFja2dyb3VuZCAjZmZmKi8NCiAgLml0ZW0gew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgd2lkdGg6IDEwMCU7DQogICAgcGFkZGluZzogMTBweDsNCiAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQoNCiAgICAuaW1nLWJveCB7DQogICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICB3aWR0aDogMTEycHg7DQogICAgICBoZWlnaHQ6IDExMnB4Ow0KICAgICAgaW1nIHsNCiAgICAgICAgd2lkdGg6IDY1cHg7DQogICAgICAgIGhlaWdodDogNTBweDsNCiAgICAgIH0NCiAgICAgIC5lbXB0eS1ib3ggew0KICAgICAgICBiYWNrZ3JvdW5kOiAjZjNmOWZmOw0KICAgICAgfQ0KICAgIH0NCg0KICAgIC5pbmZvIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgICAgZmxleDogMTsNCiAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4Ow0KICAgICAgcGFkZGluZzogMDsNCiAgICAgIC5oZCB7DQogICAgICAgIGhlaWdodDogNjNweDsNCiAgICAgIH0NCiAgICAgIC5wcmljZSB7DQogICAgICAgIG1hcmdpbi10b3A6IDJweDsNCiAgICAgICAgJi5vbiB7DQogICAgICAgICAgbWFyZ2luLXRvcDogMjBweDsNCiAgICAgICAgfQ0KICAgICAgICAuaW1nIHsNCiAgICAgICAgICBtYXJnaW4tdG9wOiAwOw0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQp9DQouaXRlbUIgew0KICBqdXN0aWZ5LWNvbnRlbnQ6IGluaGVyaXQ7DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogIHBhZGRpbmc6IDE2cHggMTBweCAwIDEwcHg7DQogIHdpZHRoOiAxMDAlOw0KICBib3gtc2l6aW5nOiBib3JkZXItYm94Ow0KDQogIC5saXN0IHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGZsZXgtd3JhcDogd3JhcDsNCiAgfQ0KDQogIC5pdGVtIHsNCiAgICB3aWR0aDogMzEuMyU7DQogICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICAgIGJhY2tncm91bmQ6IHVuc2V0Ow0KICAgIC5qaWEgew0KICAgICAgcmlnaHQ6IDJweDsNCiAgICAgIGJvdHRvbTogMDsNCiAgICB9DQogICAgLmluZm8gew0KICAgICAgcGFkZGluZzogMDsNCiAgICAgICYub24gew0KICAgICAgICBoZWlnaHQ6IDcwcHg7DQogICAgICB9DQogICAgICAmLm9uMiB7DQogICAgICAgIGhlaWdodDogMzBweDsNCiAgICAgIH0NCiAgICAgIC5oZCB7DQogICAgICAgIG1hcmdpbi10b3A6IDdweDsNCiAgICAgICAgaGVpZ2h0OiA0MnB4Ow0KICAgICAgfQ0KICAgICAgLnByaWNlIHsNCiAgICAgICAgbWFyZ2luLXRvcDogN3B4Ow0KICAgICAgICBsaW5lLWhlaWdodDogMS4yOw0KICAgICAgfQ0KICAgIH0NCiAgICAmOm50aC1jaGlsZCgzbikgew0KICAgICAgbWFyZ2luLXJpZ2h0OiAwOw0KICAgIH0NCiAgICAuaW1nLWJveCB7DQogICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICB3aWR0aDogMTAwJTsNCiAgICAgIGhlaWdodDogMTEwcHg7DQogICAgICBpbWcsDQogICAgICAuYm94LA0KICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHggMTBweCAwIDA7DQogICAgICB9DQogICAgfQ0KICB9DQp9DQouaXRlbUQgew0KICBmbGV4LXdyYXA6IG5vd3JhcDsNCiAgZGlzcGxheTogaW5saW5lLWZsZXg7DQogIG92ZXJmbG93OiBoaWRkZW47DQogIC5saXN0IHsNCiAgICBmbGV4LXdyYXA6IG5vd3JhcDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICB9DQogIC5pdGVtIHsNCiAgICB3aWR0aDogMTAwcHg7DQogICAgYmFja2dyb3VuZDogdW5zZXQ7DQogICAgJjpudGgtY2hpbGQoM24pIHsNCiAgICAgIG1hcmdpbi1yaWdodDogMTBweDsNCiAgICB9DQogICAgLmltZy1ib3ggew0KICAgICAgaGVpZ2h0OiAxMDBweDsNCiAgICB9DQogIH0NCn0NCi5pdGVtQyB7DQogIC5pdGVtIHsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsNCiAgICAuaW5mbyB7DQogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAgIH0NCiAgfQ0KICAuaXRlbSAuaW5mby5vbiB7DQogICAgaGVpZ2h0OiA2N3B4Ow0KICB9DQogIC5pdGVtIC5pbmZvLm9uMiB7DQogICAgaGVpZ2h0OiA0MHB4Ow0KICB9DQogIC5pdGVtIC5pbmZvIC5wcmljZSB7DQogICAgbWFyZ2luLXRvcDogNnB4Ow0KICAgIG1hcmdpbi1ib3R0b206IDhweDsNCiAgfQ0KICAuaXRlbSAuaW5mbyAuYm90dG9tIHsNCiAgICBtYXJnaW4tdG9wOiAzcHg7DQogIH0NCn0NCg=="},{"version":3,"sources":["home_goods_list.vue"],"names":[],"mappings":";AAo7BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"home_goods_list.vue","sourceRoot":"src/components/mobilePage","sourcesContent":["<template>\r\n <div>\r\n <div\r\n class=\"mobile-page paddingBox\"\r\n :style=\"{\r\n background: bottomBgColor,\r\n marginTop: mTop + 'px',\r\n paddingTop: topConfig + 'px',\r\n paddingBottom: bottomConfig + 'px',\r\n paddingLeft: prConfig + 'px',\r\n paddingRight: prConfig + 'px',\r\n }\"\r\n >\r\n <div class=\"home_product\">\r\n <!-- 单列 -->\r\n <template v-if=\"styleConfig == 0\">\r\n <div class=\"list-wrapper itemA\">\r\n <div\r\n class=\"item\"\r\n v-for=\"(item, index) in list\"\r\n :index=\"index\"\r\n :style=\"{\r\n borderRadius: bgRadius,\r\n }\"\r\n >\r\n <div class=\"img-box\">\r\n <img\r\n class=\"img\"\r\n v-if=\"item.image\"\r\n :src=\"item.image\"\r\n alt=\"\"\r\n :style=\"{\r\n borderRadius: imgRadius,\r\n }\"\r\n />\r\n <div\r\n v-else\r\n class=\"empty-box\"\r\n :style=\"{\r\n borderRadius: imgRadius,\r\n }\"\r\n >\r\n <img src=\"../../assets/images/shan.png\" />\r\n </div>\r\n </div>\r\n <div class=\"info\">\r\n <div class=\"hd\">\r\n <div\r\n class=\"title line2\"\r\n v-if=\"checkboxInfo.indexOf(0) != -1\"\r\n :style=\"{\r\n fontWeight: goodsName,\r\n color: toneConfig ? goodsNameColor : '#333',\r\n }\"\r\n >\r\n {{ item.store_name || '华为荣耀畅享平板换屏服务 屏幕换外屏主板维修' }}\r\n </div>\r\n <img v-if=\"checkboxInfo.indexOf(1) != -1\" src=\"../../assets/images/goods01.png\" />\r\n </div>\r\n <div\r\n class=\"price acea-row row-middle\"\r\n :class=\"checkboxInfo.indexOf(3) == -1 && checkboxInfo.indexOf(4) == -1 ? 'on' : ''\"\r\n >\r\n <div\r\n class=\"num\"\r\n v-if=\"checkboxInfo.indexOf(2) != -1\"\r\n :style=\"{\r\n color: toneConfig ? goodsPriceColor : colorStyle.theme,\r\n }\"\r\n >\r\n <span>￥</span>{{ item.price ? $HandlePrice(item.price, 0) : 33\r\n }}<span>{{ item.price ? $HandlePrice(item.price, 1) : '' }}</span>\r\n </div>\r\n <img class=\"img\" v-if=\"checkboxInfo.indexOf(5) != -1\" src=\"../../assets/images/goods02.png\" />\r\n </div>\r\n <div class=\"bottom\">\r\n <span\r\n class=\"mr8\"\r\n v-if=\"checkboxInfo.indexOf(3) != -1\"\r\n :style=\"{\r\n color: toneConfig ? soldNumColor : '#999999',\r\n }\"\r\n >已售{{ item.sales || 0 }}件</span\r\n >\r\n <span\r\n v-if=\"checkboxInfo.indexOf(4) != -1\"\r\n :style=\"{\r\n color: toneConfig ? scoreColor : '#999999',\r\n }\"\r\n >评分 {{ item.star || 0 }}</span\r\n >\r\n </div>\r\n </div>\r\n <div v-if=\"!cartConfig\">\r\n <div\r\n class=\"bnt\"\r\n v-if=\"bntStyleConfig == 0\"\r\n :style=\"{\r\n background: toneCartConfig ? bntBgColor : themeColor,\r\n }\"\r\n >\r\n 购买\r\n </div>\r\n <div\r\n class=\"jia\"\r\n v-else\r\n :style=\"{\r\n background: toneCartConfig ? bntBgColor : themeColor,\r\n }\"\r\n >\r\n <div class=\"jiaCon\">\r\n <span class=\"iconfont iconjiahao1\" v-if=\"bntStyleConfig == 1\"></span>\r\n <span class=\"iconfont icongouwuche1\" v-else></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n <!-- 二列 -->\r\n <template v-else-if=\"styleConfig == 1\">\r\n <div class=\"list-wrapper itemC\">\r\n <div class=\"item\" v-for=\"(item, index) in list\" :index=\"index\">\r\n <div class=\"img-box\">\r\n <img\r\n class=\"img\"\r\n v-if=\"item.image\"\r\n :src=\"item.image\"\r\n alt=\"\"\r\n :style=\"{\r\n borderRadius: imgRadius2,\r\n }\"\r\n />\r\n <div\r\n v-else\r\n class=\"empty-box\"\r\n :style=\"{\r\n borderRadius: imgRadius2,\r\n }\"\r\n >\r\n <img src=\"../../assets/images/shan.png\" />\r\n </div>\r\n </div>\r\n <div\r\n class=\"info\"\r\n :class=\"\r\n checkboxInfo.length == 1 && checkboxInfo.indexOf(0) != -1 && !cartConfig\r\n ? 'on'\r\n : ((checkboxInfo.length == 1 && checkboxInfo.indexOf(4) != -1) || !checkboxInfo.length) &&\r\n !cartConfig\r\n ? 'on2'\r\n : ''\r\n \"\r\n :style=\"{\r\n borderRadius: bgRadius2,\r\n }\"\r\n >\r\n <div class=\"hd\">\r\n <div\r\n class=\"title line2\"\r\n v-if=\"checkboxInfo.indexOf(0) != -1\"\r\n :style=\"{\r\n fontWeight: goodsName,\r\n color: toneConfig ? goodsNameColor : '#333',\r\n }\"\r\n >\r\n {{ item.store_name || '这里是商品名称展示区域,商品名称展示区域,商品名称展示区域' }}\r\n </div>\r\n <img v-if=\"checkboxInfo.indexOf(1) != -1\" src=\"../../assets/images/goods01.png\" />\r\n </div>\r\n <div class=\"price acea-row row-middle\">\r\n <div\r\n class=\"num mb-10\"\r\n v-if=\"checkboxInfo.indexOf(2) != -1\"\r\n :style=\"{\r\n color: toneConfig ? goodsPriceColor : colorStyle.theme,\r\n }\"\r\n >\r\n <span>￥</span>{{ item.price ? $HandlePrice(item.price, 0) : 77\r\n }}<span>{{ item.price ? $HandlePrice(item.price, 1) : '' }}</span>\r\n </div>\r\n <img class=\"img\" v-if=\"checkboxInfo.indexOf(5) != -1\" src=\"../../assets/images/goods02.png\" />\r\n </div>\r\n <div\r\n class=\"bottom\"\r\n v-if=\"checkboxInfo.indexOf(3) != -1\"\r\n :style=\"{\r\n color: toneConfig ? soldNumColor : '#999999',\r\n }\"\r\n >\r\n <span>已售{{ item.sales || 0 }}件</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"jia\"\r\n v-if=\"!cartConfig\"\r\n :style=\"{\r\n background: toneCartConfig ? bntBgColor : themeColor,\r\n }\"\r\n >\r\n <div class=\"jiaCon\">\r\n <span class=\"iconfont iconjiahao1\" v-if=\"bntStyleConfig == 0\"></span>\r\n <span class=\"iconfont icongouwuche1\" v-else></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n <!-- 大图 -->\r\n <template v-else-if=\"styleConfig == 4\">\r\n <div class=\"listBig\">\r\n <div\r\n class=\"itemBig\"\r\n v-for=\"(item, index) in list\"\r\n :key=\"index\"\r\n :style=\"{\r\n borderRadius: bgRadius,\r\n }\"\r\n >\r\n <div class=\"img-box\">\r\n <img\r\n class=\"img\"\r\n v-if=\"item.image\"\r\n :src=\"item.image\"\r\n alt=\"\"\r\n :style=\"{\r\n borderRadius: imgRadius,\r\n }\"\r\n />\r\n <div\r\n v-else\r\n class=\"empty-box\"\r\n :style=\"{\r\n borderRadius: imgRadius,\r\n }\"\r\n >\r\n <img src=\"../../assets/images/shan.png\" />\r\n </div>\r\n </div>\r\n <div\r\n class=\"conter\"\r\n :class=\"\r\n ((checkboxInfo.length == 1 &&\r\n (checkboxInfo.indexOf(1) != -1 ||\r\n checkboxInfo.indexOf(3) != -1 ||\r\n checkboxInfo.indexOf(4) != -1 ||\r\n checkboxInfo.indexOf(5) != -1)) ||\r\n !checkboxInfo.length) &&\r\n !cartConfig\r\n ? 'on'\r\n : ''\r\n \"\r\n >\r\n <div\r\n class=\"name\"\r\n v-if=\"checkboxInfo.indexOf(0) != -1\"\r\n :style=\"{\r\n fontWeight: goodsName,\r\n color: toneConfig ? goodsNameColor : '#333',\r\n }\"\r\n >\r\n {{ item.store_name || '商品名称商品商名称商品商…' }}\r\n </div>\r\n <img v-if=\"checkboxInfo.indexOf(1) != -1\" src=\"../../assets/images/goods01.png\" />\r\n <div class=\"price acea-row row-middle\">\r\n <div\r\n class=\"num\"\r\n v-if=\"checkboxInfo.indexOf(2) != -1\"\r\n :style=\"{\r\n color: toneConfig ? goodsPriceColor : colorStyle.theme,\r\n }\"\r\n >\r\n <span>￥</span>{{ item.price ? $HandlePrice(item.price, 0) : 77\r\n }}<span>{{ item.price ? $HandlePrice(item.price, 1) : '' }}</span>\r\n </div>\r\n <img v-if=\"checkboxInfo.indexOf(5) != -1\" src=\"../../assets/images/goods02.png\" />\r\n </div>\r\n <div\r\n class=\"bottom\"\r\n v-if=\"checkboxInfo.indexOf(3) != -1\"\r\n :style=\"{\r\n color: toneConfig ? soldNumColor : '#999999',\r\n }\"\r\n >\r\n <span>已售{{ item.sales || 0 }}件</span>\r\n </div>\r\n </div>\r\n <div v-if=\"!cartConfig\">\r\n <div\r\n class=\"bnt\"\r\n v-if=\"bntStyleConfig == 0\"\r\n :style=\"{\r\n background: toneCartConfig ? bntBgColor : themeColor,\r\n }\"\r\n >\r\n 购买\r\n </div>\r\n <div\r\n class=\"jia\"\r\n v-else\r\n :style=\"{\r\n background: toneCartConfig ? bntBgColor : themeColor,\r\n }\"\r\n >\r\n <div class=\"jiaCon\">\r\n <span class=\"iconfont iconjiahao1\" v-if=\"bntStyleConfig == 1\"></span>\r\n <span class=\"iconfont icongouwuche1\" v-else></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n <template v-else-if=\"styleConfig == 3\">\r\n <div\r\n class=\"listCross acea-row row-between-wrapper\"\r\n :style=\"{\r\n background: bgColor,\r\n borderRadius: bgRadius,\r\n }\"\r\n >\r\n <div class=\"item acea-row row-middle\" v-for=\"(item, index) in list\" :index=\"index\">\r\n <div\r\n class=\"pictrue acea-row row-center-wrapper\"\r\n :style=\"{\r\n borderRadius: imgRadius,\r\n }\"\r\n >\r\n <img\r\n class=\"img\"\r\n v-if=\"item.image\"\r\n :src=\"item.image\"\r\n alt=\"\"\r\n :style=\"{\r\n borderRadius: imgRadius,\r\n }\"\r\n />\r\n <img v-else src=\"../../assets/images/shan.png\" />\r\n </div>\r\n <div class=\"text\">\r\n <div\r\n class=\"name\"\r\n v-if=\"checkboxInfo.indexOf(0) != -1\"\r\n :style=\"{\r\n fontWeight: goodsName,\r\n color: toneConfig ? goodsNameColor : '#333',\r\n }\"\r\n >\r\n <div class=\"line2\">{{ item.store_name || '这里是标题这里是标题这...' }}</div>\r\n </div>\r\n <div\r\n class=\"price\"\r\n v-if=\"checkboxInfo.indexOf(2) != -1\"\r\n :style=\"{\r\n color: toneConfig ? goodsPriceColor : colorStyle.theme,\r\n }\"\r\n >\r\n <span>￥</span>{{ item.price ? $HandlePrice(item.price, 0) : 77\r\n }}<span>{{ item.price ? $HandlePrice(item.price, 1) : '' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n <!-- 三列 -->\r\n <template v-else>\r\n <div\r\n class=\"list-wrapper itemB\"\r\n :class=\"styleConfig == 5 ? 'itemD' : ''\"\r\n :style=\"{\r\n background: bgColor,\r\n borderRadius: bgRadius,\r\n }\"\r\n >\r\n <div class=\"list\">\r\n <div class=\"item\" v-for=\"(item, index) in list\" :index=\"index\">\r\n <div class=\"img-box\">\r\n <img\r\n class=\"img\"\r\n v-if=\"item.image\"\r\n :src=\"item.image\"\r\n alt=\"\"\r\n :style=\"{\r\n borderRadius: imgRadius,\r\n }\"\r\n />\r\n <div\r\n v-else\r\n class=\"empty-box\"\r\n :style=\"{\r\n borderRadius: imgRadius,\r\n }\"\r\n >\r\n <img src=\"../../assets/images/shan.png\" />\r\n </div>\r\n </div>\r\n <div\r\n class=\"info\"\r\n :class=\"\r\n checkboxInfo.indexOf(2) == -1 && checkboxInfo.indexOf(0) != -1 && !cartConfig\r\n ? 'on'\r\n : checkboxInfo.indexOf(2) == -1 && checkboxInfo.indexOf(0) == -1 && !cartConfig\r\n ? 'on2'\r\n : ''\r\n \"\r\n >\r\n <div class=\"hd\" v-if=\"checkboxInfo.indexOf(0) != -1\">\r\n <div\r\n class=\"title line2\"\r\n :style=\"{\r\n fontWeight: goodsName,\r\n color: toneConfig ? goodsNameColor : '#333',\r\n }\"\r\n >\r\n {{ item.store_name || '商品名称商品商名称商品商…' }}\r\n </div>\r\n </div>\r\n <div class=\"price\" v-if=\"checkboxInfo.indexOf(2) != -1\">\r\n <div\r\n class=\"num\"\r\n :style=\"{\r\n color: toneConfig ? goodsPriceColor : colorStyle.theme,\r\n }\"\r\n >\r\n <span>￥</span>{{ item.price ? $HandlePrice(item.price, 0) : 77\r\n }}<span>{{ item.price ? $HandlePrice(item.price, 1) : '' }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"jia\"\r\n v-if=\"!cartConfig\"\r\n :style=\"{\r\n background: toneCartConfig ? bntBgColor : themeColor,\r\n }\"\r\n >\r\n <div class=\"jiaCon\">\r\n <span class=\"iconfont iconjiahao1\" v-if=\"bntStyleConfig == 0\"></span>\r\n <span class=\"iconfont icongouwuche1\" v-else></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\n// import theme from \"@/mixins/theme\";\r\nexport default {\r\n name: 'home_goods_list',\r\n cname: '商品列表',\r\n configName: 'c_home_goods_list',\r\n icon: '#iconzujian-shangpinliebiao',\r\n type: 0, // 0 基础组件 1 营销组件 2工具组件\r\n defaultName: 'goodList', // 外面匹配名称\r\n props: {\r\n index: {\r\n type: null,\r\n },\r\n num: {\r\n type: null,\r\n },\r\n colorStyle: {\r\n type: null,\r\n },\r\n },\r\n computed: {\r\n ...mapState('mobildConfig', ['defaultArray']),\r\n },\r\n watch: {\r\n pageData: {\r\n handler(nVal, oVal) {\r\n this.setConfig(nVal);\r\n },\r\n deep: true,\r\n },\r\n num: {\r\n handler(nVal, oVal) {\r\n let data = this.$store.state.mobildConfig.defaultArray[nVal];\r\n this.setConfig(data);\r\n },\r\n deep: true,\r\n },\r\n defaultArray: {\r\n handler(nVal, oVal) {\r\n let data = this.$store.state.mobildConfig.defaultArray[this.num];\r\n this.setConfig(data);\r\n },\r\n deep: true,\r\n },\r\n },\r\n // mixins: [theme],\r\n data() {\r\n return {\r\n // 默认初始化数据禁止修改\r\n defaultConfig: {\r\n cname: '商品列表',\r\n name: 'goodList',\r\n timestamp: this.num,\r\n isHide: false,\r\n setUp: {\r\n tabVal: 0,\r\n },\r\n titleLeft: '列表设置',\r\n titleGoods: '商品设置',\r\n titleContents: '显示内容',\r\n titleCart: '购物车按钮',\r\n titleRight: '商品样式',\r\n titleCart: '购物车按钮',\r\n titleCurrency: '通用样式',\r\n styleConfig: {\r\n title: '选择风格',\r\n tabVal: 1,\r\n tabList: [\r\n {\r\n name: '单列展示',\r\n },\r\n {\r\n name: '两列展示(纵向)',\r\n },\r\n {\r\n name: '三列展示',\r\n },\r\n {\r\n name: '两列展示(横向)',\r\n },\r\n {\r\n name: '大图展示',\r\n },\r\n {\r\n name: '左右滑动展示',\r\n },\r\n ],\r\n },\r\n typeConfig: {\r\n title: '选择方式',\r\n activeValue: 1,\r\n list: [\r\n {\r\n activeValue: 1,\r\n title: '指定商品',\r\n },\r\n {\r\n activeValue: 3,\r\n title: '指定分类',\r\n },\r\n {\r\n activeValue: 4,\r\n title: '商品标签',\r\n },\r\n ],\r\n },\r\n goodsList: {\r\n max: 20,\r\n list: [],\r\n },\r\n goodsSort: {\r\n title: '商品排序',\r\n tabVal: 1,\r\n tabList: [\r\n {\r\n name: '综合',\r\n },\r\n {\r\n name: '销量',\r\n },\r\n {\r\n name: '价格',\r\n },\r\n ],\r\n },\r\n numberConfig: {\r\n title: '商品数量',\r\n val: 3,\r\n min: 1,\r\n },\r\n classList: {\r\n title: '商品分类',\r\n classVal: [],\r\n },\r\n checkboxInfo: {\r\n title: '展示信息',\r\n name: 'checkboxInfo',\r\n type: [0, 1, 2, 3, 4, 5],\r\n list: [\r\n {\r\n id: 0,\r\n name: '商品名称',\r\n },\r\n {\r\n id: 1,\r\n name: '商品标签',\r\n },\r\n {\r\n id: 2,\r\n name: '商品价格',\r\n },\r\n {\r\n id: 3,\r\n name: '商品销量',\r\n },\r\n {\r\n id: 4,\r\n name: '商品评分',\r\n },\r\n {\r\n id: 5,\r\n name: '会员价格',\r\n },\r\n ],\r\n },\r\n cartConfig: {\r\n title: '是否显示',\r\n tabVal: 0,\r\n tabList: [\r\n {\r\n name: '显示',\r\n },\r\n {\r\n name: '隐藏',\r\n },\r\n ],\r\n },\r\n bntConfig: {\r\n title: '按钮效果',\r\n tabVal: 1,\r\n tabList: [\r\n {\r\n name: '进入商品详情页',\r\n },\r\n {\r\n name: '商品加购',\r\n },\r\n ],\r\n },\r\n bntStyleConfig: {\r\n title: '按钮样式',\r\n tabVal: 0,\r\n },\r\n filletImg: {\r\n title: '图片圆角',\r\n type: 0,\r\n list: [\r\n {\r\n val: '全部',\r\n icon: 'iconcaozuo-zhengti',\r\n },\r\n {\r\n val: '单个',\r\n icon: 'iconcaozuo-bianjiao',\r\n },\r\n ],\r\n valName: '圆角值',\r\n val: 0,\r\n min: 0,\r\n valList: [{ val: 0 }, { val: 0 }, { val: 0 }, { val: 0 }],\r\n },\r\n goodsName: {\r\n title: '商品名称',\r\n tabVal: 1,\r\n tabList: [\r\n {\r\n name: '加粗',\r\n style: 'bold',\r\n },\r\n {\r\n name: '正常',\r\n style: 'normal',\r\n },\r\n ],\r\n },\r\n toneConfig: {\r\n title: '色调',\r\n tabVal: 0,\r\n tabList: [\r\n {\r\n name: '跟随主题风格',\r\n },\r\n {\r\n name: '自定义',\r\n },\r\n ],\r\n },\r\n goodsNameColor: {\r\n title: '商品名称',\r\n name: 'goodsNameColor',\r\n default: [\r\n {\r\n item: '#333333',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#333333',\r\n },\r\n ],\r\n },\r\n goodsPriceColor: {\r\n title: '商品价格',\r\n name: 'goodsPriceColor',\r\n default: [\r\n {\r\n item: '#E93323',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#E93323',\r\n },\r\n ],\r\n },\r\n soldNumColor: {\r\n title: '已售数量',\r\n name: 'soldNumColor',\r\n default: [\r\n {\r\n item: '#999999',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#999999',\r\n },\r\n ],\r\n },\r\n scoreColor: {\r\n title: '评分颜色',\r\n name: 'scoreColor',\r\n default: [\r\n {\r\n item: '#999999',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#999999',\r\n },\r\n ],\r\n },\r\n toneCartConfig: {\r\n title: '色调',\r\n tabVal: 0,\r\n tabList: [\r\n {\r\n name: '跟随主题风格',\r\n },\r\n {\r\n name: '自定义',\r\n },\r\n ],\r\n },\r\n bntBgColor: {\r\n title: '按钮颜色',\r\n name: 'bntBgColor',\r\n default: [\r\n {\r\n item: '#E93323',\r\n },\r\n {\r\n item: '#FF7931',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#E93323',\r\n },\r\n {\r\n item: '#FF7931',\r\n },\r\n ],\r\n },\r\n moduleColor: {\r\n title: '组件背景',\r\n default: [\r\n {\r\n item: '#fff',\r\n },\r\n {\r\n item: '#fff',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#fff',\r\n },\r\n {\r\n item: '#fff',\r\n },\r\n ],\r\n },\r\n bottomBgColor: {\r\n title: '底部背景',\r\n default: [\r\n {\r\n item: '#f5f5f5',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#f5f5f5',\r\n },\r\n ],\r\n },\r\n topConfig: {\r\n title: '上边距',\r\n val: 0,\r\n min: 0,\r\n },\r\n bottomConfig: {\r\n title: '下边距',\r\n val: 0,\r\n min: 0,\r\n },\r\n prConfig: {\r\n title: '左右边距',\r\n val: 10,\r\n min: 0,\r\n },\r\n mbConfig: {\r\n title: '页面上间距',\r\n val: 0,\r\n min: 0,\r\n },\r\n fillet: {\r\n title: '背景圆角',\r\n type: 0,\r\n list: [\r\n {\r\n val: '全部',\r\n icon: 'iconcaozuo-zhengti',\r\n },\r\n {\r\n val: '单个',\r\n icon: 'iconcaozuo-bianjiao',\r\n },\r\n ],\r\n valName: '圆角值',\r\n val: 8,\r\n min: 0,\r\n valList: [{ val: 0 }, { val: 0 }, { val: 0 }, { val: 0 }],\r\n },\r\n goodsLabel: {\r\n title: '商品标签',\r\n activeValue: [],\r\n list: [],\r\n },\r\n productList: {\r\n title: '商品列表',\r\n list: [],\r\n },\r\n },\r\n list: [],\r\n pageData: {},\r\n styleConfig: 0,\r\n checkboxInfo: [],\r\n cartConfig: 0,\r\n bntStyleConfig: 0,\r\n imgRadius: 0,\r\n imgRadius2: 0,\r\n goodsName: '',\r\n toneConfig: 0,\r\n goodsNameColor: '',\r\n goodsPriceColor: '',\r\n soldNumColor: '',\r\n scoreColor: '',\r\n toneCartConfig: 0,\r\n bntBgColor: '',\r\n bntBgColorLeft: '',\r\n bgColor: '',\r\n bottomBgColor: '',\r\n mTop: 0,\r\n topConfig: 0,\r\n bottomConfig: 0,\r\n prConfig: 0,\r\n bgRadius: 0,\r\n bgRadius2: 0,\r\n themeColor: '',\r\n };\r\n },\r\n mounted() {\r\n this.$nextTick(() => {\r\n this.pageData = this.$store.state.mobildConfig.defaultArray[this.num];\r\n this.setConfig(this.pageData);\r\n });\r\n },\r\n methods: {\r\n setConfig(data) {\r\n if (!data) return;\r\n if (data.mbConfig) {\r\n this.styleConfig = data.styleConfig.tabVal;\r\n this.checkboxInfo = data.checkboxInfo.type;\r\n this.cartConfig = data.cartConfig.tabVal;\r\n this.bntStyleConfig = data.bntStyleConfig.tabVal;\r\n let filletImg = data.filletImg.type;\r\n let filletValImg = data.filletImg.val;\r\n let valListImg = data.filletImg.valList;\r\n this.imgRadius = filletImg\r\n ? valListImg[0].val + 'px ' + valListImg[1].val + 'px ' + valListImg[3].val + 'px ' + valListImg[2].val + 'px'\r\n : filletValImg + 'px';\r\n this.imgRadius2 = filletImg\r\n ? valListImg[0].val + 'px ' + valListImg[1].val + 'px 0 0'\r\n : filletValImg + 'px ' + filletValImg + 'px 0 0';\r\n let goodsTabVal = data.goodsName.tabVal;\r\n this.goodsName = data.goodsName.tabList[goodsTabVal].style;\r\n this.toneConfig = data.toneConfig.tabVal;\r\n this.goodsNameColor = data.goodsNameColor.color[0].item;\r\n this.goodsPriceColor = data.goodsPriceColor.color[0].item;\r\n this.soldNumColor = data.soldNumColor.color[0].item;\r\n this.scoreColor = data.scoreColor.color[0].item;\r\n this.toneCartConfig = data.toneCartConfig.tabVal;\r\n let bntBgColorLeft = data.bntBgColor.color[0].item;\r\n let bntBgColorRight = data.bntBgColor.color[1].item;\r\n this.bntBgColorLeft = bntBgColorLeft;\r\n this.bntBgColor = `linear-gradient(90deg,${bntBgColorLeft} 0%,${bntBgColorRight} 100%)`;\r\n let bgColorLeft = data.moduleColor.color[0].item;\r\n let bgColorRight = data.moduleColor.color[1].item;\r\n this.bgColor = `linear-gradient(90deg,${bgColorLeft} 0%,${bgColorRight} 100%)`;\r\n this.bottomBgColor = data.bottomBgColor.color[0].item;\r\n this.themeColor = `linear-gradient(90deg,${this.colorStyle.theme} 0%,${this.colorStyle.gradient} 100%)`;\r\n this.mTop = data.mbConfig.val;\r\n this.topConfig = data.topConfig.val;\r\n this.bottomConfig = data.bottomConfig.val;\r\n this.prConfig = data.prConfig.val;\r\n let fillet = data.fillet.type;\r\n let filletVal = data.fillet.val;\r\n let valList = data.fillet.valList;\r\n this.bgRadius = fillet\r\n ? valList[0].val + 'px ' + valList[1].val + 'px ' + valList[3].val + 'px ' + valList[2].val + 'px'\r\n : filletVal + 'px';\r\n this.bgRadius2 = fillet\r\n ? '0 0 ' + valList[3].val + 'px ' + valList[2].val + 'px'\r\n : '0 0 ' + filletVal + 'px ' + filletVal + 'px';\r\n if (data.typeConfig.activeValue == 1) {\r\n this.list = data.goodsList.list.length ? data.goodsList.list : 4;\r\n } else {\r\n this.list = data.productList.list.length ? data.productList.list : 4;\r\n }\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.itemOn {\r\n border-radius: 0 !important;\r\n img,\r\n .empty-box {\r\n border-radius: 0 !important;\r\n }\r\n .img-box {\r\n .label {\r\n border-radius: 0 0 8px 0 !important;\r\n }\r\n }\r\n}\r\n.pageOn {\r\n border-radius: 8px !important;\r\n}\r\n.listCross {\r\n width: 100%;\r\n background: #fff;\r\n padding: 16px 12px 6px 12px;\r\n .item {\r\n width: 49%;\r\n margin-bottom: 10px;\r\n .pictrue {\r\n width: 72px;\r\n height: 72px;\r\n background: #f3f9ff;\r\n border-radius: 4px;\r\n margin-right: 10px;\r\n img {\r\n width: 26px;\r\n height: 20px;\r\n display: block;\r\n }\r\n .img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n }\r\n }\r\n .text {\r\n flex: 1;\r\n .name {\r\n font-size: 13px;\r\n color: #282828;\r\n height: 45px;\r\n }\r\n .price {\r\n font-size: 18px;\r\n font-weight: 600;\r\n font-family: SemiBold;\r\n span {\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.listBig {\r\n width: 100%;\r\n .itemBig {\r\n width: 100%;\r\n margin-bottom: 10px;\r\n background-color: #fff;\r\n border-radius: 10px;\r\n position: relative;\r\n .bnt {\r\n width: 48px;\r\n height: 28px;\r\n background: linear-gradient(90deg, #e93323 0%, #ff7931 100%);\r\n border-radius: 25px;\r\n text-align: center;\r\n line-height: 28px;\r\n font-size: 12px;\r\n color: #fff;\r\n position: absolute;\r\n right: 10px;\r\n bottom: 12px;\r\n }\r\n .jia {\r\n width: 22px;\r\n height: 22px;\r\n background-color: #e93323;\r\n border-radius: 50%;\r\n position: absolute;\r\n right: 10px;\r\n bottom: 10px;\r\n .jiaCon {\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n line-height: 22px;\r\n .iconfont {\r\n color: #fff;\r\n font-size: 13px;\r\n }\r\n }\r\n }\r\n .conter {\r\n padding: 0 12px 12px 12px;\r\n &.on {\r\n height: 45px;\r\n }\r\n .name {\r\n margin-top: 10px;\r\n font-weight: 400;\r\n color: #333333;\r\n font-size: 14px;\r\n padding: 0;\r\n }\r\n img {\r\n // width: 99px;\r\n height: 14px;\r\n display: block;\r\n margin-top: 5px;\r\n }\r\n .price {\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n img {\r\n width: 70px;\r\n height: 15px;\r\n }\r\n .num {\r\n font-size: 20px;\r\n font-family: SemiBold;\r\n span {\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n .bottom {\r\n font-weight: 400;\r\n color: #999999;\r\n font-size: 11px;\r\n }\r\n }\r\n .img-box {\r\n width: 100%;\r\n height: 180px;\r\n position: relative;\r\n\r\n img {\r\n width: 65px;\r\n height: 50px;\r\n }\r\n .img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n .empty-box {\r\n border-radius: 8px 8px 0 0;\r\n background: #f3f9ff;\r\n }\r\n .label {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 59px;\r\n height: 25px;\r\n line-height: 25px;\r\n text-align: center;\r\n color: #fff;\r\n font-size: 12px;\r\n border-radius: 8px 0 8px 0;\r\n }\r\n }\r\n .name {\r\n font-size: 15px;\r\n font-weight: bold;\r\n margin-top: 8px;\r\n padding: 0 10px;\r\n }\r\n .coupon {\r\n width: 16px;\r\n height: 18px;\r\n line-height: 18px;\r\n text-align: center;\r\n font-size: 12px;\r\n margin-right: 5px;\r\n display: inline-block;\r\n }\r\n .price {\r\n font-weight: bold;\r\n font-size: 12px;\r\n .num {\r\n font-size: 18px;\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n}\r\n.paddingBox {\r\n padding-bottom: 0;\r\n}\r\n.home_product {\r\n overflow: hidden;\r\n .hd_nav {\r\n display: flex;\r\n height: 65px;\r\n padding: 0 5px;\r\n .item {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n width: 25%;\r\n .title {\r\n font-size: 16px;\r\n color: #282828;\r\n }\r\n .label {\r\n width: 62px;\r\n height: 18px;\r\n line-height: 18px;\r\n text-align: center;\r\n background: transparent;\r\n border-radius: 8px;\r\n color: #999999;\r\n font-size: 12px;\r\n }\r\n &.active {\r\n .title {\r\n color: #ff4444;\r\n }\r\n .label {\r\n color: #fff;\r\n background: linear-gradient(270deg, rgba(255, 84, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.list-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n .item {\r\n width: 48.5%;\r\n margin-bottom: 10px;\r\n background-color: #fff;\r\n position: relative;\r\n .bnt {\r\n width: 48px;\r\n height: 28px;\r\n background: linear-gradient(90deg, #e93323 0%, #ff7931 100%);\r\n border-radius: 25px;\r\n color: #fff;\r\n text-align: center;\r\n line-height: 28px;\r\n font-size: 12px;\r\n position: absolute;\r\n right: 10px;\r\n bottom: 10px;\r\n }\r\n .jia {\r\n width: 22px;\r\n height: 22px;\r\n background-color: #e93323;\r\n border-radius: 50%;\r\n position: absolute;\r\n right: 10px;\r\n bottom: 10px;\r\n .jiaCon {\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n line-height: 22px;\r\n .iconfont {\r\n color: #fff;\r\n font-size: 13px;\r\n }\r\n }\r\n }\r\n .img-box {\r\n position: relative;\r\n width: 100%;\r\n height: 173px;\r\n .img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n img,\r\n .box {\r\n width: 65px;\r\n height: 50px;\r\n }\r\n .empty-box {\r\n background: #f3f9ff;\r\n }\r\n .box {\r\n background: #d8d8d8;\r\n }\r\n .label {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 46px;\r\n height: 22px;\r\n border-radius: 10px 0px 10px 0px;\r\n color: #fff;\r\n font-size: 13px;\r\n text-align: center;\r\n line-height: 22px;\r\n }\r\n }\r\n .info {\r\n padding: 7px 10px;\r\n .title {\r\n font-size: 14px;\r\n color: #333;\r\n }\r\n img {\r\n height: 14px;\r\n display: block;\r\n margin-top: 4px;\r\n }\r\n .bottom {\r\n color: #999999;\r\n font-size: 11px;\r\n }\r\n .price {\r\n display: flex;\r\n align-items: center;\r\n img {\r\n width: 70px;\r\n height: 15px;\r\n display: block;\r\n }\r\n .num {\r\n font-size: 20px;\r\n margin-right: 4px;\r\n font-family: SemiBold;\r\n span {\r\n font-size: 12px;\r\n }\r\n }\r\n .label {\r\n width: 16px;\r\n height: 18px;\r\n margin-left: 5px;\r\n text-align: center;\r\n line-height: 18px;\r\n font-size: 11px;\r\n &.on {\r\n margin-left: 0;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.itemA {\r\n /*background #fff*/\r\n .item {\r\n display: flex;\r\n width: 100%;\r\n padding: 10px;\r\n position: relative;\r\n\r\n .img-box {\r\n position: relative;\r\n width: 112px;\r\n height: 112px;\r\n img {\r\n width: 65px;\r\n height: 50px;\r\n }\r\n .empty-box {\r\n background: #f3f9ff;\r\n }\r\n }\r\n\r\n .info {\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n flex: 1;\r\n margin-left: 10px;\r\n padding: 0;\r\n .hd {\r\n height: 63px;\r\n }\r\n .price {\r\n margin-top: 2px;\r\n &.on {\r\n margin-top: 20px;\r\n }\r\n .img {\r\n margin-top: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.itemB {\r\n justify-content: inherit;\r\n background-color: #fff;\r\n padding: 16px 10px 0 10px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n\r\n .list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .item {\r\n width: 31.3%;\r\n margin-right: 10px;\r\n background: unset;\r\n .jia {\r\n right: 2px;\r\n bottom: 0;\r\n }\r\n .info {\r\n padding: 0;\r\n &.on {\r\n height: 70px;\r\n }\r\n &.on2 {\r\n height: 30px;\r\n }\r\n .hd {\r\n margin-top: 7px;\r\n height: 42px;\r\n }\r\n .price {\r\n margin-top: 7px;\r\n line-height: 1.2;\r\n }\r\n }\r\n &:nth-child(3n) {\r\n margin-right: 0;\r\n }\r\n .img-box {\r\n position: relative;\r\n width: 100%;\r\n height: 110px;\r\n img,\r\n .box,\r\n .empty-box {\r\n border-radius: 10px 10px 0 0;\r\n }\r\n }\r\n }\r\n}\r\n.itemD {\r\n flex-wrap: nowrap;\r\n display: inline-flex;\r\n overflow: hidden;\r\n .list {\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .item {\r\n width: 100px;\r\n background: unset;\r\n &:nth-child(3n) {\r\n margin-right: 10px;\r\n }\r\n .img-box {\r\n height: 100px;\r\n }\r\n }\r\n}\r\n.itemC {\r\n .item {\r\n background-color: transparent;\r\n .info {\r\n background-color: #fff;\r\n }\r\n }\r\n .item .info.on {\r\n height: 67px;\r\n }\r\n .item .info.on2 {\r\n height: 40px;\r\n }\r\n .item .info .price {\r\n margin-top: 6px;\r\n margin-bottom: 8px;\r\n }\r\n .item .info .bottom {\r\n margin-top: 3px;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
