{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobilePage\\home_goods_list.vue?vue&type=style&index=0&id=95f6cdce&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobilePage\\home_goods_list.vue","mtime":1761185180000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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"]}]}