{"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_coupon.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobilePage\\home_coupon.vue","mtime":1761185180000},{"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:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KLy8gaW1wb3J0IHRoZW1lIGZyb20gIkAvbWl4aW5zL3RoZW1lIjsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2hvbWVfY291cG9uJywNCiAgY25hbWU6ICfkvJjmg6DliLgnLA0KICBjb25maWdOYW1lOiAnY19ob21lX2NvdXBvbicsDQogIGljb246ICcjaWNvbnp1amlhbi15b3VodWlxdWFuJywNCiAgdHlwZTogMSwgLy8gMCDln7rnoYDnu4Tku7YgMSDokKXplIDnu4Tku7YgMuW3peWFt+e7hOS7tg0KICBkZWZhdWx0TmFtZTogJ2NvdXBvbicsIC8vIOWklumdouWMuemFjeWQjeensA0KICBwcm9wczogew0KICAgIGluZGV4OiB7DQogICAgICB0eXBlOiBudWxsLA0KICAgIH0sDQogICAgbnVtOiB7DQogICAgICB0eXBlOiBudWxsLA0KICAgIH0sDQogICAgY29sb3JTdHlsZTogew0KICAgICAgdHlwZTogbnVsbCwNCiAgICB9LA0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC4uLm1hcFN0YXRlKCdtb2JpbGRDb25maWcnLCBbJ2RlZmF1bHRBcnJheSddKSwNCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICBwYWdlRGF0YTogew0KICAgICAgaGFuZGxlcihuVmFsLCBvVmFsKSB7DQogICAgICAgIHRoaXMuc2V0Q29uZmlnKG5WYWwpOw0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgICBudW06IHsNCiAgICAgIGhhbmRsZXIoblZhbCwgb1ZhbCkgew0KICAgICAgICBsZXQgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbblZhbF07DQogICAgICAgIHRoaXMuc2V0Q29uZmlnKGRhdGEpOw0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgICBkZWZhdWx0QXJyYXk6IHsNCiAgICAgIGhhbmRsZXIoblZhbCwgb1ZhbCkgew0KICAgICAgICBsZXQgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbdGhpcy5udW1dOw0KICAgICAgICB0aGlzLnNldENvbmZpZyhkYXRhKTsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLA0KICAgIH0sDQogIH0sDQogIC8vIG1peGluczogW3RoZW1lXSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgLy8g6buY6K6k5Yid5aeL5YyW5pWw5o2u56aB5q2i5L+u5pS5DQogICAgICBkZWZhdWx0Q29uZmlnOiB7DQogICAgICAgIGNuYW1lOiAn5LyY5oOg5Yi4JywNCiAgICAgICAgbmFtZTogJ2NvdXBvbicsDQogICAgICAgIHRpbWVzdGFtcDogdGhpcy5udW0sDQogICAgICAgIGlzSGlkZTogZmFsc2UsDQogICAgICAgIHNldFVwOiB7DQogICAgICAgICAgdGFiVmFsOiAwLA0KICAgICAgICB9LA0KICAgICAgICB0aXRsZUxlZnQ6ICflsZXnpLrorr7nva4nLA0KICAgICAgICB0aXRsZURhdGE6ICfkvJjmg6DliLjmlbDmja4nLA0KICAgICAgICB0aXRsZVJpZ2h0OiAn5LyY5oOg5Yi45qC35byPJywNCiAgICAgICAgdGl0bGVDdXJyZW5jeTogJ+mAmueUqOagt+W8jycsDQogICAgICAgIHN0eWxlQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfpgInmi6npo47moLwnLA0KICAgICAgICAgIHRhYlZhbDogMCwNCiAgICAgICAgICB0eXBlOiAnY291cG9uJywNCiAgICAgICAgfSwNCiAgICAgICAgbnVtYmVyQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICflsZXnpLrmlbDph48nLA0KICAgICAgICAgIHZhbDogNSwNCiAgICAgICAgICBtaW46IDEsDQogICAgICAgIH0sDQogICAgICAgIHRvbmVDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+iJsuiwgycsDQogICAgICAgICAgdGFiVmFsOiAwLA0KICAgICAgICAgIHRhYkxpc3Q6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+i3n+maj+S4u+mimOmjjuagvCcsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn6Ieq5a6a5LmJJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgY291cG9uTW9uZXlDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn5LyY5oOg6YeR6aKdJywNCiAgICAgICAgICBkZWZhdWx0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjRTkzMzIzJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICBjb2xvcjogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI0U5MzMyMycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIGJudEJnQ29sb3I6IHsNCiAgICAgICAgICB0aXRsZTogJ+aMiemSruiDjOaZrycsDQogICAgICAgICAgbmFtZTogJ2JudEJnQ29sb3InLA0KICAgICAgICAgIGRlZmF1bHQ6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNGRjc5MzEnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNFOTMzMjMnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIGNvbG9yOiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjRkY3OTMxJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjRTkzMzIzJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgY291cG9uQmdDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn5LyY5oOg5Yi46IOM5pmvJywNCiAgICAgICAgICBkZWZhdWx0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjRTkzMzIzJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICBjb2xvcjogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI0U5MzMyMycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIHNwYWNpbmdDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+S8mOaDoOWIuOmXtOi3nScsDQogICAgICAgICAgdmFsOiA2LA0KICAgICAgICAgIG1pbjogMCwNCiAgICAgICAgfSwNCiAgICAgICAgbW9kdWxlQ29sb3I6IHsNCiAgICAgICAgICB0aXRsZTogJ+e7hOS7tuiDjOaZrycsDQogICAgICAgICAgZGVmYXVsdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI0U5MzMyMycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI0ZGNzkzMScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgICAgY29sb3I6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNFOTMzMjMnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNGRjc5MzEnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBtb2R1bGVDb2xvcjI6IHsNCiAgICAgICAgICB0aXRsZTogJ+e7hOS7tuiDjOaZrycsDQogICAgICAgICAgZGVmYXVsdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI2ZmZmZmZicsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgICAgY29sb3I6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmZmZmZmYnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICB9LA0KICAgICAgICBib3R0b21CZ0NvbG9yOiB7DQogICAgICAgICAgdGl0bGU6ICflupXpg6jog4zmma8nLA0KICAgICAgICAgIGRlZmF1bHQ6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmNWY1ZjUnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIGNvbG9yOiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZjVmNWY1JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgdG9wQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfkuIrovrnot50nLA0KICAgICAgICAgIHZhbDogMCwNCiAgICAgICAgICBtaW46IDAsDQogICAgICAgIH0sDQogICAgICAgIGJvdHRvbUNvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5LiL6L656LedJywNCiAgICAgICAgICB2YWw6IDAsDQogICAgICAgICAgbWluOiAwLA0KICAgICAgICB9LA0KICAgICAgICBwckNvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5bem5Y+z6L656LedJywNCiAgICAgICAgICB2YWw6IDEwLA0KICAgICAgICAgIG1pbjogMCwNCiAgICAgICAgfSwNCiAgICAgICAgbWJDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+mhtemdouS4iumXtOi3nScsDQogICAgICAgICAgdmFsOiAwLA0KICAgICAgICAgIG1pbjogMCwNCiAgICAgICAgfSwNCiAgICAgICAgZmlsbGV0OiB7DQogICAgICAgICAgdGl0bGU6ICfog4zmma/lnIbop5InLA0KICAgICAgICAgIHR5cGU6IDAsDQogICAgICAgICAgbGlzdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICB2YWw6ICflhajpg6gnLA0KICAgICAgICAgICAgICBpY29uOiAnaWNvbmNhb3p1by16aGVuZ3RpJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIHZhbDogJ+WNleS4qicsDQogICAgICAgICAgICAgIGljb246ICdpY29uY2FvenVvLWJpYW5qaWFvJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICB2YWxOYW1lOiAn5ZyG6KeS5YC8JywNCiAgICAgICAgICB2YWw6IDgsDQogICAgICAgICAgbWluOiAwLA0KICAgICAgICAgIHZhbExpc3Q6IFt7IHZhbDogMCB9LCB7IHZhbDogMCB9LCB7IHZhbDogMCB9LCB7IHZhbDogMCB9XSwNCiAgICAgICAgfSwNCiAgICAgIH0sDQogICAgICBwYWdlRGF0YToge30sDQogICAgICBudW1iZXJDb25maWc6IDAsDQogICAgICBzdHlsZUNvbmZpZzogMCwNCiAgICAgIHRvbmVDb25maWc6IDAsDQogICAgICBjb3Vwb25Nb25leUNvbG9yOiAnJywNCiAgICAgIGJudEJnQ29sb3JMZWZ0OiAnJywNCiAgICAgIGJudEJnQ29sb3JSaWdodDogJycsDQogICAgICBjb3Vwb25CZ0NvbG9yOiAnJywNCiAgICAgIHNwYWNpbmdDb25maWc6IDAsDQogICAgICBtb2R1bGVDb2xvcjogJycsDQogICAgICBtb2R1bGVDb2xvcjI6ICcnLA0KICAgICAgdG9wQ29uZmlnOiAwLA0KICAgICAgYm90dG9tQ29uZmlnOiAwLA0KICAgICAgcHJDb25maWc6IDAsDQogICAgICBiZ1JhZGl1czogMCwNCiAgICAgIG1Ub3A6IDAsDQogICAgICBib3R0b21CZ0NvbG9yOiAnJywNCiAgICAgIHRoZW1lQ29sb3I6ICcnLA0KICAgICAgdGhlbWVDb2xvcjI6ICcnLA0KICAgIH07DQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgdGhpcy5wYWdlRGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbdGhpcy5udW1dOw0KICAgICAgdGhpcy5zZXRDb25maWcodGhpcy5wYWdlRGF0YSk7DQogICAgfSk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBzZXRDb25maWcoZGF0YSkgew0KICAgICAgaWYgKCFkYXRhKSByZXR1cm47DQogICAgICBpZiAoZGF0YS5tYkNvbmZpZykgew0KICAgICAgICB0aGlzLm51bWJlckNvbmZpZyA9IGRhdGEubnVtYmVyQ29uZmlnLnZhbDsNCiAgICAgICAgdGhpcy5zdHlsZUNvbmZpZyA9IGRhdGEuc3R5bGVDb25maWcudGFiVmFsOw0KICAgICAgICB0aGlzLnRvbmVDb25maWcgPSBkYXRhLnRvbmVDb25maWcudGFiVmFsOw0KICAgICAgICB0aGlzLmNvdXBvbk1vbmV5Q29sb3IgPSBkYXRhLmNvdXBvbk1vbmV5Q29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgdGhpcy5ibnRCZ0NvbG9yTGVmdCA9IGRhdGEuYm50QmdDb2xvci5jb2xvclswXS5pdGVtOw0KICAgICAgICB0aGlzLmJudEJnQ29sb3JSaWdodCA9IGRhdGEuYm50QmdDb2xvci5jb2xvclsxXS5pdGVtOw0KICAgICAgICB0aGlzLmNvdXBvbkJnQ29sb3IgPSBkYXRhLmNvdXBvbkJnQ29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgdGhpcy5zcGFjaW5nQ29uZmlnID0gZGF0YS5zcGFjaW5nQ29uZmlnLnZhbDsNCiAgICAgICAgbGV0IG1vZHVsZUNvbG9yTGVmdCA9IGRhdGEubW9kdWxlQ29sb3IuY29sb3JbMF0uaXRlbTsNCiAgICAgICAgbGV0IG1vZHVsZUNvbG9yUmlnaHQgPSBkYXRhLm1vZHVsZUNvbG9yLmNvbG9yWzFdLml0ZW07DQogICAgICAgIHRoaXMubW9kdWxlQ29sb3IgPSBgbGluZWFyLWdyYWRpZW50KDkwZGVnLCR7bW9kdWxlQ29sb3JMZWZ0fSAwJSwke21vZHVsZUNvbG9yUmlnaHR9IDEwMCUpYDsNCiAgICAgICAgdGhpcy5tb2R1bGVDb2xvcjIgPSBkYXRhLm1vZHVsZUNvbG9yMi5jb2xvclswXS5pdGVtOw0KICAgICAgICB0aGlzLnRvcENvbmZpZyA9IGRhdGEudG9wQ29uZmlnLnZhbDsNCiAgICAgICAgdGhpcy5ib3R0b21Db25maWcgPSBkYXRhLmJvdHRvbUNvbmZpZy52YWw7DQogICAgICAgIHRoaXMucHJDb25maWcgPSBkYXRhLnByQ29uZmlnLnZhbDsNCiAgICAgICAgbGV0IGZpbGxldCA9IGRhdGEuZmlsbGV0LnR5cGU7DQogICAgICAgIGxldCBmaWxsZXRWYWwgPSBkYXRhLmZpbGxldC52YWw7DQogICAgICAgIGxldCB2YWxMaXN0ID0gZGF0YS5maWxsZXQudmFsTGlzdDsNCiAgICAgICAgdGhpcy5iZ1JhZGl1cyA9IGZpbGxldA0KICAgICAgICAgID8gdmFsTGlzdFswXS52YWwgKyAncHggJyArIHZhbExpc3RbMV0udmFsICsgJ3B4ICcgKyB2YWxMaXN0WzNdLnZhbCArICdweCAnICsgdmFsTGlzdFsyXS52YWwgKyAncHgnDQogICAgICAgICAgOiBmaWxsZXRWYWwgKyAncHgnOw0KICAgICAgICB0aGlzLm1Ub3AgPSBkYXRhLm1iQ29uZmlnLnZhbDsNCiAgICAgICAgdGhpcy5ib3R0b21CZ0NvbG9yID0gZGF0YS5ib3R0b21CZ0NvbG9yLmNvbG9yWzBdLml0ZW07DQogICAgICAgIHRoaXMudGhlbWVDb2xvciA9IGBsaW5lYXItZ3JhZGllbnQoOTBkZWcsJHt0aGlzLmNvbG9yU3R5bGUudGhlbWV9IDAlLCR7dGhpcy5jb2xvclN0eWxlLmdyYWRpZW50fSAxMDAlKWA7DQogICAgICAgIHRoaXMudGhlbWVDb2xvcjIgPSBgbGluZWFyLWdyYWRpZW50KDBkZWcsJHt0aGlzLmNvbG9yU3R5bGUudGhlbWV9IDAlLCR7dGhpcy5jb2xvclN0eWxlLmdyYWRpZW50fSAxMDAlKWA7DQogICAgICB9DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["home_coupon.vue"],"names":[],"mappings":";AA2QA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_coupon.vue","sourceRoot":"src/components/mobilePage","sourcesContent":["<template>\r\n  <div\r\n    class=\"couponCon\"\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\r\n      class=\"coupon1 acea-row row-middle\"\r\n      :style=\"{\r\n        background: moduleColor2,\r\n        borderRadius: bgRadius,\r\n      }\"\r\n      v-if=\"styleConfig == 0\"\r\n    >\r\n      <div class=\"list acea-row row-middle\">\r\n        <div\r\n          class=\"item\"\r\n          v-for=\"(item, index) in numberConfig\"\r\n          :key=\"index\"\r\n          :style=\"{\r\n            marginRight: spacingConfig + 'px',\r\n            background: toneConfig ? couponBgColor : colorStyle.theme,\r\n          }\"\r\n        >\r\n          <div\r\n            class=\"money\"\r\n            :style=\"{\r\n              color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            <div><span class=\"lable\">¥</span>70</div>\r\n            <div class=\"tips\">满5000可用</div>\r\n          </div>\r\n          <div\r\n            class=\"sill\"\r\n            :style=\"{\r\n              background: toneConfig\r\n                ? `linear-gradient(90deg,${bntBgColorRight} 0%,${bntBgColorLeft} 100%)`\r\n                : themeColor,\r\n            }\"\r\n          >\r\n            满200可用\r\n          </div>\r\n          <img src=\"../../assets/images/newVip02.png\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"coupon2 acea-row row-middle\"\r\n      :style=\"{\r\n        background: moduleColor,\r\n        borderRadius: bgRadius,\r\n      }\"\r\n      v-else-if=\"styleConfig == 1\"\r\n    >\r\n      <div class=\"list acea-row row-middle\">\r\n        <div\r\n          class=\"item\"\r\n          :style=\"{\r\n            marginRight: spacingConfig + 'px',\r\n          }\"\r\n          v-for=\"(item, index) in numberConfig\"\r\n          :key=\"index\"\r\n        >\r\n          <div class=\"type\">品类券</div>\r\n          <div\r\n            class=\"money\"\r\n            :style=\"{\r\n              color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            <span class=\"label\">¥</span>50\r\n          </div>\r\n          <div\r\n            class=\"tips\"\r\n            :style=\"{\r\n              color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            满500元可用\r\n          </div>\r\n          <div\r\n            class=\"bnt\"\r\n            :style=\"{\r\n              background: toneConfig\r\n                ? `linear-gradient(90deg,${bntBgColorRight} 0%,${bntBgColorLeft} 100%)`\r\n                : themeColor,\r\n            }\"\r\n          >\r\n            去领取\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"coupon acea-row row-middle\"\r\n      :style=\"{\r\n        background: moduleColor2,\r\n        borderRadius: bgRadius,\r\n      }\"\r\n      v-else-if=\"styleConfig == 2\"\r\n    >\r\n      <div class=\"list acea-row row-middle\">\r\n        <div\r\n          class=\"itemCon\"\r\n          :style=\"{\r\n            marginRight: spacingConfig + 'px',\r\n            background: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n          }\"\r\n          v-for=\"(item, index) in numberConfig\"\r\n          :key=\"index\"\r\n        >\r\n          <div\r\n            class=\"item\"\r\n            :style=\"{\r\n              borderColor: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            <div\r\n              class=\"left\"\r\n              :style=\"{\r\n                color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            >\r\n              <div class=\"num\"><span>￥</span>50</div>\r\n              <div class=\"txt\">满100元可用</div>\r\n            </div>\r\n            <div\r\n              class=\"right\"\r\n              :style=\"{\r\n                color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n                borderLeftColor: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            >\r\n              <div class=\"rightCon\">立即领取</div>\r\n            </div>\r\n            <div\r\n              class=\"roll up-roll\"\r\n              :style=\"{\r\n                background: moduleColor2,\r\n                borderColor: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            ></div>\r\n            <div\r\n              class=\"roll down-roll\"\r\n              :style=\"{\r\n                background: moduleColor2,\r\n                borderColor: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            ></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"coupon4\"\r\n      :style=\"{\r\n        background: moduleColor2,\r\n        borderRadius: bgRadius,\r\n      }\"\r\n      v-else-if=\"styleConfig == 3\"\r\n    >\r\n      <div\r\n        class=\"list acea-row row-middle\"\r\n        :style=\"{\r\n          background: toneConfig ? couponBgColor : colorStyle.theme,\r\n        }\"\r\n      >\r\n        <div class=\"listCon acea-row row-middle\">\r\n          <div\r\n            class=\"item\"\r\n            :style=\"{\r\n              marginRight: spacingConfig + 'px',\r\n            }\"\r\n            v-for=\"(item, index) in numberConfig\"\r\n            :key=\"index\"\r\n            v-if=\"index < 4\"\r\n          >\r\n            <div\r\n              class=\"type\"\r\n              :style=\"{\r\n                color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n                background: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            >\r\n              <div class=\"typeCon\">通用券</div>\r\n            </div>\r\n            <div\r\n              class=\"money\"\r\n              :style=\"{\r\n                color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            >\r\n              <span class=\"label\">¥</span>50\r\n            </div>\r\n            <div class=\"tips\">满5000可用</div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"pocket\"\r\n          :style=\"{\r\n            background: toneConfig ? `linear-gradient(0deg,${bntBgColorRight} 0%,${bntBgColorLeft} 100%)` : themeColor2,\r\n          }\"\r\n        >\r\n          <div class=\"tips\">先领券 再购物</div>\r\n          <div class=\"info\">领券下单·享购物优惠</div>\r\n          <div\r\n            class=\"bnt\"\r\n            :style=\"{\r\n              color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              background: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            <div class=\"bntCon\">立即领取</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"coupon5 acea-row row-middle\"\r\n      :style=\"{\r\n        background: moduleColor2,\r\n        borderRadius: bgRadius,\r\n      }\"\r\n      v-else\r\n    >\r\n      <div class=\"list acea-row row-middle\">\r\n        <div\r\n          class=\"item acea-row row-middle\"\r\n          :style=\"{\r\n            marginRight: spacingConfig + 'px',\r\n            background: toneConfig ? `linear-gradient(0deg,${bntBgColorRight} 0%,${bntBgColorLeft} 100%)` : themeColor2,\r\n          }\"\r\n          v-for=\"(item, index) in numberConfig\"\r\n          :key=\"index\"\r\n        >\r\n          <div\r\n            class=\"left\"\r\n            :style=\"{\r\n              color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            <div class=\"money\"><span class=\"label\">¥</span>50</div>\r\n            <div class=\"tips\">满5000可用</div>\r\n          </div>\r\n          <div class=\"right acea-row row-center\">\r\n            <div class=\"rightCon\">领取</div>\r\n          </div>\r\n          <div\r\n            class=\"roll\"\r\n            :style=\"{\r\n              background: moduleColor2,\r\n            }\"\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\n// import theme from \"@/mixins/theme\";\r\nexport default {\r\n  name: 'home_coupon',\r\n  cname: '优惠券',\r\n  configName: 'c_home_coupon',\r\n  icon: '#iconzujian-youhuiquan',\r\n  type: 1, // 0 基础组件 1 营销组件 2工具组件\r\n  defaultName: 'coupon', // 外面匹配名称\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: 'coupon',\r\n        timestamp: this.num,\r\n        isHide: false,\r\n        setUp: {\r\n          tabVal: 0,\r\n        },\r\n        titleLeft: '展示设置',\r\n        titleData: '优惠券数据',\r\n        titleRight: '优惠券样式',\r\n        titleCurrency: '通用样式',\r\n        styleConfig: {\r\n          title: '选择风格',\r\n          tabVal: 0,\r\n          type: 'coupon',\r\n        },\r\n        numberConfig: {\r\n          title: '展示数量',\r\n          val: 5,\r\n          min: 1,\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        couponMoneyColor: {\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        bntBgColor: {\r\n          title: '按钮背景',\r\n          name: 'bntBgColor',\r\n          default: [\r\n            {\r\n              item: '#FF7931',\r\n            },\r\n            {\r\n              item: '#E93323',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#FF7931',\r\n            },\r\n            {\r\n              item: '#E93323',\r\n            },\r\n          ],\r\n        },\r\n        couponBgColor: {\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        spacingConfig: {\r\n          title: '优惠券间距',\r\n          val: 6,\r\n          min: 0,\r\n        },\r\n        moduleColor: {\r\n          title: '组件背景',\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        moduleColor2: {\r\n          title: '组件背景',\r\n          default: [\r\n            {\r\n              item: '#ffffff',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#ffffff',\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      },\r\n      pageData: {},\r\n      numberConfig: 0,\r\n      styleConfig: 0,\r\n      toneConfig: 0,\r\n      couponMoneyColor: '',\r\n      bntBgColorLeft: '',\r\n      bntBgColorRight: '',\r\n      couponBgColor: '',\r\n      spacingConfig: 0,\r\n      moduleColor: '',\r\n      moduleColor2: '',\r\n      topConfig: 0,\r\n      bottomConfig: 0,\r\n      prConfig: 0,\r\n      bgRadius: 0,\r\n      mTop: 0,\r\n      bottomBgColor: '',\r\n      themeColor: '',\r\n      themeColor2: '',\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.numberConfig = data.numberConfig.val;\r\n        this.styleConfig = data.styleConfig.tabVal;\r\n        this.toneConfig = data.toneConfig.tabVal;\r\n        this.couponMoneyColor = data.couponMoneyColor.color[0].item;\r\n        this.bntBgColorLeft = data.bntBgColor.color[0].item;\r\n        this.bntBgColorRight = data.bntBgColor.color[1].item;\r\n        this.couponBgColor = data.couponBgColor.color[0].item;\r\n        this.spacingConfig = data.spacingConfig.val;\r\n        let moduleColorLeft = data.moduleColor.color[0].item;\r\n        let moduleColorRight = data.moduleColor.color[1].item;\r\n        this.moduleColor = `linear-gradient(90deg,${moduleColorLeft} 0%,${moduleColorRight} 100%)`;\r\n        this.moduleColor2 = data.moduleColor2.color[0].item;\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.mTop = data.mbConfig.val;\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.themeColor2 = `linear-gradient(0deg,${this.colorStyle.theme} 0%,${this.colorStyle.gradient} 100%)`;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.couponCon {\r\n  overflow: hidden;\r\n}\r\n.coupon5 {\r\n  height: 78px;\r\n  background: #ffffff;\r\n  border-radius: 8px;\r\n  padding-left: 10px;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  .list {\r\n    flex-wrap: nowrap;\r\n    .item {\r\n      width: 114px;\r\n      height: 54px;\r\n      background: linear-gradient(0deg, #e93323 0%, #ff7931 100%);\r\n      border-radius: 6px;\r\n      position: relative;\r\n      margin-right: 6px;\r\n\r\n      .roll {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #fff;\r\n        border-radius: 50%;\r\n        position: absolute;\r\n        left: -4px;\r\n      }\r\n      .right {\r\n        flex: 1;\r\n        .rightCon {\r\n          width: 20px;\r\n          font-size: 12px;\r\n          color: #fff;\r\n          text-align: center;\r\n          line-height: 1.2;\r\n        }\r\n      }\r\n      .left {\r\n        width: 86px;\r\n        height: 100%;\r\n        background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);\r\n        border-radius: 6px;\r\n        text-align: center;\r\n        color: #e93323;\r\n        padding: 8px 0;\r\n        .money {\r\n          font-size: 21px;\r\n          line-height: 21px;\r\n          font-family: D-DIN-PRO, D-DIN-PRO;\r\n          font-weight: 600;\r\n\r\n          .label {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n        .tips {\r\n          font-size: 11px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.coupon4 {\r\n  width: 100%;\r\n  height: 110px;\r\n  background: #ffffff;\r\n  border-radius: 8px;\r\n  padding: 12px 10px;\r\n\r\n  .list {\r\n    background: #e93323;\r\n    border-radius: 12px;\r\n    height: 86px;\r\n    padding-left: 10px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    .listCon {\r\n      flex-wrap: nowrap;\r\n    }\r\n    .pocket {\r\n      text-align: center;\r\n      background: linear-gradient(0deg, #e93323 0%, #ff7931 100%);\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 148px;\r\n      height: 100%;\r\n      padding-top: 10px;\r\n\r\n      .tips {\r\n        color: #ffffff;\r\n        font-size: 16px;\r\n      }\r\n      .info {\r\n        font-size: 10px;\r\n        color: #f5f5f5;\r\n      }\r\n      .bnt {\r\n        width: 80px;\r\n        height: 24px;\r\n        border-radius: 13px;\r\n        background: #e93323;\r\n        margin: 4px auto 0 auto;\r\n        color: #e93323;\r\n        .bntCon {\r\n          width: 100%;\r\n          height: 100%;\r\n          background: rgba(255, 255, 255, 0.9);\r\n          text-align: center;\r\n          line-height: 24px;\r\n          font-size: 12px;\r\n          border-radius: 13px;\r\n        }\r\n      }\r\n    }\r\n    .item {\r\n      width: 70px;\r\n      height: 66px;\r\n      background: #ffffff;\r\n      border-radius: 6px;\r\n      text-align: center;\r\n      margin-right: 6px;\r\n      .type {\r\n        font-size: 11px;\r\n        color: #e93323;\r\n        width: 54px;\r\n        height: 19px;\r\n        background: #e93323;\r\n        border-radius: 0 0 12px 12px;\r\n        margin: 0 auto;\r\n\r\n        .typeCon {\r\n          background: rgba(255, 255, 255, 0.9);\r\n          width: 100%;\r\n          height: 100%;\r\n          text-align: center;\r\n          line-height: 19px;\r\n        }\r\n      }\r\n      .money {\r\n        font-size: 20px;\r\n        font-family: D-DIN-PRO, D-DIN-PRO;\r\n        font-weight: 600;\r\n        margin-top: 4px;\r\n        line-height: 24px;\r\n        color: #e93323;\r\n        .label {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n      .tips {\r\n        font-size: 9px;\r\n        color: #333333;\r\n      }\r\n    }\r\n  }\r\n}\r\n.coupon2 {\r\n  background: linear-gradient(90deg, #e93323 0%, #ff7931 100%);\r\n  height: 140px;\r\n  padding-left: 12px;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  .list {\r\n    flex-wrap: nowrap;\r\n    .item {\r\n      width: 102px;\r\n      height: 116px;\r\n      background: #ffffff;\r\n      border-radius: 8px;\r\n      text-align: center;\r\n      padding-top: 14px;\r\n      margin-right: 6px;\r\n      .type {\r\n        font-weight: 500;\r\n        color: #333333;\r\n        font-size: 12px;\r\n      }\r\n      .money {\r\n        font-size: 22px;\r\n        font-family: D-DIN-PRO, D-DIN-PRO;\r\n        font-weight: 600;\r\n        color: #e93323;\r\n        line-height: 1.3;\r\n        .label {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n      .tips {\r\n        font-size: 9px;\r\n        color: #e93323;\r\n      }\r\n      .bnt {\r\n        width: 68px;\r\n        height: 24px;\r\n        background: linear-gradient(90deg, #ff7931 0%, #e93323 100%);\r\n        border-radius: 13px;\r\n        color: #ffffff;\r\n        font-size: 12px;\r\n        text-align: center;\r\n        line-height: 24px;\r\n        margin: 6px auto 0 auto;\r\n      }\r\n    }\r\n  }\r\n}\r\n.coupon1 {\r\n  padding: 19px 0 12px 12px;\r\n  overflow: hidden;\r\n  .list {\r\n    margin-top: 12px;\r\n    display: inline-flex;\r\n    flex-wrap: nowrap;\r\n\r\n    .item {\r\n      width: 78px;\r\n      height: 76px;\r\n      background: #f12a13;\r\n      position: relative;\r\n      border-radius: 6px 6px 15px 15px;\r\n      margin-right: 6px;\r\n      .money {\r\n        width: 72px;\r\n        height: 53px;\r\n        background: #ffffff;\r\n        border: 1px solid #fceae9;\r\n        position: absolute;\r\n        left: 3px;\r\n        top: -18px;\r\n        text-align: center;\r\n        font-size: 20px;\r\n        font-family: D-DIN-PRO, D-DIN-PRO;\r\n        font-weight: 600;\r\n        color: #e93323;\r\n        padding-top: 6px;\r\n        border-radius: 6px 6px 0 0;\r\n        .lable {\r\n          font-size: 14px;\r\n        }\r\n        .tips {\r\n          font-size: 9px;\r\n          color: #999999;\r\n          font-weight: 400;\r\n        }\r\n      }\r\n      .sill {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 39px;\r\n        background: linear-gradient(90deg, #e93323 0%, #ff7931 100%);\r\n        color: #fff;\r\n        line-height: 46px;\r\n        border-radius: 0 0 15px 15px;\r\n        font-size: 10px;\r\n        text-align: center;\r\n      }\r\n      img {\r\n        position: absolute;\r\n        left: 0;\r\n        width: 78px;\r\n        height: 10px;\r\n        bottom: 32px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.coupon {\r\n  height: 99px;\r\n  background: #fff;\r\n  overflow: hidden;\r\n  padding-left: 12px;\r\n  width: 100%;\r\n  .list {\r\n    flex-wrap: nowrap;\r\n  }\r\n  .itemCon {\r\n    background: #e93323;\r\n    border-radius: 8px;\r\n    width: 137px;\r\n    height: 75px;\r\n    overflow: hidden;\r\n    margin-right: 6px;\r\n  }\r\n  .item {\r\n    flex-shrink: 0;\r\n    position: relative;\r\n    display: flex;\r\n    width: 137px;\r\n    height: 75px;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border-radius: 8px;\r\n    color: #fff;\r\n    margin-right: 10px;\r\n    border: 1px solid #e93323;\r\n    .left {\r\n      width: 100px;\r\n      height: 75px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #e93323;\r\n      padding-bottom: 5px;\r\n      .num {\r\n        font-size: 22px;\r\n        font-weight: 600;\r\n\r\n        span {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n      .txt {\r\n        font-size: 12px;\r\n      }\r\n    }\r\n    .right {\r\n      flex: 1;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 12px;\r\n      border-left: 1px dashed #e93323;\r\n      color: #e93323;\r\n      .rightCon {\r\n        width: 21px;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n      }\r\n    }\r\n    .roll {\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 0 0 50% 50%;\r\n      background: #fff;\r\n      border: 1px solid #e93323;\r\n      &.up-roll {\r\n        right: 31px;\r\n        top: -5px;\r\n      }\r\n      &.down-roll {\r\n        right: 31px;\r\n        bottom: -5px;\r\n        border-radius: 50% 50% 0 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}