{"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=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_goods_list.vue","mtime":1761614938971},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"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:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KLy8gaW1wb3J0IHRoZW1lIGZyb20gIkAvbWl4aW5zL3RoZW1lIjsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2hvbWVfZ29vZHNfbGlzdCcsDQogIGNuYW1lOiAn5ZWG5ZOB5YiX6KGoJywNCiAgY29uZmlnTmFtZTogJ2NfaG9tZV9nb29kc19saXN0JywNCiAgaWNvbjogJyNpY29uenVqaWFuLXNoYW5ncGlubGllYmlhbycsDQogIHR5cGU6IDAsIC8vIDAg5Z+656GA57uE5Lu2IDEg6JCl6ZSA57uE5Lu2IDLlt6Xlhbfnu4Tku7YNCiAgZGVmYXVsdE5hbWU6ICdnb29kTGlzdCcsIC8vIOWklumdouWMuemFjeWQjeensA0KICBwcm9wczogew0KICAgIGluZGV4OiB7DQogICAgICB0eXBlOiBudWxsLA0KICAgIH0sDQogICAgbnVtOiB7DQogICAgICB0eXBlOiBudWxsLA0KICAgIH0sDQogICAgY29sb3JTdHlsZTogew0KICAgICAgdHlwZTogbnVsbCwNCiAgICB9LA0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC4uLm1hcFN0YXRlKCdtb2JpbGRDb25maWcnLCBbJ2RlZmF1bHRBcnJheSddKSwNCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICBwYWdlRGF0YTogew0KICAgICAgaGFuZGxlcihuVmFsLCBvVmFsKSB7DQogICAgICAgIHRoaXMuc2V0Q29uZmlnKG5WYWwpOw0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgICBudW06IHsNCiAgICAgIGhhbmRsZXIoblZhbCwgb1ZhbCkgew0KICAgICAgICBsZXQgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbblZhbF07DQogICAgICAgIHRoaXMuc2V0Q29uZmlnKGRhdGEpOw0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgICBkZWZhdWx0QXJyYXk6IHsNCiAgICAgIGhhbmRsZXIoblZhbCwgb1ZhbCkgew0KICAgICAgICBsZXQgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbdGhpcy5udW1dOw0KICAgICAgICB0aGlzLnNldENvbmZpZyhkYXRhKTsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLA0KICAgIH0sDQogIH0sDQogIC8vIG1peGluczogW3RoZW1lXSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgLy8g6buY6K6k5Yid5aeL5YyW5pWw5o2u56aB5q2i5L+u5pS5DQogICAgICBkZWZhdWx0Q29uZmlnOiB7DQogICAgICAgIGNuYW1lOiAn5ZWG5ZOB5YiX6KGoJywNCiAgICAgICAgbmFtZTogJ2dvb2RMaXN0JywNCiAgICAgICAgdGltZXN0YW1wOiB0aGlzLm51bSwNCiAgICAgICAgaXNIaWRlOiBmYWxzZSwNCiAgICAgICAgc2V0VXA6IHsNCiAgICAgICAgICB0YWJWYWw6IDAsDQogICAgICAgIH0sDQogICAgICAgIHRpdGxlTGVmdDogJ+WIl+ihqOiuvue9ricsDQogICAgICAgIHRpdGxlR29vZHM6ICfllYblk4Horr7nva4nLA0KICAgICAgICB0aXRsZUNvbnRlbnRzOiAn5pi+56S65YaF5a65JywNCiAgICAgICAgdGl0bGVDYXJ0OiAn6LSt54mp6L2m5oyJ6ZKuJywNCiAgICAgICAgdGl0bGVSaWdodDogJ+WVhuWTgeagt+W8jycsDQogICAgICAgIHRpdGxlQ2FydDogJ+i0reeJqei9puaMiemSricsDQogICAgICAgIHRpdGxlQ3VycmVuY3k6ICfpgJrnlKjmoLflvI8nLA0KICAgICAgICBzdHlsZUNvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn6YCJ5oup6aOO5qC8JywNCiAgICAgICAgICB0YWJWYWw6IDEsDQogICAgICAgICAgdGFiTGlzdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn5Y2V5YiX5bGV56S6JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfkuKTliJflsZXnpLoo57q15ZCRKScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn5LiJ5YiX5bGV56S6JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfkuKTliJflsZXnpLoo5qiq5ZCRKScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn5aSn5Zu+5bGV56S6JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICflt6blj7Pmu5HliqjlsZXnpLonLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICB0eXBlQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfpgInmi6nmlrnlvI8nLA0KICAgICAgICAgIGFjdGl2ZVZhbHVlOiAxLA0KICAgICAgICAgIGxpc3Q6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgYWN0aXZlVmFsdWU6IDEsDQogICAgICAgICAgICAgIHRpdGxlOiAn5oyH5a6a5ZWG5ZOBJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGFjdGl2ZVZhbHVlOiAzLA0KICAgICAgICAgICAgICB0aXRsZTogJ+aMh+WumuWIhuexuycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBhY3RpdmVWYWx1ZTogNCwNCiAgICAgICAgICAgICAgdGl0bGU6ICfllYblk4HmoIfnrb4nLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBnb29kc0xpc3Q6IHsNCiAgICAgICAgICBtYXg6IDIwLA0KICAgICAgICAgIGxpc3Q6IFtdLA0KICAgICAgICB9LA0KICAgICAgICBnb29kc1NvcnQ6IHsNCiAgICAgICAgICB0aXRsZTogJ+WVhuWTgeaOkuW6jycsDQogICAgICAgICAgdGFiVmFsOiAxLA0KICAgICAgICAgIHRhYkxpc3Q6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+e7vOWQiCcsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn6ZSA6YePJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfku7fmoLwnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBudW1iZXJDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+WVhuWTgeaVsOmHjycsDQogICAgICAgICAgdmFsOiAzLA0KICAgICAgICAgIG1pbjogMSwNCiAgICAgICAgfSwNCiAgICAgICAgY2xhc3NMaXN0OiB7DQogICAgICAgICAgdGl0bGU6ICfllYblk4HliIbnsbsnLA0KICAgICAgICAgIGNsYXNzVmFsOiBbXSwNCiAgICAgICAgfSwNCiAgICAgICAgY2hlY2tib3hJbmZvOiB7DQogICAgICAgICAgdGl0bGU6ICflsZXnpLrkv6Hmga8nLA0KICAgICAgICAgIG5hbWU6ICdjaGVja2JveEluZm8nLA0KICAgICAgICAgIHR5cGU6IFswLCAxLCAyLCAzLCA0LCA1XSwNCiAgICAgICAgICBsaXN0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGlkOiAwLA0KICAgICAgICAgICAgICBuYW1lOiAn5ZWG5ZOB5ZCN56ewJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGlkOiAxLA0KICAgICAgICAgICAgICBuYW1lOiAn5ZWG5ZOB5qCH562+JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGlkOiAyLA0KICAgICAgICAgICAgICBuYW1lOiAn5ZWG5ZOB5Lu35qC8JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGlkOiAzLA0KICAgICAgICAgICAgICBuYW1lOiAn5ZWG5ZOB6ZSA6YePJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGlkOiA0LA0KICAgICAgICAgICAgICBuYW1lOiAn5ZWG5ZOB6K+E5YiGJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGlkOiA1LA0KICAgICAgICAgICAgICBuYW1lOiAn5Lya5ZGY5Lu35qC8JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgY2FydENvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5piv5ZCm5pi+56S6JywNCiAgICAgICAgICB0YWJWYWw6IDAsDQogICAgICAgICAgdGFiTGlzdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn5pi+56S6JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfpmpDol48nLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBibnRDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+aMiemSruaViOaenCcsDQogICAgICAgICAgdGFiVmFsOiAxLA0KICAgICAgICAgIHRhYkxpc3Q6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+i/m+WFpeWVhuWTgeivpuaDhemhtScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn5ZWG5ZOB5Yqg6LStJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgYm50U3R5bGVDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+aMiemSruagt+W8jycsDQogICAgICAgICAgdGFiVmFsOiAwLA0KICAgICAgICB9LA0KICAgICAgICBmaWxsZXRJbWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+WbvueJh+WchuinkicsDQogICAgICAgICAgdHlwZTogMCwNCiAgICAgICAgICBsaXN0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIHZhbDogJ+WFqOmDqCcsDQogICAgICAgICAgICAgIGljb246ICdpY29uY2FvenVvLXpoZW5ndGknLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgdmFsOiAn5Y2V5LiqJywNCiAgICAgICAgICAgICAgaWNvbjogJ2ljb25jYW96dW8tYmlhbmppYW8nLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIHZhbE5hbWU6ICflnIbop5LlgLwnLA0KICAgICAgICAgIHZhbDogMCwNCiAgICAgICAgICBtaW46IDAsDQogICAgICAgICAgdmFsTGlzdDogW3sgdmFsOiAwIH0sIHsgdmFsOiAwIH0sIHsgdmFsOiAwIH0sIHsgdmFsOiAwIH1dLA0KICAgICAgICB9LA0KICAgICAgICBnb29kc05hbWU6IHsNCiAgICAgICAgICB0aXRsZTogJ+WVhuWTgeWQjeensCcsDQogICAgICAgICAgdGFiVmFsOiAxLA0KICAgICAgICAgIHRhYkxpc3Q6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+WKoOeylycsDQogICAgICAgICAgICAgIHN0eWxlOiAnYm9sZCcsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn5q2j5bi4JywNCiAgICAgICAgICAgICAgc3R5bGU6ICdub3JtYWwnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICB0b25lQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfoibLosIMnLA0KICAgICAgICAgIHRhYlZhbDogMCwNCiAgICAgICAgICB0YWJMaXN0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfot5/pmo/kuLvpopjpo47moLwnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+iHquWumuS5iScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIGdvb2RzTmFtZUNvbG9yOiB7DQogICAgICAgICAgdGl0bGU6ICfllYblk4HlkI3np7AnLA0KICAgICAgICAgIG5hbWU6ICdnb29kc05hbWVDb2xvcicsDQogICAgICAgICAgZGVmYXVsdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnIzMzMzMzMycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgICAgY29sb3I6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyMzMzMzMzMnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBnb29kc1ByaWNlQ29sb3I6IHsNCiAgICAgICAgICB0aXRsZTogJ+WVhuWTgeS7t+agvCcsDQogICAgICAgICAgbmFtZTogJ2dvb2RzUHJpY2VDb2xvcicsDQogICAgICAgICAgZGVmYXVsdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI0U5MzMyMycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgICAgY29sb3I6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNFOTMzMjMnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBzb2xkTnVtQ29sb3I6IHsNCiAgICAgICAgICB0aXRsZTogJ+W3suWUruaVsOmHjycsDQogICAgICAgICAgbmFtZTogJ3NvbGROdW1Db2xvcicsDQogICAgICAgICAgZGVmYXVsdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnIzk5OTk5OScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgICAgY29sb3I6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyM5OTk5OTknLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBzY29yZUNvbG9yOiB7DQogICAgICAgICAgdGl0bGU6ICfor4TliIbpopzoibInLA0KICAgICAgICAgIG5hbWU6ICdzY29yZUNvbG9yJywNCiAgICAgICAgICBkZWZhdWx0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjOTk5OTk5JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICBjb2xvcjogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnIzk5OTk5OScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIHRvbmVDYXJ0Q29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfoibLosIMnLA0KICAgICAgICAgIHRhYlZhbDogMCwNCiAgICAgICAgICB0YWJMaXN0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfot5/pmo/kuLvpopjpo47moLwnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+iHquWumuS5iScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIGJudEJnQ29sb3I6IHsNCiAgICAgICAgICB0aXRsZTogJ+aMiemSruminOiJsicsDQogICAgICAgICAgbmFtZTogJ2JudEJnQ29sb3InLA0KICAgICAgICAgIGRlZmF1bHQ6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNFOTMzMjMnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNGRjc5MzEnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIGNvbG9yOiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjRTkzMzIzJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjRkY3OTMxJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgbW9kdWxlQ29sb3I6IHsNCiAgICAgICAgICB0aXRsZTogJ+e7hOS7tuiDjOaZrycsDQogICAgICAgICAgZGVmYXVsdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI2ZmZicsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI2ZmZicsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgICAgY29sb3I6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmZmYnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmZmYnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBib3R0b21CZ0NvbG9yOiB7DQogICAgICAgICAgdGl0bGU6ICflupXpg6jog4zmma8nLA0KICAgICAgICAgIGRlZmF1bHQ6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmNWY1ZjUnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIGNvbG9yOiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZjVmNWY1JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgdG9wQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfkuIrovrnot50nLA0KICAgICAgICAgIHZhbDogMCwNCiAgICAgICAgICBtaW46IDAsDQogICAgICAgIH0sDQogICAgICAgIGJvdHRvbUNvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5LiL6L656LedJywNCiAgICAgICAgICB2YWw6IDAsDQogICAgICAgICAgbWluOiAwLA0KICAgICAgICB9LA0KICAgICAgICBwckNvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5bem5Y+z6L656LedJywNCiAgICAgICAgICB2YWw6IDEwLA0KICAgICAgICAgIG1pbjogMCwNCiAgICAgICAgfSwNCiAgICAgICAgbWJDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+mhtemdouS4iumXtOi3nScsDQogICAgICAgICAgdmFsOiAwLA0KICAgICAgICAgIG1pbjogMCwNCiAgICAgICAgfSwNCiAgICAgICAgZmlsbGV0OiB7DQogICAgICAgICAgdGl0bGU6ICfog4zmma/lnIbop5InLA0KICAgICAgICAgIHR5cGU6IDAsDQogICAgICAgICAgbGlzdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICB2YWw6ICflhajpg6gnLA0KICAgICAgICAgICAgICBpY29uOiAnaWNvbmNhb3p1by16aGVuZ3RpJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIHZhbDogJ+WNleS4qicsDQogICAgICAgICAgICAgIGljb246ICdpY29uY2FvenVvLWJpYW5qaWFvJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICB2YWxOYW1lOiAn5ZyG6KeS5YC8JywNCiAgICAgICAgICB2YWw6IDgsDQogICAgICAgICAgbWluOiAwLA0KICAgICAgICAgIHZhbExpc3Q6IFt7IHZhbDogMCB9LCB7IHZhbDogMCB9LCB7IHZhbDogMCB9LCB7IHZhbDogMCB9XSwNCiAgICAgICAgfSwNCiAgICAgICAgZ29vZHNMYWJlbDogew0KICAgICAgICAgIHRpdGxlOiAn5ZWG5ZOB5qCH562+JywNCiAgICAgICAgICBhY3RpdmVWYWx1ZTogW10sDQogICAgICAgICAgbGlzdDogW10sDQogICAgICAgIH0sDQogICAgICAgIHByb2R1Y3RMaXN0OiB7DQogICAgICAgICAgdGl0bGU6ICfllYblk4HliJfooagnLA0KICAgICAgICAgIGxpc3Q6IFtdLA0KICAgICAgICB9LA0KICAgICAgfSwNCiAgICAgIGxpc3Q6IFtdLA0KICAgICAgcGFnZURhdGE6IHt9LA0KICAgICAgc3R5bGVDb25maWc6IDAsDQogICAgICBjaGVja2JveEluZm86IFtdLA0KICAgICAgY2FydENvbmZpZzogMCwNCiAgICAgIGJudFN0eWxlQ29uZmlnOiAwLA0KICAgICAgaW1nUmFkaXVzOiAwLA0KICAgICAgaW1nUmFkaXVzMjogMCwNCiAgICAgIGdvb2RzTmFtZTogJycsDQogICAgICB0b25lQ29uZmlnOiAwLA0KICAgICAgZ29vZHNOYW1lQ29sb3I6ICcnLA0KICAgICAgZ29vZHNQcmljZUNvbG9yOiAnJywNCiAgICAgIHNvbGROdW1Db2xvcjogJycsDQogICAgICBzY29yZUNvbG9yOiAnJywNCiAgICAgIHRvbmVDYXJ0Q29uZmlnOiAwLA0KICAgICAgYm50QmdDb2xvcjogJycsDQogICAgICBibnRCZ0NvbG9yTGVmdDogJycsDQogICAgICBiZ0NvbG9yOiAnJywNCiAgICAgIGJvdHRvbUJnQ29sb3I6ICcnLA0KICAgICAgbVRvcDogMCwNCiAgICAgIHRvcENvbmZpZzogMCwNCiAgICAgIGJvdHRvbUNvbmZpZzogMCwNCiAgICAgIHByQ29uZmlnOiAwLA0KICAgICAgYmdSYWRpdXM6IDAsDQogICAgICBiZ1JhZGl1czI6IDAsDQogICAgICB0aGVtZUNvbG9yOiAnJywNCiAgICB9Ow0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHsNCiAgICAgIHRoaXMucGFnZURhdGEgPSB0aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWcuZGVmYXVsdEFycmF5W3RoaXMubnVtXTsNCiAgICAgIHRoaXMuc2V0Q29uZmlnKHRoaXMucGFnZURhdGEpOw0KICAgIH0pOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgc2V0Q29uZmlnKGRhdGEpIHsNCiAgICAgIGlmICghZGF0YSkgcmV0dXJuOw0KICAgICAgaWYgKGRhdGEubWJDb25maWcpIHsNCiAgICAgICAgdGhpcy5zdHlsZUNvbmZpZyA9IGRhdGEuc3R5bGVDb25maWcudGFiVmFsOw0KICAgICAgICB0aGlzLmNoZWNrYm94SW5mbyA9IGRhdGEuY2hlY2tib3hJbmZvLnR5cGU7DQogICAgICAgIHRoaXMuY2FydENvbmZpZyA9IGRhdGEuY2FydENvbmZpZy50YWJWYWw7DQogICAgICAgIHRoaXMuYm50U3R5bGVDb25maWcgPSBkYXRhLmJudFN0eWxlQ29uZmlnLnRhYlZhbDsNCiAgICAgICAgbGV0IGZpbGxldEltZyA9IGRhdGEuZmlsbGV0SW1nLnR5cGU7DQogICAgICAgIGxldCBmaWxsZXRWYWxJbWcgPSBkYXRhLmZpbGxldEltZy52YWw7DQogICAgICAgIGxldCB2YWxMaXN0SW1nID0gZGF0YS5maWxsZXRJbWcudmFsTGlzdDsNCiAgICAgICAgdGhpcy5pbWdSYWRpdXMgPSBmaWxsZXRJbWcNCiAgICAgICAgICA/IHZhbExpc3RJbWdbMF0udmFsICsgJ3B4ICcgKyB2YWxMaXN0SW1nWzFdLnZhbCArICdweCAnICsgdmFsTGlzdEltZ1szXS52YWwgKyAncHggJyArIHZhbExpc3RJbWdbMl0udmFsICsgJ3B4Jw0KICAgICAgICAgIDogZmlsbGV0VmFsSW1nICsgJ3B4JzsNCiAgICAgICAgdGhpcy5pbWdSYWRpdXMyID0gZmlsbGV0SW1nDQogICAgICAgICAgPyB2YWxMaXN0SW1nWzBdLnZhbCArICdweCAnICsgdmFsTGlzdEltZ1sxXS52YWwgKyAncHggMCAwJw0KICAgICAgICAgIDogZmlsbGV0VmFsSW1nICsgJ3B4ICcgKyBmaWxsZXRWYWxJbWcgKyAncHggMCAwJzsNCiAgICAgICAgbGV0IGdvb2RzVGFiVmFsID0gZGF0YS5nb29kc05hbWUudGFiVmFsOw0KICAgICAgICB0aGlzLmdvb2RzTmFtZSA9IGRhdGEuZ29vZHNOYW1lLnRhYkxpc3RbZ29vZHNUYWJWYWxdLnN0eWxlOw0KICAgICAgICB0aGlzLnRvbmVDb25maWcgPSBkYXRhLnRvbmVDb25maWcudGFiVmFsOw0KICAgICAgICB0aGlzLmdvb2RzTmFtZUNvbG9yID0gZGF0YS5nb29kc05hbWVDb2xvci5jb2xvclswXS5pdGVtOw0KICAgICAgICB0aGlzLmdvb2RzUHJpY2VDb2xvciA9IGRhdGEuZ29vZHNQcmljZUNvbG9yLmNvbG9yWzBdLml0ZW07DQogICAgICAgIHRoaXMuc29sZE51bUNvbG9yID0gZGF0YS5zb2xkTnVtQ29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgdGhpcy5zY29yZUNvbG9yID0gZGF0YS5zY29yZUNvbG9yLmNvbG9yWzBdLml0ZW07DQogICAgICAgIHRoaXMudG9uZUNhcnRDb25maWcgPSBkYXRhLnRvbmVDYXJ0Q29uZmlnLnRhYlZhbDsNCiAgICAgICAgbGV0IGJudEJnQ29sb3JMZWZ0ID0gZGF0YS5ibnRCZ0NvbG9yLmNvbG9yWzBdLml0ZW07DQogICAgICAgIGxldCBibnRCZ0NvbG9yUmlnaHQgPSBkYXRhLmJudEJnQ29sb3IuY29sb3JbMV0uaXRlbTsNCiAgICAgICAgdGhpcy5ibnRCZ0NvbG9yTGVmdCA9IGJudEJnQ29sb3JMZWZ0Ow0KICAgICAgICB0aGlzLmJudEJnQ29sb3IgPSBgbGluZWFyLWdyYWRpZW50KDkwZGVnLCR7Ym50QmdDb2xvckxlZnR9IDAlLCR7Ym50QmdDb2xvclJpZ2h0fSAxMDAlKWA7DQogICAgICAgIGxldCBiZ0NvbG9yTGVmdCA9IGRhdGEubW9kdWxlQ29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgbGV0IGJnQ29sb3JSaWdodCA9IGRhdGEubW9kdWxlQ29sb3IuY29sb3JbMV0uaXRlbTsNCiAgICAgICAgdGhpcy5iZ0NvbG9yID0gYGxpbmVhci1ncmFkaWVudCg5MGRlZywke2JnQ29sb3JMZWZ0fSAwJSwke2JnQ29sb3JSaWdodH0gMTAwJSlgOw0KICAgICAgICB0aGlzLmJvdHRvbUJnQ29sb3IgPSBkYXRhLmJvdHRvbUJnQ29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgdGhpcy50aGVtZUNvbG9yID0gYGxpbmVhci1ncmFkaWVudCg5MGRlZywke3RoaXMuY29sb3JTdHlsZS50aGVtZX0gMCUsJHt0aGlzLmNvbG9yU3R5bGUuZ3JhZGllbnR9IDEwMCUpYDsNCiAgICAgICAgdGhpcy5tVG9wID0gZGF0YS5tYkNvbmZpZy52YWw7DQogICAgICAgIHRoaXMudG9wQ29uZmlnID0gZGF0YS50b3BDb25maWcudmFsOw0KICAgICAgICB0aGlzLmJvdHRvbUNvbmZpZyA9IGRhdGEuYm90dG9tQ29uZmlnLnZhbDsNCiAgICAgICAgdGhpcy5wckNvbmZpZyA9IGRhdGEucHJDb25maWcudmFsOw0KICAgICAgICBsZXQgZmlsbGV0ID0gZGF0YS5maWxsZXQudHlwZTsNCiAgICAgICAgbGV0IGZpbGxldFZhbCA9IGRhdGEuZmlsbGV0LnZhbDsNCiAgICAgICAgbGV0IHZhbExpc3QgPSBkYXRhLmZpbGxldC52YWxMaXN0Ow0KICAgICAgICB0aGlzLmJnUmFkaXVzID0gZmlsbGV0DQogICAgICAgICAgPyB2YWxMaXN0WzBdLnZhbCArICdweCAnICsgdmFsTGlzdFsxXS52YWwgKyAncHggJyArIHZhbExpc3RbM10udmFsICsgJ3B4ICcgKyB2YWxMaXN0WzJdLnZhbCArICdweCcNCiAgICAgICAgICA6IGZpbGxldFZhbCArICdweCc7DQogICAgICAgIHRoaXMuYmdSYWRpdXMyID0gZmlsbGV0DQogICAgICAgICAgPyAnMCAwICcgKyB2YWxMaXN0WzNdLnZhbCArICdweCAnICsgdmFsTGlzdFsyXS52YWwgKyAncHgnDQogICAgICAgICAgOiAnMCAwICcgKyBmaWxsZXRWYWwgKyAncHggJyArIGZpbGxldFZhbCArICdweCc7DQogICAgICAgIGlmIChkYXRhLnR5cGVDb25maWcuYWN0aXZlVmFsdWUgPT0gMSkgew0KICAgICAgICAgIHRoaXMubGlzdCA9IGRhdGEuZ29vZHNMaXN0Lmxpc3QubGVuZ3RoID8gZGF0YS5nb29kc0xpc3QubGlzdCA6IDQ7DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgdGhpcy5saXN0ID0gZGF0YS5wcm9kdWN0TGlzdC5saXN0Lmxlbmd0aCA/IGRhdGEucHJvZHVjdExpc3QubGlzdCA6IDQ7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["home_goods_list.vue"],"names":[],"mappings":";AAmcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}