| 1 |
- {"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"]}]}
|
