{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_new_list.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_new_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:DQppbXBvcnQgeyBjYXRlZ29yeUxpc3QgfSBmcm9tICdAL2FwaS9kaXknOw0KaW1wb3J0IHsgbWFwU3RhdGUgfSBmcm9tICd2dWV4JzsNCmltcG9ydCB7IGZvcm1hdERhdGUgfSBmcm9tICdAL3V0aWxzL3ZhbGlkYXRlJzsNCi8vIGltcG9ydCB0aGVtZSBmcm9tICJAL21peGlucy90aGVtZSI7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdob21lX25ld19saXN0JywNCiAgZmlsdGVyczogew0KICAgIGZvcm1hdERhdGUodGltZSkgew0KICAgICAgaWYgKHRpbWUgIT09IDApIHsNCiAgICAgICAgY29uc3QgZGF0ZSA9IG5ldyBEYXRlKHRpbWUgKiAxMDAwKTsNCiAgICAgICAgcmV0dXJuIGZvcm1hdERhdGUoZGF0ZSwgJ3l5eXktTU0tZGQgaGg6bW0nKTsNCiAgICAgIH0NCiAgICB9LA0KICB9LA0KICBjbmFtZTogJ+aWh+eroOWIl+ihqCcsDQogIGljb246ICcjaWNvbnp1amlhbi13ZW56aGFuZ2xpZWJpYW8nLA0KICBjb25maWdOYW1lOiAnY19uZXdfbGlzdCcsDQogIHR5cGU6IDAsIC8vIDAg5Z+656GA57uE5Lu2IDEg6JCl6ZSA57uE5Lu2IDLlt6Xlhbfnu4Tku7YNCiAgZGVmYXVsdE5hbWU6ICdhcnRpY2xlTGlzdCcsIC8vIOWklumdouWMuemFjeWQjeensA0KICBwcm9wczogew0KICAgIGluZGV4OiB7DQogICAgICB0eXBlOiBudWxsLA0KICAgIH0sDQogICAgbnVtOiB7DQogICAgICB0eXBlOiBudWxsLA0KICAgIH0sDQogICAgY29sb3JTdHlsZTogew0KICAgICAgdHlwZTogbnVsbCwNCiAgICB9LA0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC4uLm1hcFN0YXRlKCdtb2JpbGRDb25maWcnLCBbJ2RlZmF1bHRBcnJheSddKSwNCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICBwYWdlRGF0YTogew0KICAgICAgaGFuZGxlcihuVmFsLCBvVmFsKSB7DQogICAgICAgIHRoaXMuc2V0Q29uZmlnKG5WYWwpOw0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgICBudW06IHsNCiAgICAgIGhhbmRsZXIoblZhbCwgb1ZhbCkgew0KICAgICAgICBjb25zdCBkYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVtuVmFsXTsNCiAgICAgICAgdGhpcy5zZXRDb25maWcoZGF0YSk7DQogICAgICB9LA0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICB9LA0KICAgIGRlZmF1bHRBcnJheTogew0KICAgICAgaGFuZGxlcihuVmFsLCBvVmFsKSB7DQogICAgICAgIGNvbnN0IGRhdGEgPSB0aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWcuZGVmYXVsdEFycmF5W3RoaXMubnVtXTsNCiAgICAgICAgdGhpcy5zZXRDb25maWcoZGF0YSk7DQogICAgICB9LA0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICB9LA0KICB9LA0KICAvLyBtaXhpbnM6IFt0aGVtZV0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIC8vIOm7mOiupOWIneWni+WMluaVsOaNruemgeatouS/ruaUuQ0KICAgICAgZGVmYXVsdENvbmZpZzogew0KICAgICAgICBjbmFtZTogJ+aWh+eroOWIl+ihqCcsDQogICAgICAgIG5hbWU6ICdhcnRpY2xlTGlzdCcsDQogICAgICAgIHRpbWVzdGFtcDogdGhpcy5udW0sDQogICAgICAgIGlzSGlkZTogZmFsc2UsDQogICAgICAgIHNldFVwOiB7DQogICAgICAgICAgdGFiVmFsOiAwLA0KICAgICAgICB9LA0KICAgICAgICB0aXRsZUxlZnQ6ICflsZXnpLrorr7nva4nLA0KICAgICAgICB0aXRsZVJpZ2h0OiAn5YiX6KGo5qC35byPJywNCiAgICAgICAgdGl0bGVBcnRpY2xlOiAn5paH56ug6K6+572uJywNCiAgICAgICAgdGl0bGVMaXN0OiAn5YiX6KGo6K6+572uJywNCiAgICAgICAgdGl0bGVDdXJyZW5jeTogJ+mAmueUqOagt+W8jycsDQogICAgICAgIHN0eWxlQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfpgInmi6npo47moLwnLA0KICAgICAgICAgIHRhYlZhbDogMSwNCiAgICAgICAgICB0YWJMaXN0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICflpKflm77lsZXnpLonLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+S4pOWIl+WxleekuijnurXlkJEpJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfkuKTliJflsZXnpLoo5qiq5ZCRKScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIG51bUNvbmZpZzogew0KICAgICAgICAgIHZhbDogMywNCiAgICAgICAgICB0aXRsZTogJ+aWh+eroOaVsOmHjycsDQogICAgICAgIH0sDQogICAgICAgIHNlbGVjdENvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5paH56ug5YiG57G7JywNCiAgICAgICAgICBhY3RpdmVWYWx1ZTogJycsDQogICAgICAgICAgbGlzdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBhY3RpdmVWYWx1ZTogJycsDQogICAgICAgICAgICAgIHRpdGxlOiAnJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGFjdGl2ZVZhbHVlOiAnJywNCiAgICAgICAgICAgICAgdGl0bGU6ICcnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBnb29kc0xpc3Q6IHsNCiAgICAgICAgICBtYXg6IDIwLA0KICAgICAgICAgIGxpc3Q6IFtdLA0KICAgICAgICB9LA0KICAgICAgICBzZWxlY3RMaXN0OiB7DQogICAgICAgICAgdGl0bGU6ICfmlofnq6DliJfooagnLA0KICAgICAgICAgIGxpc3Q6IFtdLA0KICAgICAgICB9LA0KICAgICAgICBjaGVja2JveExpc3Q6IHsNCiAgICAgICAgICB0aXRsZTogJ+aYr+WQpuaYvuekuicsDQogICAgICAgICAgdHlwZTogWzAsIDEsIDJdLA0KICAgICAgICAgIGxpc3Q6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaWQ6IDAsDQogICAgICAgICAgICAgIG5hbWU6ICfml7bpl7Tml6XmnJ8nLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaWQ6IDEsDQogICAgICAgICAgICAgIG5hbWU6ICfmtY/op4jph48nLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBmaWxsZXRJbWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+WbvueJh+WchuinkicsDQogICAgICAgICAgdHlwZTogMCwNCiAgICAgICAgICBsaXN0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIHZhbDogJ+WFqOmDqCcsDQogICAgICAgICAgICAgIGljb246ICdpY29uY2FvenVvLXpoZW5ndGknLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgdmFsOiAn5Y2V5LiqJywNCiAgICAgICAgICAgICAgaWNvbjogJ2ljb25jYW96dW8tYmlhbmppYW8nLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIHZhbE5hbWU6ICflnIbop5LlgLwnLA0KICAgICAgICAgIHZhbDogMCwNCiAgICAgICAgICBtaW46IDAsDQogICAgICAgICAgdmFsTGlzdDogW3sgdmFsOiAwIH0sIHsgdmFsOiAwIH0sIHsgdmFsOiAwIH0sIHsgdmFsOiAwIH1dLA0KICAgICAgICB9LA0KICAgICAgICBuYW1lQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfllYblk4HlkI3np7AnLA0KICAgICAgICAgIHRhYlZhbDogMSwNCiAgICAgICAgICB0YWJMaXN0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfliqDnspcnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+W4uOinhCcsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIHRvbmVDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+iJsuiwgycsDQogICAgICAgICAgdGFiVmFsOiAwLA0KICAgICAgICAgIHRhYkxpc3Q6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+i3n+maj+S4u+mimOmjjuagvCcsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn6Ieq5a6a5LmJJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgbGlrZVN1Y2Nlc3NDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn54K56LWe5oiQ5YqfJywNCiAgICAgICAgICBkZWZhdWx0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjRTkzMzIzJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICBjb2xvcjogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI0U5MzMyMycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIG5hbWVDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn5ZWG5ZOB5ZCN56ewJywNCiAgICAgICAgICBkZWZhdWx0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjMzMzMzMzJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICBjb2xvcjogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnIzMzMzMzMycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIHRpbWVDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn5pe26Ze05pel5pyfJywNCiAgICAgICAgICBkZWZhdWx0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjOTk5OTk5JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICBjb2xvcjogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnIzk5OTk5OScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIGJyb3dzZUNvbG9yOiB7DQogICAgICAgICAgdGl0bGU6ICfmtY/op4jlhYPntKAnLA0KICAgICAgICAgIGRlZmF1bHQ6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyM5OTk5OTknLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIGNvbG9yOiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjOTk5OTk5JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgc3RhdGlzdGljQ29sb3I6IHsNCiAgICAgICAgICB0aXRsZTogJ+aVsOWtl+e7n+iuoScsDQogICAgICAgICAgZGVmYXVsdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnIzk5OTk5OScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgICAgY29sb3I6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyM5OTk5OTknLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBiZ0NvbG9yOiB7DQogICAgICAgICAgdGl0bGU6ICfnu4Tku7bog4zmma8nLA0KICAgICAgICAgIGlzQWxwaGE6IGZhbHNlLA0KICAgICAgICAgIGRlZmF1bHQ6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmZmYnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmZmYnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIGNvbG9yOiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZmZmJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZmZmJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgYm90dG9tQmdDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn5bqV6YOo6IOM5pmvJywNCiAgICAgICAgICBkZWZhdWx0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjRjVGNUY1JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICBjb2xvcjogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI0Y1RjVGNScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIHRvcENvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5LiK6L656LedJywNCiAgICAgICAgICB2YWw6IDAsDQogICAgICAgICAgbWluOiAwLA0KICAgICAgICB9LA0KICAgICAgICBib3R0b21Db25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+S4i+i+uei3nScsDQogICAgICAgICAgdmFsOiAwLA0KICAgICAgICAgIG1pbjogMCwNCiAgICAgICAgfSwNCiAgICAgICAgcHJDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+W3puWPs+i+uei3nScsDQogICAgICAgICAgdmFsOiAxMCwNCiAgICAgICAgICBtaW46IDAsDQogICAgICAgIH0sDQogICAgICAgIG1iQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfpobXpnaLpl7Tot50nLA0KICAgICAgICAgIHZhbDogMCwNCiAgICAgICAgICBtaW46IDAsDQogICAgICAgIH0sDQogICAgICAgIGZpbGxldDogew0KICAgICAgICAgIHRpdGxlOiAn6IOM5pmv5ZyG6KeSJywNCiAgICAgICAgICB0eXBlOiAwLA0KICAgICAgICAgIGxpc3Q6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgdmFsOiAn5YWo6YOoJywNCiAgICAgICAgICAgICAgaWNvbjogJ2ljb25jYW96dW8temhlbmd0aScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICB2YWw6ICfljZXkuKonLA0KICAgICAgICAgICAgICBpY29uOiAnaWNvbmNhb3p1by1iaWFuamlhbycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgICAgdmFsTmFtZTogJ+WchuinkuWAvCcsDQogICAgICAgICAgdmFsOiA2LA0KICAgICAgICAgIG1pbjogMCwNCiAgICAgICAgICB2YWxMaXN0OiBbeyB2YWw6IDAgfSwgeyB2YWw6IDAgfSwgeyB2YWw6IDAgfSwgeyB2YWw6IDAgfV0sDQogICAgICAgIH0sDQogICAgICB9LA0KICAgICAgbVRPUDogMCwNCiAgICAgIGJnQ29sb3JMZWZ0OiAnJywNCiAgICAgIGJnQ29sb3JSaWdodDogJycsDQogICAgICBpdGVtU3R5bGU6IDAsDQogICAgICBwckNvbmZpZzogMCwNCiAgICAgIHN0eWxlQ29uZmlnOiAwLA0KICAgICAgY2hlY2tib3hMaXN0OiBbXSwNCiAgICAgIGZpbGxldEltZzogMCwNCiAgICAgIGZpbGxldFZhbEltZzogMCwNCiAgICAgIHZhbExpc3RJbWc6IFtdLA0KICAgICAgZmlsbGV0OiAwLA0KICAgICAgZmlsbGV0VmFsOiAwLA0KICAgICAgdmFsTGlzdDogW10sDQogICAgICBuYW1lQ29uZmlnOiAwLA0KICAgICAgbmFtZUNvbG9yOiAnJywNCiAgICAgIHRpbWVDb2xvcjogJycsDQogICAgICBicm93c2VDb2xvcjogJycsDQogICAgICAvLyBsaWtlQ29sb3I6ICcnLA0KICAgICAgc3RhdGlzdGljQ29sb3I6ICcnLA0KICAgICAgYm90dG9tQmdDb2xvcjogJycsDQogICAgICB0b3BDb25maWc6IDAsDQogICAgICBib3R0b21Db25maWc6IDAsDQogICAgICB0b25lQ29uZmlnOiAwLA0KICAgICAgbGlrZVN1Y2Nlc3NDb2xvcjogJycsDQogICAgICBsaXN0OiBbXSwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkge30sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgdGhpcy5wYWdlRGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbdGhpcy5udW1dOw0KICAgICAgdGhpcy5zZXRDb25maWcodGhpcy5wYWdlRGF0YSk7DQogICAgICAvLyB0aGlzLmNhdGVnb3J5TGlzdCgpDQogICAgfSk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBjYXRlZ29yeUxpc3QoKSB7DQogICAgICBjYXRlZ29yeUxpc3QoKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy5wYWdlRGF0YS5zZWxlY3RDb25maWcubGlzdCA9IHJlcy5kYXRhOw0KICAgICAgICB0aGlzLnBhZ2VEYXRhLnNlbGVjdENvbmZpZy5saXN0Lm1hcCgoaXRlbSkgPT4gew0KICAgICAgICAgIGl0ZW0uaWQudG9TdHJpbmcoKTsNCiAgICAgICAgICAvLyByZXR1cm4gaXRlbTsNCiAgICAgICAgfSk7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbW9iaWxkQ29uZmlnL1VQREFURUFSUicsIHsgbnVtOiB0aGlzLm51bSwgdmFsOiB0aGlzLnBhZ2VEYXRhIH0pOw0KICAgICAgfSk7DQogICAgfSwNCiAgICBzZXRDb25maWcoZGF0YSkgew0KICAgICAgaWYgKCFkYXRhKSByZXR1cm47DQogICAgICBpZiAoZGF0YS5tYkNvbmZpZykgew0KICAgICAgICB0aGlzLnN0eWxlQ29uZmlnID0gZGF0YS5zdHlsZUNvbmZpZy50YWJWYWw7DQogICAgICAgIHRoaXMuY2hlY2tib3hMaXN0ID0gZGF0YS5jaGVja2JveExpc3QudHlwZTsNCiAgICAgICAgdGhpcy5maWxsZXRJbWcgPSBkYXRhLmZpbGxldEltZy50eXBlOw0KICAgICAgICB0aGlzLmZpbGxldFZhbEltZyA9IGRhdGEuZmlsbGV0SW1nLnZhbDsNCiAgICAgICAgdGhpcy52YWxMaXN0SW1nID0gZGF0YS5maWxsZXRJbWcudmFsTGlzdDsNCiAgICAgICAgdGhpcy5maWxsZXQgPSBkYXRhLmZpbGxldC50eXBlOw0KICAgICAgICB0aGlzLmZpbGxldFZhbCA9IGRhdGEuZmlsbGV0LnZhbDsNCiAgICAgICAgdGhpcy52YWxMaXN0ID0gZGF0YS5maWxsZXQudmFsTGlzdDsNCiAgICAgICAgdGhpcy5iZ0NvbG9yTGVmdCA9IGRhdGEuYmdDb2xvci5jb2xvclswXS5pdGVtOw0KICAgICAgICB0aGlzLmJnQ29sb3JSaWdodCA9IGRhdGEuYmdDb2xvci5jb2xvclsxXS5pdGVtOw0KICAgICAgICB0aGlzLm5hbWVDb25maWcgPSBkYXRhLm5hbWVDb25maWcudGFiVmFsOw0KICAgICAgICB0aGlzLm5hbWVDb2xvciA9IGRhdGEubmFtZUNvbG9yLmNvbG9yWzBdLml0ZW07DQogICAgICAgIHRoaXMudGltZUNvbG9yID0gZGF0YS50aW1lQ29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgdGhpcy5icm93c2VDb2xvciA9IGRhdGEuYnJvd3NlQ29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgLy8gdGhpcy5saWtlQ29sb3IgPSBkYXRhLmxpa2VDb2xvci5jb2xvclswXS5pdGVtOw0KICAgICAgICB0aGlzLmxpa2VTdWNjZXNzQ29sb3IgPSBkYXRhLmxpa2VTdWNjZXNzQ29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgdGhpcy5zdGF0aXN0aWNDb2xvciA9IGRhdGEuc3RhdGlzdGljQ29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgdGhpcy5ib3R0b21CZ0NvbG9yID0gZGF0YS5ib3R0b21CZ0NvbG9yLmNvbG9yWzBdLml0ZW07DQogICAgICAgIHRoaXMudG9wQ29uZmlnID0gZGF0YS50b3BDb25maWcudmFsOw0KICAgICAgICB0aGlzLmJvdHRvbUNvbmZpZyA9IGRhdGEuYm90dG9tQ29uZmlnLnZhbDsNCiAgICAgICAgdGhpcy50b25lQ29uZmlnID0gZGF0YS50b25lQ29uZmlnLnRhYlZhbDsNCiAgICAgICAgdGhpcy5tVE9QID0gZGF0YS5tYkNvbmZpZy52YWw7DQogICAgICAgIHRoaXMucHJDb25maWcgPSBkYXRhLnByQ29uZmlnLnZhbDsNCiAgICAgICAgY29uc3Qgc2VsZWN0TGlzdCA9IGRhdGEuc2VsZWN0TGlzdC5saXN0IHx8IFtdOw0KICAgICAgICBpZiAoc2VsZWN0TGlzdC5sZW5ndGgpIHsNCiAgICAgICAgICB0aGlzLmxpc3QgPSBzZWxlY3RMaXN0Ow0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMubGlzdCA9IGRhdGEubnVtQ29uZmlnLnZhbDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["home_new_list.vue"],"names":[],"mappings":";AAkPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new_list.vue","sourceRoot":"src/components/mobilePage","sourcesContent":["<template>\r\n  <div\r\n    class=\"mobile-page\"\r\n    :style=\"{\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      background: bottomBgColor,\r\n    }\"\r\n  >\r\n    <div class=\"wrapper\" v-if=\"styleConfig == 0\">\r\n      <div\r\n        class=\"item\"\r\n        v-for=\"(item, index) in list\"\r\n        :key=\"index\"\r\n        :style=\"{\r\n          background: `linear-gradient(90deg,${bgColorLeft} 0%,${bgColorRight} 100%)`,\r\n          borderRadius: 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        }\"\r\n      >\r\n        <div class=\"name line1\" :style=\"{ color: nameColor, fontWeight: nameConfig ? '' : 'bold' }\">\r\n          {{ item.title || '文章标题文章标题文章标题文章' }}\r\n        </div>\r\n        <div class=\"pictrue\">\r\n          <img\r\n            :src=\"item.image_input[0]\"\r\n            v-if=\"item.image_input\"\r\n            :style=\"{\r\n              borderRadius: filletImg\r\n                ? valListImg[0].val +\r\n                  'px ' +\r\n                  valListImg[1].val +\r\n                  'px ' +\r\n                  valListImg[3].val +\r\n                  'px ' +\r\n                  valListImg[2].val +\r\n                  'px'\r\n                : filletValImg + 'px',\r\n            }\"\r\n          />\r\n          <div\r\n            class=\"empty-box\"\r\n            v-else\r\n            :style=\"{\r\n              borderRadius: filletImg\r\n                ? valListImg[0].val +\r\n                  'px ' +\r\n                  valListImg[1].val +\r\n                  'px ' +\r\n                  valListImg[3].val +\r\n                  'px ' +\r\n                  valListImg[2].val +\r\n                  'px'\r\n                : filletValImg + 'px',\r\n            }\"\r\n          >\r\n            <img src=\"../../assets/images/shan.png\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"bottom acea-row\" :class=\"checkboxList.indexOf(0) != -1 ? 'row-between-wrapper' : 'row-right'\">\r\n          <div v-if=\"checkboxList.indexOf(0) != -1\" :style=\"{ color: timeColor }\">\r\n            {{ (item.add_time || '1621474811') | formatDate }}\r\n          </div>\r\n          <div class=\"right\">\r\n            <div class=\"acea-row row-center-wrapper mr5\" v-if=\"checkboxList.indexOf(1) != -1\">\r\n              <span class=\"iconfont iconfangwenliang\" :style=\"{ color: `${browseColor}` }\"></span>\r\n              <span class=\"num\" :style=\"{ color: `${statisticColor}` }\">{{ item.visit || 0 }}</span>\r\n            </div>\r\n            <!-- <div class=\"like acea-row row-center-wrapper\" v-if=\"checkboxList.indexOf(2) != -1\">\r\n              <span\r\n                v-if=\"item.isLike\"\r\n                class=\"iconfont iconic_Like\"\r\n                :style=\"{ color: toneConfig ? `${likeSuccessColor}` : `${colorStyle.theme}` }\"\r\n              ></span>\r\n              <span v-else class=\"iconfont iconic_Like\" :style=\"{ color: `${likeColor}` }\"></span>\r\n              <span class=\"num\" :style=\"{ color: `${statisticColor}` }\">{{ item.like || 0 }}</span>\r\n            </div> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"list-wrapper\" v-else-if=\"styleConfig == 1\">\r\n      <div\r\n        class=\"item\"\r\n        v-for=\"(item, index) in list\"\r\n        :key=\"index\"\r\n        :style=\"{\r\n          background: `linear-gradient(90deg,${bgColorLeft} 0%,${bgColorRight} 100%)`,\r\n          borderRadius: 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        }\"\r\n      >\r\n        <div class=\"pictrue\" v-if=\"item.image_input\">\r\n          <img\r\n            :src=\"item.image_input[0]\"\r\n            :style=\"{\r\n              borderRadius: filletImg\r\n                ? valListImg[0].val +\r\n                  'px ' +\r\n                  valListImg[1].val +\r\n                  'px ' +\r\n                  valListImg[3].val +\r\n                  'px ' +\r\n                  valListImg[2].val +\r\n                  'px'\r\n                : filletValImg + 'px',\r\n            }\"\r\n          />\r\n        </div>\r\n        <div\r\n          class=\"empty-box on\"\r\n          v-else\r\n          :style=\"{\r\n            borderRadius: filletImg\r\n              ? valListImg[0].val +\r\n                'px ' +\r\n                valListImg[1].val +\r\n                'px ' +\r\n                valListImg[3].val +\r\n                'px ' +\r\n                valListImg[2].val +\r\n                'px'\r\n              : filletValImg + 'px',\r\n          }\"\r\n        >\r\n          <img src=\"../../assets/images/shan.png\" />\r\n        </div>\r\n        <div class=\"info\">\r\n          <div class=\"titleCon\">\r\n            <div class=\"title line2\" :style=\"{ color: nameColor, fontWeight: nameConfig ? '' : 'bold' }\">\r\n              {{ item.title || '文章标题文章标题文章标题文章' }}\r\n            </div>\r\n          </div>\r\n          <div class=\"bottom acea-row\" :class=\"checkboxList.indexOf(0) != -1 ? 'row-between-wrapper' : 'row-right'\">\r\n            <div class=\"time\" v-if=\"checkboxList.indexOf(0) != -1\" :style=\"{ color: timeColor }\">\r\n              {{ (item.add_time || '1621474811') | formatDate }}\r\n            </div>\r\n            <div class=\"right\">\r\n              <div class=\"acea-row row-center-wrapper mr5\" v-if=\"checkboxList.indexOf(1) != -1\">\r\n                <span class=\"iconfont iconfangwenliang\" :style=\"{ color: `${browseColor}` }\"></span>\r\n                <span :style=\"{ color: `${statisticColor}` }\">{{ item.visit || 0 }}</span>\r\n              </div>\r\n              <!-- <div class=\"like acea-row row-center-wrapper\" v-if=\"checkboxList.indexOf(2) != -1\">\r\n                <span\r\n                  v-if=\"item.isLike\"\r\n                  class=\"iconfont iconic_Like\"\r\n                  :style=\"{ color: toneConfig ? `${likeSuccessColor}` : `${colorStyle.theme}` }\"\r\n                ></span>\r\n                <span v-else class=\"iconfont iconic_Like\" :style=\"{ color: `${likeColor}` }\"></span>\r\n                <span class=\"likeNum\" :style=\"{ color: `${statisticColor}` }\">{{ item.like || 0 }}</span>\r\n              </div> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"wrapper2 acea-row row-between-wrapper\" v-else>\r\n      <div\r\n        class=\"item\"\r\n        :class=\"list.length % 2 == 0 ? 'on2' : 'on1'\"\r\n        v-for=\"(item, index) in list\"\r\n        :key=\"index\"\r\n        :style=\"{\r\n          background: `linear-gradient(90deg,${bgColorLeft} 0%,${bgColorRight} 100%)`,\r\n          borderRadius: 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        }\"\r\n      >\r\n        <div class=\"pictrue\">\r\n          <img\r\n            :src=\"item.image_input[0]\"\r\n            v-if=\"item.image_input\"\r\n            :style=\"{\r\n              borderRadius: filletImg\r\n                ? valListImg[0].val +\r\n                  'px ' +\r\n                  valListImg[1].val +\r\n                  'px ' +\r\n                  valListImg[3].val +\r\n                  'px ' +\r\n                  valListImg[2].val +\r\n                  'px'\r\n                : filletValImg + 'px',\r\n            }\"\r\n          />\r\n          <div\r\n            class=\"empty-box\"\r\n            v-else\r\n            :style=\"{\r\n              borderRadius: filletImg\r\n                ? valListImg[0].val +\r\n                  'px ' +\r\n                  valListImg[1].val +\r\n                  'px ' +\r\n                  valListImg[3].val +\r\n                  'px ' +\r\n                  valListImg[2].val +\r\n                  'px'\r\n                : filletValImg + 'px',\r\n            }\"\r\n          >\r\n            <img src=\"../../assets/images/shan.png\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"text\">\r\n          <div class=\"name line1\" :style=\"{ color: `${nameColor}`, fontWeight: nameConfig ? '' : 'bold' }\">\r\n            {{ item.title || '文章标题文章标题文章标题文章' }}\r\n          </div>\r\n          <div class=\"bottom acea-row\" :class=\"checkboxList.indexOf(0) != -1 ? 'row-between-wrapper' : 'row-right'\">\r\n            <div class=\"time\" v-if=\"checkboxList.indexOf(0) != -1\" :style=\"{ color: `${timeColor}` }\">\r\n              {{ (item.add_time || '1621474811') | formatDate }}\r\n            </div>\r\n            <div class=\"acea-row row-center-wrapper mr5\" v-if=\"checkboxList.indexOf(1) != -1\">\r\n              <span class=\"iconfont iconfangwenliang\" :style=\"{ color: `${browseColor}` }\"></span>\r\n              <span :style=\"{ color: `${statisticColor}` }\">{{ item.visit || 0 }}</span>\r\n            </div>\r\n            <!-- <div\r\n              class=\"like acea-row row-center-wrapper\"\r\n              v-if=\"checkboxList.indexOf(1) == -1 && checkboxList.indexOf(2) != -1\"\r\n            >\r\n              <span\r\n                v-if=\"item.isLike\"\r\n                class=\"iconfont iconic_Like\"\r\n                :style=\"{ color: toneConfig ? `${likeSuccessColor}` : `${colorStyle.theme}` }\"\r\n              ></span>\r\n              <span v-else class=\"iconfont iconic_Like\" :style=\"{ color: `${likeColor}` }\"></span>\r\n              <span class=\"likeNum\" :style=\"{ color: `${statisticColor}` }\">{{ item.like || 0 }}</span>\r\n            </div> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { categoryList } from '@/api/diy';\r\nimport { mapState } from 'vuex';\r\nimport { formatDate } from '@/utils/validate';\r\n// import theme from \"@/mixins/theme\";\r\nexport default {\r\n  name: 'home_new_list',\r\n  filters: {\r\n    formatDate(time) {\r\n      if (time !== 0) {\r\n        const date = new Date(time * 1000);\r\n        return formatDate(date, 'yyyy-MM-dd hh:mm');\r\n      }\r\n    },\r\n  },\r\n  cname: '文章列表',\r\n  icon: '#iconzujian-wenzhangliebiao',\r\n  configName: 'c_new_list',\r\n  type: 0, // 0 基础组件 1 营销组件 2工具组件\r\n  defaultName: 'articleList', // 外面匹配名称\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        const 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        const 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: 'articleList',\r\n        timestamp: this.num,\r\n        isHide: false,\r\n        setUp: {\r\n          tabVal: 0,\r\n        },\r\n        titleLeft: '展示设置',\r\n        titleRight: '列表样式',\r\n        titleArticle: '文章设置',\r\n        titleList: '列表设置',\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        },\r\n        numConfig: {\r\n          val: 3,\r\n          title: '文章数量',\r\n        },\r\n        selectConfig: {\r\n          title: '文章分类',\r\n          activeValue: '',\r\n          list: [\r\n            {\r\n              activeValue: '',\r\n              title: '',\r\n            },\r\n            {\r\n              activeValue: '',\r\n              title: '',\r\n            },\r\n          ],\r\n        },\r\n        goodsList: {\r\n          max: 20,\r\n          list: [],\r\n        },\r\n        selectList: {\r\n          title: '文章列表',\r\n          list: [],\r\n        },\r\n        checkboxList: {\r\n          title: '是否显示',\r\n          type: [0, 1, 2],\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        },\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        nameConfig: {\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        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        likeSuccessColor: {\r\n          title: '点赞成功',\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        nameColor: {\r\n          title: '商品名称',\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        timeColor: {\r\n          title: '时间日期',\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        browseColor: {\r\n          title: '浏览元素',\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        statisticColor: {\r\n          title: '数字统计',\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        bgColor: {\r\n          title: '组件背景',\r\n          isAlpha: false,\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: 6,\r\n          min: 0,\r\n          valList: [{ val: 0 }, { val: 0 }, { val: 0 }, { val: 0 }],\r\n        },\r\n      },\r\n      mTOP: 0,\r\n      bgColorLeft: '',\r\n      bgColorRight: '',\r\n      itemStyle: 0,\r\n      prConfig: 0,\r\n      styleConfig: 0,\r\n      checkboxList: [],\r\n      filletImg: 0,\r\n      filletValImg: 0,\r\n      valListImg: [],\r\n      fillet: 0,\r\n      filletVal: 0,\r\n      valList: [],\r\n      nameConfig: 0,\r\n      nameColor: '',\r\n      timeColor: '',\r\n      browseColor: '',\r\n      // likeColor: '',\r\n      statisticColor: '',\r\n      bottomBgColor: '',\r\n      topConfig: 0,\r\n      bottomConfig: 0,\r\n      toneConfig: 0,\r\n      likeSuccessColor: '',\r\n      list: [],\r\n    };\r\n  },\r\n  created() {},\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      // this.categoryList()\r\n    });\r\n  },\r\n  methods: {\r\n    categoryList() {\r\n      categoryList().then((res) => {\r\n        this.pageData.selectConfig.list = res.data;\r\n        this.pageData.selectConfig.list.map((item) => {\r\n          item.id.toString();\r\n          // return item;\r\n        });\r\n        this.$store.commit('mobildConfig/UPDATEARR', { num: this.num, val: this.pageData });\r\n      });\r\n    },\r\n    setConfig(data) {\r\n      if (!data) return;\r\n      if (data.mbConfig) {\r\n        this.styleConfig = data.styleConfig.tabVal;\r\n        this.checkboxList = data.checkboxList.type;\r\n        this.filletImg = data.filletImg.type;\r\n        this.filletValImg = data.filletImg.val;\r\n        this.valListImg = data.filletImg.valList;\r\n        this.fillet = data.fillet.type;\r\n        this.filletVal = data.fillet.val;\r\n        this.valList = data.fillet.valList;\r\n        this.bgColorLeft = data.bgColor.color[0].item;\r\n        this.bgColorRight = data.bgColor.color[1].item;\r\n        this.nameConfig = data.nameConfig.tabVal;\r\n        this.nameColor = data.nameColor.color[0].item;\r\n        this.timeColor = data.timeColor.color[0].item;\r\n        this.browseColor = data.browseColor.color[0].item;\r\n        // this.likeColor = data.likeColor.color[0].item;\r\n        this.likeSuccessColor = data.likeSuccessColor.color[0].item;\r\n        this.statisticColor = data.statisticColor.color[0].item;\r\n        this.bottomBgColor = data.bottomBgColor.color[0].item;\r\n        this.topConfig = data.topConfig.val;\r\n        this.bottomConfig = data.bottomConfig.val;\r\n        this.toneConfig = data.toneConfig.tabVal;\r\n        this.mTOP = data.mbConfig.val;\r\n        this.prConfig = data.prConfig.val;\r\n        const selectList = data.selectList.list || [];\r\n        if (selectList.length) {\r\n          this.list = selectList;\r\n        } else {\r\n          this.list = data.numConfig.val;\r\n        }\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.empty-box {\r\n  background: #f3f9ff;\r\n  img {\r\n    width: 65px !important;\r\n    height: 50px !important;\r\n  }\r\n}\r\n.wrapper2 {\r\n  .item {\r\n    width: 173px;\r\n    margin-bottom: 10px;\r\n    &.on1 {\r\n      &:nth-last-child(1) {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n    &.on2 {\r\n      &:nth-last-child(1) {\r\n        margin-bottom: 0;\r\n      }\r\n      &:nth-last-child(2) {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n    .pictrue {\r\n      width: 100%;\r\n      height: 108px;\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n      }\r\n    }\r\n    .text {\r\n      padding: 8px 10px 4px 10px;\r\n      .name {\r\n        color: #333333;\r\n        font-size: 14px;\r\n      }\r\n      .time {\r\n        font-size: 12px;\r\n        color: #999999;\r\n      }\r\n      .bottom {\r\n        font-size: 12px;\r\n        color: #999999;\r\n        margin-top: 2px;\r\n        .likeNum {\r\n          padding-top: 2px;\r\n        }\r\n        .iconfont {\r\n          font-size: 15px;\r\n          margin-right: 4px;\r\n          padding-top: 2px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.wrapper {\r\n  .item {\r\n    padding: 16px 12px 12px 12px;\r\n    margin-bottom: 10px;\r\n    &:nth-last-child(1) {\r\n      margin-bottom: 0;\r\n    }\r\n    .name {\r\n      font-size: 14px;\r\n      color: #333333;\r\n    }\r\n    .pictrue {\r\n      width: 100%;\r\n      height: 160px;\r\n      margin-top: 12px;\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n      }\r\n    }\r\n    .bottom {\r\n      color: #999999;\r\n      font-size: 12px;\r\n      margin-top: 12px;\r\n      .right {\r\n        display: flex;\r\n        align-items: center;\r\n        .iconfont {\r\n          font-size: 16px;\r\n          margin-right: 4px;\r\n        }\r\n        .iconic_Like {\r\n          font-size: 14px;\r\n        }\r\n        .like {\r\n          margin-left: 16px;\r\n        }\r\n        .num {\r\n          margin-top: 2px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.list-wrapper {\r\n  .item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background-color: #fff;\r\n    padding: 8px;\r\n    margin-bottom: 10px;\r\n    &:nth-last-child(1) {\r\n      margin-bottom: 0 !important;\r\n    }\r\n    .info {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      margin-left: 10px;\r\n      flex: 1;\r\n      .titleCon {\r\n        height: 52px;\r\n      }\r\n      .title {\r\n        color: #333;\r\n        font-size: 14px;\r\n      }\r\n      .bottom {\r\n        color: #999999;\r\n        font-size: 12px;\r\n        .right {\r\n          display: flex;\r\n          align-items: center;\r\n          .iconfont {\r\n            font-size: 16px;\r\n            margin-right: 4px;\r\n          }\r\n          .like {\r\n            margin-left: 16px;\r\n            .likeNum {\r\n              padding-top: 2px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .empty-box {\r\n      width: 120px;\r\n      height: 76px;\r\n      background: #f3f9ff img {\r\n        width: 50px !important;\r\n        height: 38px !important;\r\n      }\r\n    }\r\n    .pictrue {\r\n      width: 120px;\r\n      height: 76px;\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}