| 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_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"]}]}
|
