{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobilePage\\home_hot.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobilePage\\home_hot.vue","mtime":1761185180001},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnaG9tZV9ob3QnLA0KICBjbmFtZTogJ+a0u+WKqOmtlOaWuScsDQogIGljb246ICdpY29uaHVvZG9uZ21vZmFuZzEnLA0KICBjb25maWdOYW1lOiAnY19ob21lX2hvdCcsDQogIHR5cGU6IDMsIC8vIDAg5Z+656GA57uE5Lu2IDEg6JCl6ZSA57uE5Lu2IDLlt6Xlhbfnu4Tku7YNCiAgZGVmYXVsdE5hbWU6ICdhY3RpdmVQYXJ0eScsIC8vIOWklumdouWMuemFjeWQjeensA0KICBwcm9wczogew0KICAgIGluZGV4OiB7DQogICAgICB0eXBlOiBudWxsLA0KICAgIH0sDQogICAgbnVtOiB7DQogICAgICB0eXBlOiBudWxsLA0KICAgIH0sDQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgLi4ubWFwU3RhdGUoJ21vYmlsZENvbmZpZycsIFsnZGVmYXVsdEFycmF5J10pLA0KICB9LA0KICB3YXRjaDogew0KICAgIHBhZ2VEYXRhOiB7DQogICAgICBoYW5kbGVyKG5WYWwsIG9WYWwpIHsNCiAgICAgICAgdGhpcy5zZXRDb25maWcoblZhbCk7DQogICAgICB9LA0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICB9LA0KICAgIG51bTogew0KICAgICAgaGFuZGxlcihuVmFsLCBvVmFsKSB7DQogICAgICAgIGxldCBkYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVtuVmFsXTsNCiAgICAgICAgdGhpcy5zZXRDb25maWcoZGF0YSk7DQogICAgICB9LA0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICB9LA0KICAgIGRlZmF1bHRBcnJheTogew0KICAgICAgaGFuZGxlcihuVmFsLCBvVmFsKSB7DQogICAgICAgIGxldCBkYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVt0aGlzLm51bV07DQogICAgICAgIHRoaXMuc2V0Q29uZmlnKGRhdGEpOw0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgLy8g6buY6K6k5Yid5aeL5YyW5pWw5o2u56aB5q2i5L+u5pS5DQogICAgICBkZWZhdWx0Q29uZmlnOiB7DQogICAgICAgIG5hbWU6ICdhY3RpdmVQYXJ0eScsDQogICAgICAgIHRpbWVzdGFtcDogdGhpcy5udW0sDQogICAgICAgIHNldFVwOiB7DQogICAgICAgICAgdGFiVmFsOiAwLA0KICAgICAgICB9LA0KICAgICAgICB0aXRsZUNvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5L+D6ZSA5qCH6aKYJywNCiAgICAgICAgICB2YWx1ZTogJ+i2heWAvOeIhuasvicsDQogICAgICAgICAgcGxhY2U6ICfor7fovpPlhaXmoIfpopgnLA0KICAgICAgICAgIG1heDogMTAsDQogICAgICAgIH0sDQogICAgICAgIGRlc0NvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5L+D6ZSA566A5LuLJywNCiAgICAgICAgICB2YWx1ZTogJ+e+juWlveeUn+a0u+eUseatpOW8gOWniycsDQogICAgICAgICAgcGxhY2U6ICfor7fovpPlhaXnroDku4snLA0KICAgICAgICAgIG1heDogOCwNCiAgICAgICAgfSwNCiAgICAgICAgbWVudUNvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5pyA5aSa5Y+v5re75YqgNOS4queJiOWdl++8jOWbvueJh+W7uuiuruWwuuWvuDE0MCAqIDE0MHB477yb6byg5qCH5ouW5ou95bem5L6n5ZyG54K55Y+vIOiwg+aVtOeJiOWdl+mhuuW6jycsDQogICAgICAgICAgbWF4TGlzdDogNCwNCiAgICAgICAgICBsaXN0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGltZzogJycsDQogICAgICAgICAgICAgIGluZm86IFsNCiAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICB0aXRsZTogJ+agh+mimCcsDQogICAgICAgICAgICAgICAgICB2YWx1ZTogJ+S7iuaXpeaOqOiNkCcsDQogICAgICAgICAgICAgICAgICB0aXBzOiAn6YCJ5aGr77yM5LiN6LaF6L+HNOS4quWtlycsDQogICAgICAgICAgICAgICAgICBtYXg6IDQsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICB0aXRsZTogJ+eugOS7iycsDQogICAgICAgICAgICAgICAgICB2YWx1ZTogJ+W6l+S4u+ivmuaEj+aOqOiNkCDlk4HotKjllYblk4EnLA0KICAgICAgICAgICAgICAgICAgdGlwczogJ+mAieWhq++8jOS4jei2hei/hzIw5Liq5a2XJywNCiAgICAgICAgICAgICAgICAgIG1heDogMjAsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICB0aXRsZTogJ+mTvuaOpScsDQogICAgICAgICAgICAgICAgICB2YWx1ZTogJycsDQogICAgICAgICAgICAgICAgICB0aXBzOiAn6K+36L6T5YWl6ZO+5o6lJywNCiAgICAgICAgICAgICAgICAgIG1heDogMTAwLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIF0sDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpbWc6ICcnLA0KICAgICAgICAgICAgICBpbmZvOiBbDQogICAgICAgICAgICAgICAgew0KICAgICAgICAgICAgICAgICAgdGl0bGU6ICfmoIfpopgnLA0KICAgICAgICAgICAgICAgICAgdmFsdWU6ICfng63pl6jmppzljZUnLA0KICAgICAgICAgICAgICAgICAgdGlwczogJ+mAieWhq++8jOS4jei2hei/hzTkuKrlrZcnLA0KICAgICAgICAgICAgICAgICAgbWF4OiA0LA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgew0KICAgICAgICAgICAgICAgICAgdGl0bGU6ICfnroDku4snLA0KICAgICAgICAgICAgICAgICAgdmFsdWU6ICflupfkuLvor5rmhI/mjqjojZAg5ZOB6LSo5ZWG5ZOBJywNCiAgICAgICAgICAgICAgICAgIHRpcHM6ICfpgInloavvvIzkuI3otoXov4cyMOS4quWtlycsDQogICAgICAgICAgICAgICAgICBtYXg6IDIwLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgew0KICAgICAgICAgICAgICAgICAgdGl0bGU6ICfpk77mjqUnLA0KICAgICAgICAgICAgICAgICAgdmFsdWU6ICcnLA0KICAgICAgICAgICAgICAgICAgdGlwczogJ+ivt+i+k+WFpemTvuaOpScsDQogICAgICAgICAgICAgICAgICBtYXg6IDEwMCwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICBdLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaW1nOiAnJywNCiAgICAgICAgICAgICAgaW5mbzogWw0KICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgIHRpdGxlOiAn5qCH6aKYJywNCiAgICAgICAgICAgICAgICAgIHZhbHVlOiAn6aaW5Y+R5paw5ZOBJywNCiAgICAgICAgICAgICAgICAgIHRpcHM6ICfpgInloavvvIzkuI3otoXov4c05Liq5a2XJywNCiAgICAgICAgICAgICAgICAgIG1heDogNCwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgIHRpdGxlOiAn566A5LuLJywNCiAgICAgICAgICAgICAgICAgIHZhbHVlOiAn5paw5ZOB5LiK5p62562JIOS9oOadpeaLvycsDQogICAgICAgICAgICAgICAgICB0aXBzOiAn6YCJ5aGr77yM5LiN6LaF6L+HMjDkuKrlrZcnLA0KICAgICAgICAgICAgICAgICAgbWF4OiAyMCwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgIHRpdGxlOiAn6ZO+5o6lJywNCiAgICAgICAgICAgICAgICAgIHZhbHVlOiAnJywNCiAgICAgICAgICAgICAgICAgIHRpcHM6ICfor7fovpPlhaXpk77mjqUnLA0KICAgICAgICAgICAgICAgICAgbWF4OiAxMDAsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgXSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGltZzogJycsDQogICAgICAgICAgICAgIGluZm86IFsNCiAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICB0aXRsZTogJ+agh+mimCcsDQogICAgICAgICAgICAgICAgICB2YWx1ZTogJ+S/g+mUgOWNleWTgScsDQogICAgICAgICAgICAgICAgICB0aXBzOiAn6YCJ5aGr77yM5LiN6LaF6L+HNOS4quWtlycsDQogICAgICAgICAgICAgICAgICBtYXg6IDQsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICB0aXRsZTogJ+eugOS7iycsDQogICAgICAgICAgICAgICAgICB2YWx1ZTogJ+e7vOWQiOivhOmAieWlvSDkuqflk4EnLA0KICAgICAgICAgICAgICAgICAgdGlwczogJ+mAieWhq++8jOS4jei2hei/hzIw5Liq5a2XJywNCiAgICAgICAgICAgICAgICAgIG1heDogMjAsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICB0aXRsZTogJ+mTvuaOpScsDQogICAgICAgICAgICAgICAgICB2YWx1ZTogJycsDQogICAgICAgICAgICAgICAgICB0aXBzOiAn6K+36L6T5YWl6ZO+5o6lJywNCiAgICAgICAgICAgICAgICAgIG1heDogMTAwLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIF0sDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIHRoZW1lQ29sb3I6IHsNCiAgICAgICAgICB0aXRsZTogJ+S4u+mimOminOiJsicsDQogICAgICAgICAgbmFtZTogJ3RoZW1lQ29sb3InLA0KICAgICAgICAgIGRlZmF1bHQ6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmYzNjM2UnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIGNvbG9yOiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZmMzYzNlJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgYmdDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn5qCH562+6IOM5pmv6aKc6ImyJywNCiAgICAgICAgICBuYW1lOiAnYmdDb2xvcicsDQogICAgICAgICAgZGVmYXVsdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI0Y2MkMyQycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI0Y5NkUyOScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgICAgY29sb3I6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNGNjJDMkMnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNGOTZFMjknLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBib3hDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn6IOM5pmv6aKc6ImyJywNCiAgICAgICAgICBuYW1lOiAnYm94Q29sb3InLA0KICAgICAgICAgIGRlZmF1bHQ6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmZmU1ZTMnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIGNvbG9yOiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZmZlNWUzJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgLy8g6aG16Z2i6Ze06LedDQogICAgICAgIG1iQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfpobXpnaLpl7Tot50nLA0KICAgICAgICAgIHZhbDogMCwNCiAgICAgICAgICBtaW46IDAsDQogICAgICAgIH0sDQogICAgICB9LA0KICAgICAgdGl0bGVUeHQ6ICcnLA0KICAgICAgbXNnVHh0OiAnJywNCiAgICAgIHNsaWRlcjogJycsDQogICAgICBob3RMaXN0OiBbXSwNCiAgICAgIHR4dENvbG9yOiAnJywNCiAgICAgIGJnQ29sb3I6IFtdLA0KICAgICAgcGFnZURhdGE6IHt9LA0KICAgICAgYm94Q29sb3I6ICcnLA0KICAgIH07DQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgdGhpcy5wYWdlRGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbdGhpcy5udW1dOw0KICAgICAgdGhpcy5zZXRDb25maWcodGhpcy5wYWdlRGF0YSk7DQogICAgfSk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBzZXRDb25maWcoZGF0YSkgew0KICAgICAgaWYgKCFkYXRhKSByZXR1cm47DQogICAgICBpZiAoZGF0YS5tYkNvbmZpZykgew0KICAgICAgICB0aGlzLnRpdGxlVHh0ID0gZGF0YS50aXRsZUNvbmZpZy52YWx1ZTsNCiAgICAgICAgdGhpcy5tc2dUeHQgPSBkYXRhLmRlc0NvbmZpZy52YWx1ZTsNCiAgICAgICAgdGhpcy5zbGlkZXIgPSBkYXRhLm1iQ29uZmlnLnZhbDsNCiAgICAgICAgdGhpcy5ob3RMaXN0ID0gZGF0YS5tZW51Q29uZmlnLmxpc3Q7DQogICAgICAgIHRoaXMudHh0Q29sb3IgPSBkYXRhLnRoZW1lQ29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgdGhpcy5iZ0NvbG9yID0gZGF0YS5iZ0NvbG9yLmNvbG9yOw0KICAgICAgICB0aGlzLmJveENvbG9yID0gZGF0YS5ib3hDb2xvci5jb2xvclswXS5pdGVtOw0KICAgICAgfQ0KICAgICAgLy8gaWYgKE9iamVjdC5rZXlzKGRhdGEpLmxlbmd0aCA+IDApIHsNCiAgICAgIC8vICAgICB0aGlzLnRpdGxlVHh0ID0gZGF0YS5pbnB1dExpc3RbMF0udmFsdWU7DQogICAgICAvLyAgICAgdGhpcy5tc2dUeHQgPSBkYXRhLmlucHV0TGlzdFsxXS52YWx1ZTsNCiAgICAgIC8vICAgICB0aGlzLnNsaWRlciA9IGRhdGEuc2xpZGVyTGlzdFswXS52YWw7DQogICAgICAvLyAgICAgdGhpcy5ob3RMaXN0ID0gZGF0YS5tZW51Ow0KICAgICAgLy8gICAgIHRoaXMudHh0Q29sb3IgPSBkYXRhLmNvbG9yTGlzdFswXS5jb2xvclswXS5pdGVtOw0KICAgICAgLy8gICAgIHRoaXMuYmdDb2xvciA9IGRhdGEuY29sb3JMaXN0WzFdLmNvbG9yOw0KICAgICAgLy8gfQ0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["home_hot.vue"],"names":[],"mappings":";AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_hot.vue","sourceRoot":"src/components/mobilePage","sourcesContent":["<template>\r\n  <div class=\"mobile-page paddingBox\" v-if=\"bgColor.length > 0\">\r\n    <div class=\"home-hot\" :style=\"{ marginTop: slider + 'px', background: boxColor }\">\r\n      <div class=\"hd\">\r\n        <p class=\"txt\" :style=\"{ color: txtColor }\">{{ titleTxt }}</p>\r\n        <p class=\"color-txt\" :style=\"`background: linear-gradient(90deg,${bgColor[0].item},${bgColor[1].item});`\">\r\n          {{ msgTxt }}\r\n        </p>\r\n      </div>\r\n      <div class=\"bd\">\r\n        <div class=\"item\" v-for=\"(item, index) in hotList\" :key=\"index\">\r\n          <div class=\"left\">\r\n            <div class=\"title\">{{ item.info[0].value }}</div>\r\n            <div class=\"des\">{{ item.info[1].value }}</div>\r\n            <div class=\"link\">GO！</div>\r\n          </div>\r\n          <div class=\"img-box\">\r\n            <img :src=\"item.img\" alt=\"\" v-if=\"item.img\" />\r\n            <div class=\"empty-box on\" v-else><span class=\"iconfont-diy icontupian\"></span></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 { mapState } from 'vuex';\r\nexport default {\r\n  name: 'home_hot',\r\n  cname: '活动魔方',\r\n  icon: 'iconhuodongmofang1',\r\n  configName: 'c_home_hot',\r\n  type: 3, // 0 基础组件 1 营销组件 2工具组件\r\n  defaultName: 'activeParty', // 外面匹配名称\r\n  props: {\r\n    index: {\r\n      type: null,\r\n    },\r\n    num: {\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  data() {\r\n    return {\r\n      // 默认初始化数据禁止修改\r\n      defaultConfig: {\r\n        name: 'activeParty',\r\n        timestamp: this.num,\r\n        setUp: {\r\n          tabVal: 0,\r\n        },\r\n        titleConfig: {\r\n          title: '促销标题',\r\n          value: '超值爆款',\r\n          place: '请输入标题',\r\n          max: 10,\r\n        },\r\n        desConfig: {\r\n          title: '促销简介',\r\n          value: '美好生活由此开始',\r\n          place: '请输入简介',\r\n          max: 8,\r\n        },\r\n        menuConfig: {\r\n          title: '最多可添加4个版块，图片建议尺寸140 * 140px；鼠标拖拽左侧圆点可 调整版块顺序',\r\n          maxList: 4,\r\n          list: [\r\n            {\r\n              img: '',\r\n              info: [\r\n                {\r\n                  title: '标题',\r\n                  value: '今日推荐',\r\n                  tips: '选填，不超过4个字',\r\n                  max: 4,\r\n                },\r\n                {\r\n                  title: '简介',\r\n                  value: '店主诚意推荐 品质商品',\r\n                  tips: '选填，不超过20个字',\r\n                  max: 20,\r\n                },\r\n                {\r\n                  title: '链接',\r\n                  value: '',\r\n                  tips: '请输入链接',\r\n                  max: 100,\r\n                },\r\n              ],\r\n            },\r\n            {\r\n              img: '',\r\n              info: [\r\n                {\r\n                  title: '标题',\r\n                  value: '热门榜单',\r\n                  tips: '选填，不超过4个字',\r\n                  max: 4,\r\n                },\r\n                {\r\n                  title: '简介',\r\n                  value: '店主诚意推荐 品质商品',\r\n                  tips: '选填，不超过20个字',\r\n                  max: 20,\r\n                },\r\n                {\r\n                  title: '链接',\r\n                  value: '',\r\n                  tips: '请输入链接',\r\n                  max: 100,\r\n                },\r\n              ],\r\n            },\r\n            {\r\n              img: '',\r\n              info: [\r\n                {\r\n                  title: '标题',\r\n                  value: '首发新品',\r\n                  tips: '选填，不超过4个字',\r\n                  max: 4,\r\n                },\r\n                {\r\n                  title: '简介',\r\n                  value: '新品上架等 你来拿',\r\n                  tips: '选填，不超过20个字',\r\n                  max: 20,\r\n                },\r\n                {\r\n                  title: '链接',\r\n                  value: '',\r\n                  tips: '请输入链接',\r\n                  max: 100,\r\n                },\r\n              ],\r\n            },\r\n            {\r\n              img: '',\r\n              info: [\r\n                {\r\n                  title: '标题',\r\n                  value: '促销单品',\r\n                  tips: '选填，不超过4个字',\r\n                  max: 4,\r\n                },\r\n                {\r\n                  title: '简介',\r\n                  value: '综合评选好 产品',\r\n                  tips: '选填，不超过20个字',\r\n                  max: 20,\r\n                },\r\n                {\r\n                  title: '链接',\r\n                  value: '',\r\n                  tips: '请输入链接',\r\n                  max: 100,\r\n                },\r\n              ],\r\n            },\r\n          ],\r\n        },\r\n        themeColor: {\r\n          title: '主题颜色',\r\n          name: 'themeColor',\r\n          default: [\r\n            {\r\n              item: '#fc3c3e',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#fc3c3e',\r\n            },\r\n          ],\r\n        },\r\n        bgColor: {\r\n          title: '标签背景颜色',\r\n          name: 'bgColor',\r\n          default: [\r\n            {\r\n              item: '#F62C2C',\r\n            },\r\n            {\r\n              item: '#F96E29',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#F62C2C',\r\n            },\r\n            {\r\n              item: '#F96E29',\r\n            },\r\n          ],\r\n        },\r\n        boxColor: {\r\n          title: '背景颜色',\r\n          name: 'boxColor',\r\n          default: [\r\n            {\r\n              item: '#ffe5e3',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#ffe5e3',\r\n            },\r\n          ],\r\n        },\r\n        // 页面间距\r\n        mbConfig: {\r\n          title: '页面间距',\r\n          val: 0,\r\n          min: 0,\r\n        },\r\n      },\r\n      titleTxt: '',\r\n      msgTxt: '',\r\n      slider: '',\r\n      hotList: [],\r\n      txtColor: '',\r\n      bgColor: [],\r\n      pageData: {},\r\n      boxColor: '',\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.titleTxt = data.titleConfig.value;\r\n        this.msgTxt = data.desConfig.value;\r\n        this.slider = data.mbConfig.val;\r\n        this.hotList = data.menuConfig.list;\r\n        this.txtColor = data.themeColor.color[0].item;\r\n        this.bgColor = data.bgColor.color;\r\n        this.boxColor = data.boxColor.color[0].item;\r\n      }\r\n      // if (Object.keys(data).length > 0) {\r\n      //     this.titleTxt = data.inputList[0].value;\r\n      //     this.msgTxt = data.inputList[1].value;\r\n      //     this.slider = data.sliderList[0].val;\r\n      //     this.hotList = data.menu;\r\n      //     this.txtColor = data.colorList[0].color[0].item;\r\n      //     this.bgColor = data.colorList[1].color;\r\n      // }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.paddingBox {\r\n  padding: 0 10px !important;\r\n}\r\n\r\n.home-hot {\r\n  padding: 15px 10px;\r\n  background: #ffe5e3;\r\n  border-radius: 12px;\r\n\r\n  .hd {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .txt {\r\n      margin-right: 10px;\r\n      color: #fc3c3e;\r\n      font-size: 16px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    .color-txt {\r\n      width: 110px;\r\n      height: 18px;\r\n      border-radius: 13px 0 13px 0;\r\n      color: #fff;\r\n      text-align: center;\r\n      font-size: 11px;\r\n      box-shadow: 3px 1px 1px 1px rgba(255, 203, 199, 0.8);\r\n    }\r\n  }\r\n\r\n  .bd {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    .item {\r\n      display: flex;\r\n      width: 158px;\r\n      margin-top: 10px;\r\n      margin-right: 13px;\r\n      padding: 10px;\r\n      background: #fff;\r\n      border-radius: 8px;\r\n\r\n      &:nth-child(2n) {\r\n        margin-right: 0;\r\n      }\r\n\r\n      .left {\r\n        width: 69px;\r\n\r\n        .title {\r\n          font-size: 14px;\r\n        }\r\n\r\n        .des {\r\n          font-size: 12px;\r\n          color: #999999;\r\n        }\r\n\r\n        .link {\r\n          width: 56px;\r\n          height: 18px;\r\n          padding: 0 10px;\r\n          margin-top: 3px;\r\n          background: linear-gradient(90deg, #4bc4ff, #207eff 100%);\r\n          border-radius: 9px;\r\n          color: #fff;\r\n          font-size: 13px;\r\n        }\r\n      }\r\n\r\n      .img-box {\r\n        flex: 1;\r\n\r\n        img {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n\r\n        .box {\r\n          width: 100%;\r\n          height: 100%;\r\n          background: #d8d8d8;\r\n        }\r\n      }\r\n\r\n      &:nth-child(2) .left .link {\r\n        background: linear-gradient(90deg, #ff9043, #ff531d 100%);\r\n      }\r\n\r\n      &:nth-child(3) .left .link {\r\n        background: linear-gradient(90deg, #96e187, #48ce2c 100%);\r\n      }\r\n\r\n      &:nth-child(4) .left .link {\r\n        background: linear-gradient(90deg, #ffc560, #ff9c00 100%);\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}