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

{"remainingRequest":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\办公文件\\前端\\src\\components\\cbjHtml.vue?vue&type=style&index=0&id=c1cce554&scoped=true&lang=css","dependencies":[{"path":"D:\\办公文件\\前端\\src\\components\\cbjHtml.vue","mtime":1709876428000},{"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:ICANCkBpbXBvcnQgdXJsKCcuLi9hc3NldHMvZm9udHMvaWNvbmZvbnQuY3NzJyk7DQpib2R5IHsgIA0KICBtYXJnaW46IDA7ICANCiAgZGlzcGxheTogZmxleDsgIA0KICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOyAgDQogIG1pbi1oZWlnaHQ6IDEwMHZoOyAvKiDnoa7kv51ib2R56Iez5bCR5Y2g5o2u5pW05Liq6KeG56qX55qE6auY5bqmICovIA0KICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7ICANCiAgcGFkZGluZzogMDsgIA0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjRkZGQUVGOw0KICB3aWR0aDogMTAwJTsNCn0gIA0KDQoNCmEgew0KICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTsNCiAgICBjb2xvcjogIzMzMzsNCn0NCg0KaGVhZGVyIHsgIA0KICAgIHBhZGRpbmc6IDAgMTB2aDsNCiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsICNFMzI3MUMgMCUsICNGRjVCMjcgMTAwJSk7ICANCiAgICBjb2xvcjogI2ZmZjsgDQogICAgaGVpZ2h0OiA4dmg7IA0KfSAgDQoNCi5uYXZiYXIgeyAgDQogICAgICAgIG92ZXJmbG93OiBoaWRkZW47ICANCiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICAgIH0gIA0KDQogICAgLm5hdmJhciBhIHsgIA0KICAgICAgICBmbG9hdDogbGVmdDsgIA0KICAgICAgICBkaXNwbGF5OiBibG9jazsgIA0KICAgICAgICBmb250LXNpemU6IDVweDsNCiAgICAgICAgY29sb3I6ICNmMmYyZjI7ICANCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOyAgDQogICAgICAgIGxpbmUtaGVpZ2h0OiAzdmg7DQogICAgICAgIHBhZGRpbmc6IDJ2aCAzdmg7DQogICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTsgDQogICAgICAgIGJvcmRlci1ib3R0b206IDAuNXZoIHNvbGlkIHRyYW5zcGFyZW50OyAvKiDliJ3lp4vnirbmgIHkuI3mmL7npLrkuIvovrnmoYYgKi8gIA0KICAgIH0gIA0KDQogICAgLm5hdmJhciBhOmhvdmVyIHsgIA0KICAgICAgICBwYWRkaW5nLWJvdHRvbTogMi41dmg7DQogICAgICAgIGJvcmRlci1ib3R0b206ICNmZmYgMC41dmggc29saWQ7DQogICAgfSANCg0KICAgIG1haW4gew0KICAgICAgICBmbGV4OiAxOw0KICAgICAgICBtYXJnaW46NSUgMTAlOw0KICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAgICAgICBib3JkZXI6ICNlYmU4ZTggMXB4IHNvbGlkOw0KICAgIH0NCg0KbWFpbiAuZGV0YWlscyB7DQp3aWR0aDogMTAwJTsNCg0KfQ0KLmNvbnRhaW5lciB7ICANCiAgZGlzcGxheTogZmxleDsgIA0KICBtYXgtd2lkdGg6IDEyMDBweDsgIA0KICBwYWRkaW5nOiAyMHB4OyAgDQp9ICANCg0KLnByb2R1Y3QtaW1hZ2UgeyAgDQogIHdpZHRoOiA4MCU7DQogIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7DQogIGJvcmRlci1yYWRpdXM6IDVweDsNCiAgZmxleDogMCAwIDUwJTsgLyog5Zu+54mH5Y2g5a655Zmo5a695bqm55qENDAlICovICANCiAgbWFyZ2luLXJpZ2h0OiAzMHB4OyAvKiDlm77niYfkuI7ku7fmoLzkuYvpl7TnmoTpl7Tot50gKi8gIA0KfSAgDQoucHJvZHVjdC1pbWFnZSBpbWcgew0KICAgIHdpZHRoOiA1MCU7DQogICAgaGVpZ2h0OiA1MCU7DQogICAgcGFkZGluZzogMTglIDI1JTsNCn0NCi5wcm9kdWN0LWluZm8geyAgDQogIGZsZXg6IDE7IC8qIOS7t+agvOWNoOWuueWZqOWJqeS9meWuveW6pueahOmDqOWIhiAqLyAgDQp9ICANCg0KLnByb2R1Y3QtdGl0bGUgeyAgDQogIGZvbnQtc2l6ZTogM3Z3OyAgDQogIG1hcmdpbi1ib3R0b206IDVweDsgIA0KfSAgDQoNCi5wcm9kdWN0LXByaWNlIHsgIA0KICBmb250LXNpemU6IDJ2dzsgIA0KICBmb250LXdlaWdodDogYm9sZDsgIA0KICBjb2xvcjogcmVkOw0KfSAgDQoNCi5wcm9kdWN0LXBheSB7DQogICAgbWFyZ2luLXRvcDogMjUlOw0KICAgIGJhY2tncm91bmQtY29sb3I6ICMwMzYyOWM7IC8qIOiuvue9ruaMiemSruiDjOaZr+minOiJsiAqLyAgDQogIGNvbG9yOiB3aGl0ZTsgLyog6K6+572u5oyJ6ZKu5paH5a2X6aKc6ImyICovICANCiAgcGFkZGluZzogM3ZoIDV2aDsgLyog6K6+572u5oyJ6ZKu5YaF6L656LedICovICANCiAgdGV4dC1hbGlnbjogY2VudGVyOyAvKiDorr7nva7mjInpkq7lhoXmloflrZflsYXkuK3lr7npvZAgKi8gIA0KICB0ZXh0LWRlY29yYXRpb246IG5vbmU7IC8qIOWOu+aOieaMiemSruaWh+Wtl+S4i+WIkue6vyAqLyAgDQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsgLyog6K6+572u5oyJ6ZKu5Li66KGM5YaF5Z2X57qn5YWD57SgICovICANCiAgZm9udC1zaXplOiAydnc7IC8qIOiuvue9ruaMiemSruaWh+Wtl+Wtl+S9k+Wkp+WwjyAqLyANCiAgY3Vyc29yOiBwb2ludGVyOyAvKiDorr7nva7pvKDmoIfmgqzlgZzml7bnmoTmoLflvI/kuLrmiYvlnosgKi8NCiAgYm9yZGVyLXJhZGl1czogMXZoOw0KDQp9DQoucHJvZHVjdC1pbmZvMSwgLnByb2R1Y3QtZGV0YWlscyB7ICANCiAgLyogY3Vyc29yOiBwb2ludGVyOyAgICovDQogIG1hcmdpbjogMTBweCAyMHB4Ow0KfSANCi5wcm9kdWN0LWluZm8xIHsNCiAgICBjdXJzb3I6IGRlZmF1bHQ7DQp9IA0KDQoucHJvZHVjdC1kZXRhaWxzIHsgIA0KICBwYWRkaW5nOiAxMHB4OyAgDQogIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7ICANCiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTsgIA0KICANCn0gIA0KICANCi5pY29uLWppYW50b3UxIHsgIA0KICBtYXJnaW4tcmlnaHQ6IDF2aDsgDQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgZm9udC1zaXplOiAzdmg7DQogIGZvbnQtd2VpZ2h0OiA3MDA7DQogIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTsgDQp9ICANCi5zcCB7DQogICAgZm9udC1zaXplOiAzdmg7DQogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KDQp9DQpmb290ZXIgeyAgDQogIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgI0UzMjcxQyAwJSwgI0ZGNUIyNyAxMDAlKTsgIA0KICBjb2xvcjogI2ZmZjsgIA0KICBwYWRkaW5nOiAydmg7IA0KICBmb250LXNpemU6IDRweDsgIA0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGhlaWdodDogYXV0bzsNCg0KfSAgDQovKiDlk43lupTlvI/lqpLkvZPmn6Xor6IgKi8gIA0KQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KSB7ICANCmh0bWwsIGJvZHkgew0KICAgIGhlaWdodDogMTAwJTsNCn0NCmhlYWRlciB7DQogICAgcGFkZGluZzogMCA1MHB4OyAgDQogIH0NCiAgLmNvbnRhaW5lciB7ICANCiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOyAvKiDlnKjlsI/lsY/luZXkuIrlnoLnm7TloIblj6AgKi8gIA0KICB9IA0KICAubmF2YmFyIGEgew0KICAgICAgICBmb250LXNpemU6MThweDsNCiAgICB9IA0KICBtYWluIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBtYXJnaW46MDsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAgIGJveC1zaGFkb3c6IG5vbmU7DQp9DQogIC5wcm9kdWN0LWltYWdlIHsgIA0KICAgIHdpZHRoOiAxMDAlOw0KICAgIG1hcmdpbi1yaWdodDogMDsgIA0KICAgIG1hcmdpbi1ib3R0b206IDIwcHg7IC8qIOWbvueJh+S4juS7t+agvOS5i+mXtOeahOWeguebtOmXtOi3nSAqLyAgDQogIH0gIA0KICAucHJvZHVjdC10aXRsZSB7ICANCiAgZm9udC1zaXplOiAyNXB4OyAgIA0KICBmb250LXdlaWdodDogNzAwOyANCn0gIA0KDQoucHJvZHVjdC1wcmljZSB7ICANCiAgZm9udC1zaXplOiAxNnB4ICFpbXBvcnRhbnQ7ICANCiAgZm9udC13ZWlnaHQ6IGJvbGQ7ICANCiAgY29sb3I6IHJlZDsNCn0gIA0KICAucHJvZHVjdC1wYXkgew0KICAgIGZvbnQtc2l6ZTogMThweDsNCiAgICBtYXJnaW4tdG9wOiA1dmg7DQogICAgcGFkZGluZzogMnZoIDR2aCAhaW1wb3J0YW50Ow0KfQ0KDQpmb290ZXIgew0KICAgIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50Ow0KfQ0KfSAgDQoNCg=="},{"version":3,"sources":["cbjHtml.vue"],"names":[],"mappings":";AAyDA;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;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"cbjHtml.vue","sourceRoot":"src/components","sourcesContent":["<template>\r\n    <div>\r\n        <html lang=\"en\">  \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\r\n        </head>  \r\n            <body>\r\n                <header>  \r\n                    <div class=\"navbar\">  \r\n                        <a href=\"index.html\">首页</a>  \r\n                    </div> \r\n                </header>  \r\n                <main>\r\n                    <div class=\"details\">\r\n                        <div class=\"container\">  \r\n                            <div class=\"product-image\">  \r\n                            <img src=\"@/assets/images/承包金.png\" alt=\"商品图片\">  \r\n                            </div>  \r\n                            <div class=\"product-info\">  \r\n                            <h2 class=\"product-title\">承包金</h2>  \r\n                            <p class=\"product-price\">￥5175.00</p>  \r\n                            <a href=\"/#/pay\" class=\"product-pay\">立即支付</a> \r\n                            </div>\r\n                                \r\n                        </div>\r\n                        <div class=\"product-info1\">  \r\n                            <i class=\"iconfont icon-jiantou1\" aria-hidden=\"true\"></i> <!-- 使用Font Awesome图标库中的下箭头图标 -->  \r\n                            <span class=\"sp\">商品信息</span>\r\n                        </div>\r\n                        \r\n                        <div class=\"product-details\">    \r\n                            <p>出租车司机承租车辆后需向公司支付的承包金费用，用于租赁车辆和经营服务。通常情况下，出租车司机不直接拥有车辆，而是通过支付承包金来租赁车辆并获得经营权。承包金可以视为一种租金，司机需要定期支付给公司，以换取使用车辆的权利，并从中获取收入。</p>  \r\n                        </div> \r\n                    </div>  \r\n                </main>\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\ndocument.addEventListener('DOMContentLoaded', function() {  \r\nvar productInfo = document.querySelector('.icon-jiantou1');  \r\nvar productDetails = document.querySelector('.product-details');  \r\n\r\nproductInfo.addEventListener('click', function() {  \r\n    productDetails.style.display = productDetails.style.display === 'none' ? 'block' : 'none';  \r\n});  \r\n});  \r\n</script> \r\n<style scoped>  \r\n@import url('../assets/fonts/iconfont.css');\r\nbody {  \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\na {\r\n    text-decoration: none;\r\n    color: #333;\r\n}\r\n\r\nheader {  \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    main {\r\n        flex: 1;\r\n        margin:5% 10%;\r\n        background-color: #fff;\r\n        border: #ebe8e8 1px solid;\r\n    }\r\n\r\nmain .details {\r\nwidth: 100%;\r\n\r\n}\r\n.container {  \r\n  display: flex;  \r\n  max-width: 1200px;  \r\n  padding: 20px;  \r\n}  \r\n\r\n.product-image {  \r\n  width: 80%;\r\n  border: 1px solid #ccc;\r\n  border-radius: 5px;\r\n  flex: 0 0 50%; /* 图片占容器宽度的40% */  \r\n  margin-right: 30px; /* 图片与价格之间的间距 */  \r\n}  \r\n.product-image img {\r\n    width: 50%;\r\n    height: 50%;\r\n    padding: 18% 25%;\r\n}\r\n.product-info {  \r\n  flex: 1; /* 价格占容器剩余宽度的部分 */  \r\n}  \r\n\r\n.product-title {  \r\n  font-size: 3vw;  \r\n  margin-bottom: 5px;  \r\n}  \r\n\r\n.product-price {  \r\n  font-size: 2vw;  \r\n  font-weight: bold;  \r\n  color: red;\r\n}  \r\n\r\n.product-pay {\r\n    margin-top: 25%;\r\n    background-color: #03629c; /* 设置按钮背景颜色 */  \r\n  color: white; /* 设置按钮文字颜色 */  \r\n  padding: 3vh 5vh; /* 设置按钮内边距 */  \r\n  text-align: center; /* 设置按钮内文字居中对齐 */  \r\n  text-decoration: none; /* 去掉按钮文字下划线 */  \r\n  display: inline-block; /* 设置按钮为行内块级元素 */  \r\n  font-size: 2vw; /* 设置按钮文字字体大小 */ \r\n  cursor: pointer; /* 设置鼠标悬停时的样式为手型 */\r\n  border-radius: 1vh;\r\n\r\n}\r\n.product-info1, .product-details {  \r\n  /* cursor: pointer;   */\r\n  margin: 10px 20px;\r\n} \r\n.product-info1 {\r\n    cursor: default;\r\n} \r\n\r\n.product-details {  \r\n  padding: 10px;  \r\n  border: 1px solid #ccc;  \r\n  background-color: #f5f5f5;  \r\n  \r\n}  \r\n  \r\n.icon-jiantou1 {  \r\n  margin-right: 1vh; \r\n  display: inline-block;\r\n  font-size: 3vh;\r\n  font-weight: 700;\r\n  transform: rotate(90deg); \r\n}  \r\n.sp {\r\n    font-size: 3vh;\r\n    display: inline-block;\r\n\r\n}\r\nfooter {  \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/* 响应式媒体查询 */  \r\n@media (max-width: 768px) {  \r\nhtml, body {\r\n    height: 100%;\r\n}\r\nheader {\r\n    padding: 0 50px;  \r\n  }\r\n  .container {  \r\n    flex-direction: column; /* 在小屏幕上垂直堆叠 */  \r\n  } \r\n  .navbar a {\r\n        font-size:18px;\r\n    } \r\n  main {\r\n    width: 100%;\r\n    margin:0;\r\n    background-color: #fff;\r\n    box-shadow: none;\r\n}\r\n  .product-image {  \r\n    width: 100%;\r\n    margin-right: 0;  \r\n    margin-bottom: 20px; /* 图片与价格之间的垂直间距 */  \r\n  }  \r\n  .product-title {  \r\n  font-size: 25px;   \r\n  font-weight: 700; \r\n}  \r\n\r\n.product-price {  \r\n  font-size: 16px !important;  \r\n  font-weight: bold;  \r\n  color: red;\r\n}  \r\n  .product-pay {\r\n    font-size: 18px;\r\n    margin-top: 5vh;\r\n    padding: 2vh 4vh !important;\r\n}\r\n\r\nfooter {\r\n    font-size: 14px !important;\r\n}\r\n}  \r\n\r\n</style>  "]}]}