| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_coupon.vue?vue&type=style&index=0&id=15ef5ed8&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_coupon.vue","mtime":1761614938970},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouY291cG9uQ29uIHsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCn0NCi5jb3Vwb241IHsNCiAgaGVpZ2h0OiA3OHB4Ow0KICBiYWNrZ3JvdW5kOiAjZmZmZmZmOw0KICBib3JkZXItcmFkaXVzOiA4cHg7DQogIHBhZGRpbmctbGVmdDogMTBweDsNCiAgd2lkdGg6IDEwMCU7DQogIG92ZXJmbG93OiBoaWRkZW47DQogIC5saXN0IHsNCiAgICBmbGV4LXdyYXA6IG5vd3JhcDsNCiAgICAuaXRlbSB7DQogICAgICB3aWR0aDogMTE0cHg7DQogICAgICBoZWlnaHQ6IDU0cHg7DQogICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMGRlZywgI2U5MzMyMyAwJSwgI2ZmNzkzMSAxMDAlKTsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDZweDsNCiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICAgIG1hcmdpbi1yaWdodDogNnB4Ow0KDQogICAgICAucm9sbCB7DQogICAgICAgIHdpZHRoOiA4cHg7DQogICAgICAgIGhlaWdodDogOHB4Ow0KICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7DQogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgICAgbGVmdDogLTRweDsNCiAgICAgIH0NCiAgICAgIC5yaWdodCB7DQogICAgICAgIGZsZXg6IDE7DQogICAgICAgIC5yaWdodENvbiB7DQogICAgICAgICAgd2lkdGg6IDIwcHg7DQogICAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICAgIGNvbG9yOiAjZmZmOw0KICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgICBsaW5lLWhlaWdodDogMS4yOw0KICAgICAgICB9DQogICAgICB9DQogICAgICAubGVmdCB7DQogICAgICAgIHdpZHRoOiA4NnB4Ow0KICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgwZGVnLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSkgMCUsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC44KSAxMDAlKTsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGNvbG9yOiAjZTkzMzIzOw0KICAgICAgICBwYWRkaW5nOiA4cHggMDsNCiAgICAgICAgLm1vbmV5IHsNCiAgICAgICAgICBmb250LXNpemU6IDIxcHg7DQogICAgICAgICAgbGluZS1oZWlnaHQ6IDIxcHg7DQogICAgICAgICAgZm9udC1mYW1pbHk6IEQtRElOLVBSTywgRC1ESU4tUFJPOw0KICAgICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQoNCiAgICAgICAgICAubGFiZWwgew0KICAgICAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgICAudGlwcyB7DQogICAgICAgICAgZm9udC1zaXplOiAxMXB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQp9DQouY291cG9uNCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDExMHB4Ow0KICBiYWNrZ3JvdW5kOiAjZmZmZmZmOw0KICBib3JkZXItcmFkaXVzOiA4cHg7DQogIHBhZGRpbmc6IDEycHggMTBweDsNCg0KICAubGlzdCB7DQogICAgYmFja2dyb3VuZDogI2U5MzMyMzsNCiAgICBib3JkZXItcmFkaXVzOiAxMnB4Ow0KICAgIGhlaWdodDogODZweDsNCiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgd2lkdGg6IDEwMCU7DQogICAgLmxpc3RDb24gew0KICAgICAgZmxleC13cmFwOiBub3dyYXA7DQogICAgfQ0KICAgIC5wb2NrZXQgew0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDBkZWcsICNlOTMzMjMgMCUsICNmZjc5MzEgMTAwJSk7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICB0b3A6IDA7DQogICAgICByaWdodDogMDsNCiAgICAgIHdpZHRoOiAxNDhweDsNCiAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgIHBhZGRpbmctdG9wOiAxMHB4Ow0KDQogICAgICAudGlwcyB7DQogICAgICAgIGNvbG9yOiAjZmZmZmZmOw0KICAgICAgICBmb250LXNpemU6IDE2cHg7DQogICAgICB9DQogICAgICAuaW5mbyB7DQogICAgICAgIGZvbnQtc2l6ZTogMTBweDsNCiAgICAgICAgY29sb3I6ICNmNWY1ZjU7DQogICAgICB9DQogICAgICAuYm50IHsNCiAgICAgICAgd2lkdGg6IDgwcHg7DQogICAgICAgIGhlaWdodDogMjRweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMTNweDsNCiAgICAgICAgYmFja2dyb3VuZDogI2U5MzMyMzsNCiAgICAgICAgbWFyZ2luOiA0cHggYXV0byAwIGF1dG87DQogICAgICAgIGNvbG9yOiAjZTkzMzIzOw0KICAgICAgICAuYm50Q29uIHsNCiAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpOw0KICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgICBsaW5lLWhlaWdodDogMjRweDsNCiAgICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgICAgYm9yZGVyLXJhZGl1czogMTNweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgICAuaXRlbSB7DQogICAgICB3aWR0aDogNzBweDsNCiAgICAgIGhlaWdodDogNjZweDsNCiAgICAgIGJhY2tncm91bmQ6ICNmZmZmZmY7DQogICAgICBib3JkZXItcmFkaXVzOiA2cHg7DQogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICBtYXJnaW4tcmlnaHQ6IDZweDsNCiAgICAgIC50eXBlIHsNCiAgICAgICAgZm9udC1zaXplOiAxMXB4Ow0KICAgICAgICBjb2xvcjogI2U5MzMyMzsNCiAgICAgICAgd2lkdGg6IDU0cHg7DQogICAgICAgIGhlaWdodDogMTlweDsNCiAgICAgICAgYmFja2dyb3VuZDogI2U5MzMyMzsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDEycHggMTJweDsNCiAgICAgICAgbWFyZ2luOiAwIGF1dG87DQoNCiAgICAgICAgLnR5cGVDb24gew0KICAgICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTsNCiAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOXB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgICAubW9uZXkgew0KICAgICAgICBmb250LXNpemU6IDIwcHg7DQogICAgICAgIGZvbnQtZmFtaWx5OiBELURJTi1QUk8sIEQtRElOLVBSTzsNCiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDsNCiAgICAgICAgbWFyZ2luLXRvcDogNHB4Ow0KICAgICAgICBsaW5lLWhlaWdodDogMjRweDsNCiAgICAgICAgY29sb3I6ICNlOTMzMjM7DQogICAgICAgIC5sYWJlbCB7DQogICAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgICAudGlwcyB7DQogICAgICAgIGZvbnQtc2l6ZTogOXB4Ow0KICAgICAgICBjb2xvcjogIzMzMzMzMzsNCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCi5jb3Vwb24yIHsNCiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwZGVnLCAjZTkzMzIzIDAlLCAjZmY3OTMxIDEwMCUpOw0KICBoZWlnaHQ6IDE0MHB4Ow0KICBwYWRkaW5nLWxlZnQ6IDEycHg7DQogIHdpZHRoOiAxMDAlOw0KICBvdmVyZmxvdzogaGlkZGVuOw0KICAubGlzdCB7DQogICAgZmxleC13cmFwOiBub3dyYXA7DQogICAgLml0ZW0gew0KICAgICAgd2lkdGg6IDEwMnB4Ow0KICAgICAgaGVpZ2h0OiAxMTZweDsNCiAgICAgIGJhY2tncm91bmQ6ICNmZmZmZmY7DQogICAgICBib3JkZXItcmFkaXVzOiA4cHg7DQogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICBwYWRkaW5nLXRvcDogMTRweDsNCiAgICAgIG1hcmdpbi1yaWdodDogNnB4Ow0KICAgICAgLnR5cGUgew0KICAgICAgICBmb250LXdlaWdodDogNTAwOw0KICAgICAgICBjb2xvcjogIzMzMzMzMzsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgfQ0KICAgICAgLm1vbmV5IHsNCiAgICAgICAgZm9udC1zaXplOiAyMnB4Ow0KICAgICAgICBmb250LWZhbWlseTogRC1ESU4tUFJPLCBELURJTi1QUk87DQogICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQogICAgICAgIGNvbG9yOiAjZTkzMzIzOw0KICAgICAgICBsaW5lLWhlaWdodDogMS4zOw0KICAgICAgICAubGFiZWwgew0KICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgLnRpcHMgew0KICAgICAgICBmb250LXNpemU6IDlweDsNCiAgICAgICAgY29sb3I6ICNlOTMzMjM7DQogICAgICB9DQogICAgICAuYm50IHsNCiAgICAgICAgd2lkdGg6IDY4cHg7DQogICAgICAgIGhlaWdodDogMjRweDsNCiAgICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwZGVnLCAjZmY3OTMxIDAlLCAjZTkzMzIzIDEwMCUpOw0KICAgICAgICBib3JkZXItcmFkaXVzOiAxM3B4Ow0KICAgICAgICBjb2xvcjogI2ZmZmZmZjsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4Ow0KICAgICAgICBtYXJnaW46IDZweCBhdXRvIDAgYXV0bzsNCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCi5jb3Vwb24xIHsNCiAgcGFkZGluZzogMTlweCAwIDEycHggMTJweDsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgLmxpc3Qgew0KICAgIG1hcmdpbi10b3A6IDEycHg7DQogICAgZGlzcGxheTogaW5saW5lLWZsZXg7DQogICAgZmxleC13cmFwOiBub3dyYXA7DQoNCiAgICAuaXRlbSB7DQogICAgICB3aWR0aDogNzhweDsNCiAgICAgIGhlaWdodDogNzZweDsNCiAgICAgIGJhY2tncm91bmQ6ICNmMTJhMTM7DQogICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICBib3JkZXItcmFkaXVzOiA2cHggNnB4IDE1cHggMTVweDsNCiAgICAgIG1hcmdpbi1yaWdodDogNnB4Ow0KICAgICAgLm1vbmV5IHsNCiAgICAgICAgd2lkdGg6IDcycHg7DQogICAgICAgIGhlaWdodDogNTNweDsNCiAgICAgICAgYmFja2dyb3VuZDogI2ZmZmZmZjsNCiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2ZjZWFlOTsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICBsZWZ0OiAzcHg7DQogICAgICAgIHRvcDogLTE4cHg7DQogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgZm9udC1zaXplOiAyMHB4Ow0KICAgICAgICBmb250LWZhbWlseTogRC1ESU4tUFJPLCBELURJTi1QUk87DQogICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQogICAgICAgIGNvbG9yOiAjZTkzMzIzOw0KICAgICAgICBwYWRkaW5nLXRvcDogNnB4Ow0KICAgICAgICBib3JkZXItcmFkaXVzOiA2cHggNnB4IDAgMDsNCiAgICAgICAgLmxhYmxlIHsNCiAgICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgIH0NCiAgICAgICAgLnRpcHMgew0KICAgICAgICAgIGZvbnQtc2l6ZTogOXB4Ow0KICAgICAgICAgIGNvbG9yOiAjOTk5OTk5Ow0KICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIC5zaWxsIHsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICBib3R0b206IDA7DQogICAgICAgIGxlZnQ6IDA7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBoZWlnaHQ6IDM5cHg7DQogICAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgI2U5MzMyMyAwJSwgI2ZmNzkzMSAxMDAlKTsNCiAgICAgICAgY29sb3I6ICNmZmY7DQogICAgICAgIGxpbmUtaGVpZ2h0OiA0NnB4Ow0KICAgICAgICBib3JkZXItcmFkaXVzOiAwIDAgMTVweCAxNXB4Ow0KICAgICAgICBmb250LXNpemU6IDEwcHg7DQogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIH0NCiAgICAgIGltZyB7DQogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgICAgbGVmdDogMDsNCiAgICAgICAgd2lkdGg6IDc4cHg7DQogICAgICAgIGhlaWdodDogMTBweDsNCiAgICAgICAgYm90dG9tOiAzMnB4Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLmNvdXBvbiB7DQogIGhlaWdodDogOTlweDsNCiAgYmFja2dyb3VuZDogI2ZmZjsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgcGFkZGluZy1sZWZ0OiAxMnB4Ow0KICB3aWR0aDogMTAwJTsNCiAgLmxpc3Qgew0KICAgIGZsZXgtd3JhcDogbm93cmFwOw0KICB9DQogIC5pdGVtQ29uIHsNCiAgICBiYWNrZ3JvdW5kOiAjZTkzMzIzOw0KICAgIGJvcmRlci1yYWRpdXM6IDhweDsNCiAgICB3aWR0aDogMTM3cHg7DQogICAgaGVpZ2h0OiA3NXB4Ow0KICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgbWFyZ2luLXJpZ2h0OiA2cHg7DQogIH0NCiAgLml0ZW0gew0KICAgIGZsZXgtc2hyaW5rOiAwOw0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIHdpZHRoOiAxMzdweDsNCiAgICBoZWlnaHQ6IDc1cHg7DQogICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpOw0KICAgIGJvcmRlci1yYWRpdXM6IDhweDsNCiAgICBjb2xvcjogI2ZmZjsNCiAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogICAgYm9yZGVyOiAxcHggc29saWQgI2U5MzMyMzsNCiAgICAubGVmdCB7DQogICAgICB3aWR0aDogMTAwcHg7DQogICAgICBoZWlnaHQ6IDc1cHg7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgIGNvbG9yOiAjZTkzMzIzOw0KICAgICAgcGFkZGluZy1ib3R0b206IDVweDsNCiAgICAgIC5udW0gew0KICAgICAgICBmb250LXNpemU6IDIycHg7DQogICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQoNCiAgICAgICAgc3BhbiB7DQogICAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgICAudHh0IHsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgfQ0KICAgIH0NCiAgICAucmlnaHQgew0KICAgICAgZmxleDogMTsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgICBmb250LXNpemU6IDEycHg7DQogICAgICBib3JkZXItbGVmdDogMXB4IGRhc2hlZCAjZTkzMzIzOw0KICAgICAgY29sb3I6ICNlOTMzMjM7DQogICAgICAucmlnaHRDb24gew0KICAgICAgICB3aWR0aDogMjFweDsNCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICBsaW5lLWhlaWdodDogMS4yOw0KICAgICAgfQ0KICAgIH0NCiAgICAucm9sbCB7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICB3aWR0aDogOHB4Ow0KICAgICAgaGVpZ2h0OiA4cHg7DQogICAgICBib3JkZXItcmFkaXVzOiAwIDAgNTAlIDUwJTsNCiAgICAgIGJhY2tncm91bmQ6ICNmZmY7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCAjZTkzMzIzOw0KICAgICAgJi51cC1yb2xsIHsNCiAgICAgICAgcmlnaHQ6IDMxcHg7DQogICAgICAgIHRvcDogLTVweDsNCiAgICAgIH0NCiAgICAgICYuZG93bi1yb2xsIHsNCiAgICAgICAgcmlnaHQ6IDMxcHg7DQogICAgICAgIGJvdHRvbTogLTVweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlIDUwJSAwIDA7DQogICAgICB9DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["home_coupon.vue"],"names":[],"mappings":";AAoiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}
|
