wechatpay-enterprise-web/node_modules/.cache/vue-loader/ebed2fbbc2443657e4d07f1768b3582f.json

{"remainingRequest":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\办公文件\\前端\\src\\components\\indexHtml.vue?vue&type=style&index=0&id=7e58c586&scoped=true&lang=css","dependencies":[{"path":"D:\\办公文件\\前端\\src\\components\\indexHtml.vue","mtime":1709884674000},{"path":"D:\\办公文件\\前端\\node_modules\\css-loader\\dist\\cjs.js","mtime":1711099310000},{"path":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1711099310000},{"path":"D:\\办公文件\\前端\\node_modules\\postcss-loader\\src\\index.js","mtime":1711099310000},{"path":"D:\\办公文件\\前端\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1711099308000},{"path":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js","mtime":1711099310000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:ICANCkBpbXBvcnQgdXJsKCcuLi9hc3NldHMvZm9udHMvaWNvbmZvbnQuY3NzJyk7DQovKiDmt7vliqDkuIDkupvln7rmnKznmoTmoLflvI8gKi8gIA0KICAgIGJvZHkgeyAgDQogICAgbWFyZ2luOiAwOyAgDQogICAgZGlzcGxheTogZmxleDsgIA0KICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47ICANCiAgICBtaW4taGVpZ2h0OiAxMDB2aDsgLyog56Gu5L+dYm9keeiHs+WwkeWNoOaNruaVtOS4quinhueql+eahOmrmOW6piAqLyANCiAgICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7ICANCiAgICBwYWRkaW5nOiAwOyAgDQogICAgYmFja2dyb3VuZC1jb2xvcjogI0ZGRkFFRjsNCiAgICB3aWR0aDogMTAwJTsNCiAgICB9ICANCg0KDQogICAgYSB7DQogICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTsNCiAgICAgICAgY29sb3I6ICMzMzM7DQogICAgfQ0KDQogICAgaGVhZGVyIHsgIA0KICAgIHBhZGRpbmc6IDAgMTB2aDsNCiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsICNFMzI3MUMgMCUsICNGRjVCMjcgMTAwJSk7ICANCiAgICBjb2xvcjogI2ZmZjsgDQogICAgaGVpZ2h0OiA4dmg7IA0KICAgIH0gIA0KDQogICAgLm5hdmJhciB7ICANCiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsgIA0KICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogICAgfSAgDQoNCiAgICAubmF2YmFyIGEgeyAgDQogICAgICAgIGZsb2F0OiBsZWZ0OyAgDQogICAgICAgIGRpc3BsYXk6IGJsb2NrOyAgDQogICAgICAgIGZvbnQtc2l6ZTogNXB4Ow0KICAgICAgICBjb2xvcjogI2YyZjJmMjsgIA0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7ICANCiAgICAgICAgbGluZS1oZWlnaHQ6IDN2aDsNCiAgICAgICAgcGFkZGluZzogMnZoIDN2aDsNCiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lOyANCiAgICAgICAgYm9yZGVyLWJvdHRvbTogMC41dmggc29saWQgdHJhbnNwYXJlbnQ7IC8qIOWIneWni+eKtuaAgeS4jeaYvuekuuS4i+i+ueahhiAqLyAgDQogICAgfSAgDQoNCiAgICAubmF2YmFyIGE6aG92ZXIgeyAgDQogICAgICAgIHBhZGRpbmctYm90dG9tOiAyLjV2aDsNCiAgICAgICAgYm9yZGVyLWJvdHRvbTogI2ZmZiAwLjV2aCBzb2xpZDsNCiAgICB9ICANCg0KICAgIC5jYXJvdXNlbCB7ICANCiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOyAgDQogICAgICAgIG1heC13aWR0aDogMTAwJTsgIA0KICAgICAgICBvdmVyZmxvdzogaGlkZGVuOyAgDQogICAgfSAgDQoNCiAgICAuY2Fyb3VzZWwtaW5uZXIgeyAgDQogICAgICAgIGRpc3BsYXk6IGZsZXg7ICANCiAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNXMgZWFzZS1pbi1vdXQ7ICANCiAgICB9ICANCg0KICAgIC5jYXJvdXNlbC1pbWFnZSB7ICANCiAgICB3aWR0aDogMTAwJTsgIA0KICAgIGZsZXgtc2hyaW5rOiAwOyAgDQogICAgZGlzcGxheTogYmxvY2s7ICANCiAgICB9ICANCg0KDQoNCiAgICAuY2Fyb3VzZWwtY29udHJvbCB7ICANCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7ICANCiAgICB0b3A6IDUwJTsgIA0KICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTsgIA0KICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjE5LCAyMTAsIDIxMCwgMC4zKTsgOyAgDQogICAgY29sb3I6ICNmZmY7ICANCiAgICBib3JkZXI6IG5vbmU7ICANCiAgICBjdXJzb3I6IHBvaW50ZXI7ICANCiAgICBwYWRkaW5nOiAydmggOyAgDQogICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzIGVhc2U7ICANCiAgICB9ICANCg0KDQoNCiAgICAuY2Fyb3VzZWwtY29udHJvbDpob3ZlciB7ICANCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOCk7ICANCiAgICB9ICANCg0KICAgIC5wcmV2IHsgIA0KICAgIGxlZnQ6IDA7ICANCiAgICB9ICANCg0KICAgIC5uZXh0IHsgIA0KICAgIHJpZ2h0OiAwOyAgDQogICAgfSAgDQoNCiAgICAuc3Itb25seSB7ICANCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7ICANCiAgICB3aWR0aDogMXB4OyAgDQogICAgaGVpZ2h0OiAxcHg7ICANCiAgICBwYWRkaW5nOiAwOyAgDQogICAgbWFyZ2luOiAtMXB4OyAgDQogICAgb3ZlcmZsb3c6IGhpZGRlbjsgIA0KICAgIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7ICANCiAgICB3aGl0ZS1zcGFjZTogbm93cmFwOyAgDQogICAgYm9yZGVyOiAwOyAgDQogICAgfSAgDQoNCiAgICBtYWluIHsNCiAgICBmbGV4OjE7DQogICAgbWFyZ2luOjE1dmggMjB2aDsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAgIGJvcmRlci1yYWRpdXM6IDJ2aDsNCiAgICBib3gtc2hhZG93OiAwIDAgOHB4IDZweCByZ2JhKDE1MCwgMTQzLCAxNDMsIDAuNSk7DQogICAgfQ0KICAgIC5tYWluX3RvcCB7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIHBhZGRpbmctbGVmdDogOHZoOw0KICAgIGNvbG9yOiBvcmFuZ2VyZWQ7DQogICAgZm9udC1zaXplOiAxOHB4ICFpbXBvcnRhbnQ7DQogICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMjA0LCAyMDQsIDIwNCwgMC40MzcpOw0KICAgIH0NCg0KICAgIC5pY29uLWZlaXlvbmdqaWFvbmEyIHsNCiAgICBmb250LXN0eWxlOiBub3JtYWw7DQogICAgZm9udC1zaXplOiAzdncgIWltcG9ydGFudDsNCiAgICBwYWRkaW5nLXJpZ2h0OiAydmg7DQogICAgfQ0KDQogICAgLmpuIHsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICB0b3A6IDMwJTsNCiAgICAgICAgZm9udC1zaXplOiAydncgIWltcG9ydGFudDsNCiAgICB9DQoNCiAgICAuY2Fyb3VzZWwgew0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBvdmVyZmxvdzogaGlkZGVuOw0KICAgIH0NCg0KICAgIC5jYXJvdXNlbC1pbWFnZXMgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNXMgZWFzZS1pbi1vdXQ7DQogICAgfQ0KDQogICAgLmNhcm91c2VsLWltYWdlcyBpbWcgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogYXV0bzsNCiAgICB9DQoNCiAgICAuY2Fyb3VzZWwtY29udHJvbCB7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIHRvcDogNTAlOw0KICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDE3OSwgMTcyLCAxNzIsIDAuNSk7DQogICAgY29sb3I6IHdoaXRlOw0KICAgIGJvcmRlcjogbm9uZTsNCiAgICBmb250LXNpemU6IDJyZW07DQogICAgcGFkZGluZzogMC41cmVtOw0KICAgIGN1cnNvcjogcG9pbnRlcjsNCg0KICAgIH0NCg0KICAgIC5pY29uZm9udCB7DQogICAgZm9udC1zaXplOiA0dnc7DQogICAgZm9udC13ZWlnaHQ6IDcwMDsNCiAgICB9DQoNCiAgICAuY2Fyb3VzZWwtaW5kaWNhdG9ycyB7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIGJvdHRvbTogMXJlbTsNCiAgICBsZWZ0OiA1MCU7DQogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOw0KICAgIGxpc3Qtc3R5bGU6IG5vbmU7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBnYXA6IDAuNXJlbTsNCiAgICB9DQoNCiAgICAuY2Fyb3VzZWwtaW5kaWNhdG9ycyBsaSB7DQogICAgd2lkdGg6IDFyZW07DQogICAgaGVpZ2h0OiAxcmVtOw0KICAgIGJhY2tncm91bmQtY29sb3I6ICNjY2M7DQogICAgYm9yZGVyLXJhZGl1czogNTAlOw0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICB9DQoNCiAgICAuY2Fyb3VzZWwtaW5kaWNhdG9ycyBsaS5hY3RpdmUgew0KICAgIGJhY2tncm91bmQtY29sb3I6ICMzMzM7DQogICAgfQ0KDQoNCiAgICAvKiDllYblk4HlrrnlmaggKi8gIA0KICAgIC5wcm9kdWN0LWNvbnRhaW5lciB7ICANCiAgICBkaXNwbGF5OiBmbGV4OyAgDQogICAgZmxleC13cmFwOiB3cmFwOyAgDQogICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOyANCiAgICBwYWRkaW5nOiAwIDV2aDsNCiAgICB9ICANCg0KICAgIC8qIOWVhuWTgemhuSAqLyAgDQogICAgLnByb2R1Y3QtaXRlbSB7ICANCiAgICB3aWR0aDogMzAlOyAvKiDlr7nkuo5QQ+erryAqLyAgDQogICAgbWFyZ2luOiAzdmggMDsgIA0KICAgIHRleHQtYWxpZ246IGNlbnRlcjsgIA0KICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7ICANCiAgICBib3JkZXItcmFkaXVzOiAxdmg7ICANCiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OyAgDQogICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZTsgIA0KICAgIH0gIA0KDQogICAgLyog5ZWG5ZOB6aG5OmhvdmVy5pWI5p6cICovICANCiAgICAucHJvZHVjdC1pdGVtOmhvdmVyIHsgIA0KICAgIHRyYW5zZm9ybTogc2NhbGUoMS4wNSk7ICANCiAgICAvKiBib3JkZXItY29sb3I6ICMzMzM7ICAgKi8NCiAgICBib3gtc2hhZG93OiAwIDAgOHB4IDZweCByZ2JhKDE1MCwgMTQzLCAxNDMsIDAuNSk7DQogICAgfSANCg0KICAgIC8qIOWVhuWTgeWbvueJhyAqLyAgDQogICAgLnByb2R1Y3QtaW1hZ2UgeyANCiAgICB3aWR0aDogMzAlOw0KICAgIHBhZGRpbmctdG9wOiA1dmg7ICAgDQogICAgaGVpZ2h0OiBhdXRvOyAgDQogICAgbWFyZ2luLWJvdHRvbTogNXZoOyAgDQogICAgfSANCg0KICAgIC5wcm9kdWN0LXRpdGxlew0KICAgIG1hcmdpbi1ib3R0b206IDV2aDsNCiAgICBmb250LXdlaWdodDogNDAwOw0KICAgIH0NCg0KICAgIGZvb3RlciB7ICANCiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsICNFMzI3MUMgMCUsICNGRjVCMjcgMTAwJSk7ICANCiAgICBjb2xvcjogI2ZmZjsgIA0KICAgIHBhZGRpbmc6IDJ2aDsgDQogICAgZm9udC1zaXplOiA0cHg7DQogICAgdGV4dC1hbGlnbjogY2VudGVyOyANCiAgICBoZWlnaHQ6IGF1dG87DQogICAgfSAgDQogICAgLyog5b2T5Zu+54mH5Yqg6L295a6M5oiQ5ZCO5pi+56S66aG16Z2i5YaF5a65ICovICANCiAgICAuaW1hZ2VzLWxvYWRlZCB7ICANCiAgICBkaXNwbGF5OiBibG9jazsgIA0KICAgIH0gIA0KDQogICAgQG1lZGlhIChtYXgtd2lkdGg6IDg0MHB4KSB7IA0KICAgICAgICAubmF2YmFyIGEgew0KICAgICAgICBmb250LXNpemU6MThweDsNCiAgICB9DQogICAgICAgIG1haW4gew0KICAgICAgICAgICAgbWFyZ2luOiAxNXZoIDEwdmg7DQogICAgICAgIH0NCiAgICAgfQ0KICAgIA0KICAgIC8qIOa3u+WKoOWTjeW6lOW8j+agt+W8jyAqLyAgDQogICAgQG1lZGlhIChtYXgtd2lkdGg6IDY1MHB4KSB7ICANCiAgICBoZWFkZXIgew0KICAgICAgICBwYWRkaW5nOiAwOyAgDQogICAgfQ0KICAgIC5jYXJvdXNlbC1pbWFnZXMgaW1new0KICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgaGVpZ2h0OiAyNXZoOw0KICAgIH0NCiAgICAubmF2YmFyIGEgew0KICAgICAgICBmb250LXNpemU6MThweDsNCiAgICB9DQogICAgLmNhcm91c2VsLWNvbnRyb2wsLmNhcm91c2VsLWluZGljYXRvcnMgew0KICAgICAgICBkaXNwbGF5OiBub25lOw0KICAgIH0NCiAgICAubWFpbl90b3Agew0KICAgICAgICBwYWRkaW5nLWxlZnQ6IDN2aDsNCiAgICB9DQogICAgLmljb24tZmVpeW9uZ2ppYW9uYTIgew0KICAgICAgICBmb250LXNpemU6IDEwdncgIWltcG9ydGFudDsNCiAgICB9DQogICAgLmpuIHsNCiAgICAgICAgdG9wOjEwJSAhaW1wb3J0YW50Ow0KICAgICAgICBmb250LXNpemU6MTAwJSAhaW1wb3J0YW50Ow0KICAgIH0NCg0KICAgIC5wcm9kdWN0LWl0ZW0geyAgDQogICAgd2lkdGg6IDk1JTsgLyog5a+55LqO5omL5py656uvICovICANCiAgICB9ICANCiAgICBtYWluIHsNCiAgICAgICAgbWFyZ2luOjIwcHggMDsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCiAgICAgICAgYm94LXNoYWRvdzogbm9uZTsNCiAgICB9DQogICAgLnByb2R1Y3QtY29udGFpbmVyIHsgIA0KICAgICAgICBwYWRkaW5nOiAzMnB4Ow0KICAgIC8qIG1hcmdpbi1yaWdodDogMTBweDsgKi8NCiAgICB9ICANCiAgICBmb290ZXIgew0KICAgICAgICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDsNCiAgICB9DQogICAgfQ0KICAgIC8qIEBtZWRpYSAobWF4LXdpZHRoOiA3MzVweCkgew0KICAgICAgICAuY2Fyb3VzZWwtaW1hZ2VzIGltZ3sNCiAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgIGhlaWdodDogMjV2aDsNCiAgICB9DQogICAgIH0gKi8NCg=="},{"version":3,"sources":["indexHtml.vue"],"names":[],"mappings":";AA4GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"indexHtml.vue","sourceRoot":"src/components","sourcesContent":["<template>\r\n    <div>\r\n<html lang=\"zh-CN\">  \r\n<head>  \r\n  <meta charset=\"UTF-8\">  \r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">  \r\n  <title>响应式网页</title>  \r\n    <!-- 引入jQuery库 -->\r\n    <!-- <script src=\"https://cdn.jsdelivr.net/npm/jquery@3.6.0\"></script> -->\r\n \r\n</head>  \r\n<body>\r\n  <header>  \r\n    <div class=\"navbar\">  \r\n        <a href=\"#home\">首页</a>  \r\n      </div> \r\n  </header>  \r\n  <div class=\"carousel\">\r\n    <div class=\"carousel-images\" ref=\"carouselImages\"> \r\n        <img src=\"@/assets/images/1.png\" alt=\"图片1\">\r\n        <img src=\"@/assets/images/2.png\" alt=\"图片2\">\r\n    </div>\r\n    <button class=\"carousel-control prev iconfont icon-jiantou-zuo\" v-on:click=\"changeSlide(-1)\"></button>\r\n    <button class=\"carousel-control next iconfont icon-jiantou-you\" v-on:click=\"changeSlide(1)\"></button>\r\n    <ul class=\"carousel-indicators\" ref=\"carouselIndicators\" id=\"carouselIndicators\">\r\n        <li data-target=\"0\"></li>\r\n        <li data-target=\"1\"></li>\r\n    </ul>\r\n</div>\r\n\r\n  <main>\r\n    <div class=\"main_top\">\r\n        <span class=\"iconfont icon-feiyongjiaona2\"></span>\r\n        <span class=\"jn\">费用缴纳</span>\r\n    </div>\r\n    <div class=\"product-container\">  \r\n        <!-- 商品项 -->  \r\n        <a href=\"/#/lease\" class=\"product-item\">  \r\n          <img src=\"@/assets/images/承包金.png\" alt=\"\" class=\"product-image\">  \r\n          <h3 class=\"product-title\">承包金</h3>  \r\n        </a>  \r\n        <a href=\"/#/dispatch\" class=\"product-item\">  \r\n            <img src=\"@/assets/images/调度费.png\" alt=\"\" class=\"product-image\">  \r\n            <h3 class=\"product-title\">调度费</h3>  \r\n        </a>  \r\n        <a href=\"/#/upkeep\" class=\"product-item\">  \r\n            <img src=\"@/assets/images/保养费.png\" alt=\"\" class=\"product-image\">  \r\n            <h3 class=\"product-title\">保养费</h3>  \r\n        </a>  \r\n        <!-- 更多商品项... -->  \r\n        \r\n      </div>  \r\n  </main>  \r\n    \r\n  <footer>  \r\n    <p>\t京ICP备10021178号-2 &copy; 2024 北京金银建科技发展有限公司</p>  \r\n  </footer> \r\n\r\n</body>  \r\n</html>\r\n    </div>\r\n</template>\r\n<script>\r\n\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      currentIndex: 0,\r\n      autoPlayInterval: null,\r\n    };\r\n  },\r\n  methods: {\r\n    updateCarousel() {\r\n        this.$refs.carouselImages.style.transform = `translateX(-${this.currentIndex * 100}%)`;\r\n        Array.from(this.$refs.carouselIndicators.querySelectorAll('li')).forEach((indicator, index) => {\r\n            indicator.classList.toggle('active', index === this.currentIndex);\r\n        });\r\n    },\r\n    changeSlide(step) {\r\n      this.currentIndex += step;\r\n      if (this.currentIndex < 0) {\r\n        this.currentIndex = this.$refs.carouselImages.children.length - 1;\r\n      } else if (this.currentIndex >= this.$refs.carouselImages.children.length) {\r\n        this.currentIndex = 0;\r\n      }\r\n      this.updateCarousel();\r\n    },\r\n    startAutoPlay() {\r\n    \r\n      this.autoPlayInterval = setInterval(() => {\r\n        this.changeSlide(1);\r\n      }, 5000); // 设置自动播放间隔时间，单位为毫秒\r\n    },\r\n    stopAutoPlay() {\r\n      clearInterval(this.autoPlayInterval);\r\n    },\r\n  },\r\n  mounted() {\r\n    this.startAutoPlay(); // 开始自动播放\r\n  },\r\n  beforeDestroy() {\r\n    this.stopAutoPlay(); // 停止自动播放\r\n  },\r\n}\r\n\r\n</script>  \r\n<style scoped>  \r\n@import url('../assets/fonts/iconfont.css');\r\n/* 添加一些基本的样式 */  \r\n    body {  \r\n    margin: 0;  \r\n    display: flex;  \r\n    flex-direction: column;  \r\n    min-height: 100vh; /* 确保body至少占据整个视窗的高度 */ \r\n    font-family: Arial, sans-serif;  \r\n    padding: 0;  \r\n    background-color: #FFFAEF;\r\n    width: 100%;\r\n    }  \r\n\r\n\r\n    a {\r\n        text-decoration: none;\r\n        color: #333;\r\n    }\r\n\r\n    header {  \r\n    padding: 0 10vh;\r\n    background: linear-gradient(90deg, #E3271C 0%, #FF5B27 100%);  \r\n    color: #fff; \r\n    height: 8vh; \r\n    }  \r\n\r\n    .navbar {  \r\n        overflow: hidden;  \r\n        display: inline-block;\r\n    }  \r\n\r\n    .navbar a {  \r\n        float: left;  \r\n        display: block;  \r\n        font-size: 5px;\r\n        color: #f2f2f2;  \r\n        text-align: center;  \r\n        line-height: 3vh;\r\n        padding: 2vh 3vh;\r\n        text-decoration: none; \r\n        border-bottom: 0.5vh solid transparent; /* 初始状态不显示下边框 */  \r\n    }  \r\n\r\n    .navbar a:hover {  \r\n        padding-bottom: 2.5vh;\r\n        border-bottom: #fff 0.5vh solid;\r\n    }  \r\n\r\n    .carousel {  \r\n        position: relative;  \r\n        max-width: 100%;  \r\n        overflow: hidden;  \r\n    }  \r\n\r\n    .carousel-inner {  \r\n        display: flex;  \r\n        transition: transform 0.5s ease-in-out;  \r\n    }  \r\n\r\n    .carousel-image {  \r\n    width: 100%;  \r\n    flex-shrink: 0;  \r\n    display: block;  \r\n    }  \r\n\r\n\r\n\r\n    .carousel-control {  \r\n    position: absolute;  \r\n    top: 50%;  \r\n    transform: translateY(-50%);  \r\n    background-color: rgba(219, 210, 210, 0.3); ;  \r\n    color: #fff;  \r\n    border: none;  \r\n    cursor: pointer;  \r\n    padding: 2vh ;  \r\n    transition: background-color 0.3s ease;  \r\n    }  \r\n\r\n\r\n\r\n    .carousel-control:hover {  \r\n    background-color: rgba(0, 0, 0, 0.8);  \r\n    }  \r\n\r\n    .prev {  \r\n    left: 0;  \r\n    }  \r\n\r\n    .next {  \r\n    right: 0;  \r\n    }  \r\n\r\n    .sr-only {  \r\n    position: absolute;  \r\n    width: 1px;  \r\n    height: 1px;  \r\n    padding: 0;  \r\n    margin: -1px;  \r\n    overflow: hidden;  \r\n    clip: rect(0, 0, 0, 0);  \r\n    white-space: nowrap;  \r\n    border: 0;  \r\n    }  \r\n\r\n    main {\r\n    flex:1;\r\n    margin:15vh 20vh;\r\n    background-color: #fff;\r\n    border-radius: 2vh;\r\n    box-shadow: 0 0 8px 6px rgba(150, 143, 143, 0.5);\r\n    }\r\n    .main_top {\r\n    position: relative;\r\n    padding-left: 8vh;\r\n    color: orangered;\r\n    font-size: 18px !important;\r\n    border-bottom: 1px solid rgba(204, 204, 204, 0.437);\r\n    }\r\n\r\n    .icon-feiyongjiaona2 {\r\n    font-style: normal;\r\n    font-size: 3vw !important;\r\n    padding-right: 2vh;\r\n    }\r\n\r\n    .jn {\r\n        position: absolute;\r\n        top: 30%;\r\n        font-size: 2vw !important;\r\n    }\r\n\r\n    .carousel {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    }\r\n\r\n    .carousel-images {\r\n    display: flex;\r\n    transition: transform 0.5s ease-in-out;\r\n    }\r\n\r\n    .carousel-images img {\r\n    width: 100%;\r\n    height: auto;\r\n    }\r\n\r\n    .carousel-control {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background-color: rgba(179, 172, 172, 0.5);\r\n    color: white;\r\n    border: none;\r\n    font-size: 2rem;\r\n    padding: 0.5rem;\r\n    cursor: pointer;\r\n\r\n    }\r\n\r\n    .iconfont {\r\n    font-size: 4vw;\r\n    font-weight: 700;\r\n    }\r\n\r\n    .carousel-indicators {\r\n    position: absolute;\r\n    bottom: 1rem;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    list-style: none;\r\n    display: flex;\r\n    gap: 0.5rem;\r\n    }\r\n\r\n    .carousel-indicators li {\r\n    width: 1rem;\r\n    height: 1rem;\r\n    background-color: #ccc;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    }\r\n\r\n    .carousel-indicators li.active {\r\n    background-color: #333;\r\n    }\r\n\r\n\r\n    /* 商品容器 */  \r\n    .product-container {  \r\n    display: flex;  \r\n    flex-wrap: wrap;  \r\n    justify-content: space-between; \r\n    padding: 0 5vh;\r\n    }  \r\n\r\n    /* 商品项 */  \r\n    .product-item {  \r\n    width: 30%; /* 对于PC端 */  \r\n    margin: 3vh 0;  \r\n    text-align: center;  \r\n    border: 1px solid #ddd;  \r\n    border-radius: 1vh;  \r\n    box-sizing: border-box;  \r\n    transition: transform 0.3s ease;  \r\n    }  \r\n\r\n    /* 商品项:hover效果 */  \r\n    .product-item:hover {  \r\n    transform: scale(1.05);  \r\n    /* border-color: #333;   */\r\n    box-shadow: 0 0 8px 6px rgba(150, 143, 143, 0.5);\r\n    } \r\n\r\n    /* 商品图片 */  \r\n    .product-image { \r\n    width: 30%;\r\n    padding-top: 5vh;   \r\n    height: auto;  \r\n    margin-bottom: 5vh;  \r\n    } \r\n\r\n    .product-title{\r\n    margin-bottom: 5vh;\r\n    font-weight: 400;\r\n    }\r\n\r\n    footer {  \r\n    background: linear-gradient(90deg, #E3271C 0%, #FF5B27 100%);  \r\n    color: #fff;  \r\n    padding: 2vh; \r\n    font-size: 4px;\r\n    text-align: center; \r\n    height: auto;\r\n    }  \r\n    /* 当图片加载完成后显示页面内容 */  \r\n    .images-loaded {  \r\n    display: block;  \r\n    }  \r\n\r\n    @media (max-width: 840px) { \r\n        .navbar a {\r\n        font-size:18px;\r\n    }\r\n        main {\r\n            margin: 15vh 10vh;\r\n        }\r\n     }\r\n    \r\n    /* 添加响应式样式 */  \r\n    @media (max-width: 650px) {  \r\n    header {\r\n        padding: 0;  \r\n    }\r\n    .carousel-images img{\r\n        width: 100%;\r\n        height: 25vh;\r\n    }\r\n    .navbar a {\r\n        font-size:18px;\r\n    }\r\n    .carousel-control,.carousel-indicators {\r\n        display: none;\r\n    }\r\n    .main_top {\r\n        padding-left: 3vh;\r\n    }\r\n    .icon-feiyongjiaona2 {\r\n        font-size: 10vw !important;\r\n    }\r\n    .jn {\r\n        top:10% !important;\r\n        font-size:100% !important;\r\n    }\r\n\r\n    .product-item {  \r\n    width: 95%; /* 对于手机端 */  \r\n    }  \r\n    main {\r\n        margin:20px 0;\r\n        background-color: #fff;\r\n        box-shadow: none;\r\n    }\r\n    .product-container {  \r\n        padding: 32px;\r\n    /* margin-right: 10px; */\r\n    }  \r\n    footer {\r\n        font-size: 14px !important;\r\n    }\r\n    }\r\n    /* @media (max-width: 735px) {\r\n        .carousel-images img{\r\n        width: 100%;\r\n        height: 25vh;\r\n    }\r\n     } */\r\n</style> "]}]}