| 1 |
- {"remainingRequest":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\contact\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\contact\\index.vue","mtime":1691993564214},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7Z2V0QnJpZGZ9IGZyb20gIkAvc2VydmljZS9hcGlfc2VydmljZSI7CmltcG9ydCBCYWlkdU1hcCBmcm9tICd2dWUtYmFpZHUtbWFwJwpleHBvcnQgZGVmYXVsdCB7CiAgICBkYXRhICgpIHsKICAgICAgICByZXR1cm4gewogICAgICAgICAgICBhY3RpdmU6MSwKICAgICAgICAgICAgc2hvdzowLCAvL+WFs+mXreW8ueeqlwogICAgICAgICAgICBzaG93RGlhbG9nOmZhbHNlLAogICAgICAgICAgICB6c0xpc3Q6WwogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGltZzonenMxLnBuZycsCiAgICAgICAgICAgICAgICAgICAgbmFtZTon5LiT6aG55om25oyB5pS/562WJywKICAgICAgICAgICAgICAgICAgICBldmVudEluZGV4OjEsCiAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnCiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGltZzonenMyLnBuZycsCiAgICAgICAgICAgICAgICAgICAgbmFtZTon56iO5pS25LyY5oOgJywKICAgICAgICAgICAgICAgICAgICBldmVudEluZGV4OjIsCiAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnCiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGltZzonenMzLnBuZycsCiAgICAgICAgICAgICAgICAgICAgbmFtZTon5aWW5Yqx5o6q5pa9JywKICAgICAgICAgICAgICAgICAgICBldmVudEluZGV4OjMsCiAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnCiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICBdLAogICAgICAgICAgICBicmllZkRldGFpbDp7fQogICAgICAgIH0KICAgIH0sCiAgICBtb3VudGVkKCkgewogICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgPSBkb2N1bWVudC5ib2R5LnNjcm9sbFRvcCA9MDsgLy/lm57liLDpobbpg6gKICAgICAgdGhpcy5nZXREYXRhKCkKICAgIH0sCiAgICBtZXRob2RzOiB7CiAgICAgIG1hcFJlYWR5UGgoeyBCTWFwLCBtYXAgfSkgewogICAgICAgIC8vIOmAieaLqeS4gOS4que7j+e6rOW6puS9nOS4uuS4reW/g+eCuQogICAgICAgIHRoaXMucG9pbnQgPSBuZXcgQk1hcC5Qb2ludCgxMjAuMzI3MjU4LDMxLjQ4OTM1KTsKICAgICAgICBtYXAuY2VudGVyQW5kWm9vbSh0aGlzLnBvaW50LCAxOCk7CiAgICAgICAgbWFwLmVuYWJsZVNjcm9sbFdoZWVsWm9vbSh0cnVlKTsKICAgICAgICB2YXIgbWFya2VyMSA9IG5ldyBCTWFwLk1hcmtlcih0aGlzLnBvaW50KTsKICAgICAgICB2YXIgb3B0cyA9IHsKICAgICAgICAgIHBvc2l0aW9uOiB0aGlzLnBvaW50LCAvLyDmjIflrprmlofmnKzmoIfms6jmiYDlnKjnmoTlnLDnkIbkvY3nva4KICAgICAgICAgIG9mZnNldDogbmV3IEJNYXAuU2l6ZSgtMTEwLCAtODApIC8vIOiuvue9ruaWh+acrOWBj+enu+mHjwogICAgICAgIH07CiAgICAgICAgLy8g5Yib5bu65paH5pys5qCH5rOo5a+56LGhCiAgICAgICAgdmFyIGxhYmVsID0gIG5ldyBCTWFwLkxhYmVsKCfml6DplKHlsJrotKTmuZbln7rph5FQYXJr5pm65oWn5Zut5Yy6Jywgb3B0cyk7CiAgICAgICAgLy8g6Ieq5a6a5LmJ5paH5pys5qCH5rOo5qC35byPCiAgICAgICAgbGFiZWwuc2V0U3R5bGUoewogICAgICAgICAgY29sb3I6ICdibGFjaycsCiAgICAgICAgICBib3JkZXJSYWRpdXM6ICc1cHgnLAogICAgICAgICAgYm9yZGVyQ29sb3I6ICcjY2NjJywKICAgICAgICAgIHBhZGRpbmc6ICcxMHB4JywKICAgICAgICAgIGZvbnRTaXplOiAnMTZweCcsCiAgICAgICAgICBoZWlnaHQ6ICczMHB4JywKICAgICAgICAgIGxpbmVIZWlnaHQ6ICczMHB4JywKICAgICAgICAgIGZvbnRGYW1pbHk6ICflvq7ova/pm4Xpu5EnCiAgICAgICAgfSk7CiAgICAgICAgbWFwLmFkZE92ZXJsYXkobGFiZWwpOwogICAgICAgIG1hcC5hZGRPdmVybGF5KG1hcmtlcjEpOwogICAgICB9LAogICAgICBtYXBSZWFkeSh7IEJNYXAsIG1hcCB9KSB7CiAgICAgICAgLy8g6YCJ5oup5LiA5Liq57uP57qs5bqm5L2c5Li65Lit5b+D54K5CiAgICAgICAgdGhpcy5wb2ludCA9IG5ldyBCTWFwLlBvaW50KDEyMC4zMjcyNTgsMzEuNDg5MzUpOwogICAgICAgIHRoaXMucG9pbnRzID0gbmV3IEJNYXAuUG9pbnQoMTIwLjMyNDY1OCwzMS40ODkzNSk7CiAgICAgICAgbWFwLmNlbnRlckFuZFpvb20odGhpcy5wb2ludHMsIDE4KTsKICAgICAgICBtYXAuZW5hYmxlU2Nyb2xsV2hlZWxab29tKHRydWUpOwogICAgICAgIHZhciBtYXJrZXIxID0gbmV3IEJNYXAuTWFya2VyKHRoaXMucG9pbnQpOwogICAgICAgIHZhciBvcHRzID0gewogICAgICAgICAgcG9zaXRpb246IHRoaXMucG9pbnQsIC8vIOaMh+WumuaWh+acrOagh+azqOaJgOWcqOeahOWcsOeQhuS9jee9rgogICAgICAgICAgb2Zmc2V0OiBuZXcgQk1hcC5TaXplKC0xMTAsIC04MCkgLy8g6K6+572u5paH5pys5YGP56e76YePCiAgICAgICAgfTsKICAgICAgICAvLyDliJvlu7rmlofmnKzmoIfms6jlr7nosaEKICAgICAgICB2YXIgbGFiZWwgPSAgbmV3IEJNYXAuTGFiZWwoJ+aXoOmUoeWwmui0pOa5luWfuumHkVBhcmvmmbrmhaflm63ljLonLCBvcHRzKTsKICAgICAgICAvLyDoh6rlrprkuYnmlofmnKzmoIfms6jmoLflvI8KICAgICAgICBsYWJlbC5zZXRTdHlsZSh7CiAgICAgICAgICBjb2xvcjogJ2JsYWNrJywKICAgICAgICAgIGJvcmRlclJhZGl1czogJzVweCcsCiAgICAgICAgICBib3JkZXJDb2xvcjogJyNjY2MnLAogICAgICAgICAgcGFkZGluZzogJzEwcHgnLAogICAgICAgICAgZm9udFNpemU6ICcxNnB4JywKICAgICAgICAgIGhlaWdodDogJzMwcHgnLAogICAgICAgICAgbGluZUhlaWdodDogJzMwcHgnLAogICAgICAgICAgZm9udEZhbWlseTogJ+W+rui9r+mbhem7kScKICAgICAgICB9KTsKICAgICAgICBtYXAuYWRkT3ZlcmxheShsYWJlbCk7CiAgICAgICAgbWFwLmFkZE92ZXJsYXkobWFya2VyMSk7CiAgICAgIH0sCiAgICAgICAgZ2V0RGF0YSgpIHsKICAgICAgICAgIGdldEJyaWRmKHtncm91cElkOic4NzAyNjE4NzQ4NzUxNzA4MTYnfSkudGhlbigocmVzKT0+ewogICAgICAgICAgICBpZihyZXMuZGF0YSl7CiAgICAgICAgICAgICAgY29uc3QgZGV0ID0gcmVzLmRhdGEKICAgICAgICAgICAgICBpZihkZXQuYnJpZWZJbWchPT1udWxsJiZkZXQuYnJpZWZJbWcubGVuZ3RoPjIpewogICAgICAgICAgICAgICAgZGV0LmJyaWVmID0gdGhpcy4kY29tbW9uLmNhc3RFdmFsKGRldC5icmllZkltZylbMF0udXJsCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIGlmKGRldC5lbnZpcm9ubWVudEltZyE9PW51bGwmJmRldC5lbnZpcm9ubWVudEltZy5sZW5ndGg+Mil7CiAgICAgICAgICAgICAgICBjb25zdCBlbnZpcm9ubWVudEltZ3MgPSB0aGlzLiRjb21tb24uY2FzdEV2YWwoZGV0LmVudmlyb25tZW50SW1nKQogICAgICAgICAgICAgICAgdGhpcy5lbnZpcm9ubWVudEltZ0xpc3Q9W10KICAgICAgICAgICAgICAgIGVudmlyb25tZW50SW1ncy5mb3JFYWNoKGk9PnsKICAgICAgICAgICAgICAgICAgdGhpcy5lbnZpcm9ubWVudEltZ0xpc3QucHVzaChpLnVybCkKICAgICAgICAgICAgICAgIH0pCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRoaXMuYnJpZWZEZXRhaWw9ZGV0CiAgICAgICAgICAgIH0KCiAgICAgICAgICB9KQogICAgICAgIH0sCiAgICAgICAgZGV0YWlsKGluZGV4KXsKICAgICAgICAgICAgc3dpdGNoKGluZGV4KSB7CiAgICAgICAgICAgICAgICBjYXNlIDE6CiAgICAgICAgICAgICAgICAgICAgdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6Jy9jb21wYW55L2RldGFpbCd9KQogICAgICAgICAgICAgICAgICAgIGJyZWFrOwogICAgICAgICAgICB9CgogICAgICAgIH0KICAgIH0sCn07Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/contact","sourcesContent":["<template>\r\n <div style=\"background: #f0f0f0;\">\r\n <div class=\"banner\">\r\n <img src=\"~@/assets/images/lxwm.jpg\" alt=\"\">\r\n </div>\r\n <div class=\"bread\">\r\n <div>\r\n <span>当前位置:首页-联系我们</span>\r\n </div>\r\n </div>\r\n <div class=\"smart-device\">\r\n <div class=\"smart-title\">\r\n <span><span>联系我们</span>CONATACT US</span>\r\n </div>\r\n <div class=\"smart-device-content\">\r\n <div class=\"app-addr\">\r\n <div class=\"addr-list\">\r\n <h3>无锡尚贤湖基金Park智慧园区</h3>\r\n <ul>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/add1-1.png\" alt=\"\">\r\n <p>电话：{{briefDetail.attractPhone}} {{briefDetail.operatePhone}}</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/add2-2.png\" alt=\"\">\r\n <p>传真：0612-12121212</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/add3-3.png\" alt=\"\">\r\n <p>邮箱：123123123123@qq.com</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/add4-4.png\" alt=\"\">\r\n <p>网址：https://smartpark.idea-sf.com/smartPark</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/add5-5.png\" alt=\"\">\r\n <p>地址：{{briefDetail.address}}</p>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div >\r\n <baidu-map class=\"addr-map\" style=\"height: 400px\" @ready=\"mapReadyPh\">\r\n </baidu-map>\r\n </div>\r\n </div>\r\n <div class=\"pc-addr\">\r\n <div class=\"addr-list\">\r\n <h3>无锡尚贤湖基金Park智慧园区</h3>\r\n <ul>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/add1.png\" alt=\"\">\r\n <p>电话：{{briefDetail.attractPhone}} {{briefDetail.operatePhone}}</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/add2.png\" alt=\"\">\r\n <p>传真：0612-12121212</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/add3.png\" alt=\"\">\r\n <p>邮箱：123123123123@qq.com</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/add4.png\" alt=\"\">\r\n <p>网址：https://smartpark.idea-sf.com/smartPark</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/add5.png\" alt=\"\">\r\n <p>地址：{{briefDetail.address}}</p>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n <div style=\"margin: 0 auto;width: 100% \" >\r\n <baidu-map class=\"addr-map\" style=\"height: 600px\" id=\"allmap\" @ready=\"mapReady\">\r\n </baidu-map>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--弹窗组件展示区 ------start----->\r\n<!-- 此处使用vant框架的popup组件-->\r\n <van-popup v-model=\"showDialog\">\r\n <div class=\"dialog-two\">\r\n <div class=\"close-btn\" @click=\"showDialog=false\">\r\n <span>×</span>\r\n </div>\r\n <div class=\"qrcode-btn\">\r\n <span>了解更多，欢迎关注</span>\r\n <span>尚贤湖基金Park园区服务小程序</span>\r\n <img src=\"~@/assets/images/xiaochengxuxiao.jpg\" alt=\"\">\r\n <h3>扫一扫</h3>\r\n </div>\r\n </div>\r\n </van-popup>\r\n <div class=\"alerts\">\r\n <div class=\"dialog-one\" v-show=\"show==1\">\r\n <div class=\"close-btn\" @click=\"show=1\">\r\n <img src=\"~@/assets/images/close.png\" alt=\"\">\r\n </div>\r\n <div class=\"qrcode-btn\">\r\n <span>了解更多，欢迎关注</span>\r\n <span>尚贤湖基金Park园区服务小程序</span>\r\n <img src=\"~@/assets/images/xiaochengxuxiao.jpg\" alt=\"\">\r\n </div>\r\n </div>\r\n\r\n </div>\r\n <!--弹窗组件展示区 ------end----->\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import {getBridf} from \"@/service/api_service\";\r\n import BaiduMap from 'vue-baidu-map'\r\n export default {\r\n data () {\r\n return {\r\n active:1,\r\n show:0, //关闭弹窗\r\n showDialog:false,\r\n zsList:[\r\n {\r\n img:'zs1.png',\r\n name:'专项扶持政策',\r\n eventIndex:1,\r\n detail:''\r\n },\r\n {\r\n img:'zs2.png',\r\n name:'税收优惠',\r\n eventIndex:2,\r\n detail:''\r\n },\r\n {\r\n img:'zs3.png',\r\n name:'奖励措施',\r\n eventIndex:3,\r\n detail:''\r\n },\r\n ],\r\n briefDetail:{}\r\n }\r\n },\r\n mounted() {\r\n document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n this.getData()\r\n },\r\n methods: {\r\n mapReadyPh({ BMap, map }) {\r\n // 选择一个经纬度作为中心点\r\n this.point = new BMap.Point(120.327258,31.48935);\r\n map.centerAndZoom(this.point, 18);\r\n map.enableScrollWheelZoom(true);\r\n var marker1 = new BMap.Marker(this.point);\r\n var opts = {\r\n position: this.point, // 指定文本标注所在的地理位置\r\n offset: new BMap.Size(-110, -80) // 设置文本偏移量\r\n };\r\n // 创建文本标注对象\r\n var label = new BMap.Label('无锡尚贤湖基金Park智慧园区', opts);\r\n // 自定义文本标注样式\r\n label.setStyle({\r\n color: 'black',\r\n borderRadius: '5px',\r\n borderColor: '#ccc',\r\n padding: '10px',\r\n fontSize: '16px',\r\n height: '30px',\r\n lineHeight: '30px',\r\n fontFamily: '微软雅黑'\r\n });\r\n map.addOverlay(label);\r\n map.addOverlay(marker1);\r\n },\r\n mapReady({ BMap, map }) {\r\n // 选择一个经纬度作为中心点\r\n this.point = new BMap.Point(120.327258,31.48935);\r\n this.points = new BMap.Point(120.324658,31.48935);\r\n map.centerAndZoom(this.points, 18);\r\n map.enableScrollWheelZoom(true);\r\n var marker1 = new BMap.Marker(this.point);\r\n var opts = {\r\n position: this.point, // 指定文本标注所在的地理位置\r\n offset: new BMap.Size(-110, -80) // 设置文本偏移量\r\n };\r\n // 创建文本标注对象\r\n var label = new BMap.Label('无锡尚贤湖基金Park智慧园区', opts);\r\n // 自定义文本标注样式\r\n label.setStyle({\r\n color: 'black',\r\n borderRadius: '5px',\r\n borderColor: '#ccc',\r\n padding: '10px',\r\n fontSize: '16px',\r\n height: '30px',\r\n lineHeight: '30px',\r\n fontFamily: '微软雅黑'\r\n });\r\n map.addOverlay(label);\r\n map.addOverlay(marker1);\r\n },\r\n getData() {\r\n getBridf({groupId:'870261874875170816'}).then((res)=>{\r\n if(res.data){\r\n const det = res.data\r\n if(det.briefImg!==null&&det.briefImg.length>2){\r\n det.brief = this.$common.castEval(det.briefImg)[0].url\r\n }\r\n if(det.environmentImg!==null&&det.environmentImg.length>2){\r\n const environmentImgs = this.$common.castEval(det.environmentImg)\r\n this.environmentImgList=[]\r\n environmentImgs.forEach(i=>{\r\n this.environmentImgList.push(i.url)\r\n })\r\n }\r\n this.briefDetail=det\r\n }\r\n\r\n })\r\n },\r\n detail(index){\r\n switch(index) {\r\n case 1:\r\n this.$router.push({path:'/company/detail'})\r\n break;\r\n }\r\n\r\n }\r\n },\r\n };\r\n</script>\r\n\r\n<style scoped>\r\n .banner img{\r\n width: 100% !important;\r\n }\r\n @media screen and (min-width: 1000px){\r\n .bread{\r\n background: #fff;\r\n }\r\n .bread div{\r\n width: 1200px;\r\n margin: 0 auto;\r\n text-align: left;\r\n padding: 0.8rem 0;\r\n font-size: 1rem;\r\n }\r\n .smart-title{\r\n margin:3rem 0;\r\n }\r\n .smart-device{\r\n width: 1200px;\r\n margin: 0 auto;\r\n text-align: left;\r\n font-size: 1rem;\r\n }\r\n .smart-device span span{\r\n font-size: 2rem;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 1rem;\r\n margin-right: 1rem;\r\n font-weight: 900;\r\n }\r\n .smart-device span span:after{\r\n content: '';\r\n width: 1px;\r\n height: 15px;\r\n background: #666;\r\n position: absolute;\r\n right: 0;\r\n bottom: 7px;\r\n }\r\n .device-title img{\r\n width: 80%;\r\n }\r\n .nav-list{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n margin: 2rem auto;\r\n width: 50%;\r\n }\r\n .nav-list li{\r\n min-width: 33.33%;\r\n max-width: 33.33%;\r\n text-align: center;\r\n color: #666;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n }\r\n .nav-list li span{\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom: 0.8rem;\r\n }\r\n .active span{\r\n display: inline-block;\r\n border-bottom: 2px solid #FF6A00!important;\r\n color: #333;\r\n }\r\n .app-addr{\r\n display: none;\r\n }\r\n .pc-addr{\r\n position: relative;\r\n\r\n }\r\n .addr-list{\r\n position: absolute;\r\n left: 10%;\r\n background: #00000080;\r\n color: #fff;\r\n width: 40%;\r\n overflow: hidden;\r\n padding-bottom: 1rem;\r\n transform: translateY(15%);\r\n z-index: 999;\r\n }\r\n .addr-list h3{\r\n text-align: center;\r\n width: 90%;\r\n margin: 2rem auto;\r\n border-bottom: 2px solid #fff;\r\n padding: 1rem 0;\r\n }\r\n .addr-list ul{\r\n width: 80%;\r\n margin: 3rem auto;\r\n overflow: hidden;\r\n }\r\n .addr-list ul li{\r\n margin-bottom: 0.8rem;\r\n overflow: hidden;\r\n }\r\n .addr-list ul li img{\r\n width: 24px;\r\n height: 24px;\r\n float: left;\r\n }\r\n .addr-list ul li p{\r\n float: left;\r\n width: 88%;\r\n margin-left:10px;\r\n line-height: 1.6rem;\r\n font-size: 1rem;\r\n }\r\n }\r\n @media screen and (max-width: 1000px){\r\n .banner{\r\n display: none;\r\n }\r\n .bread{\r\n display: none;\r\n }\r\n .smart-title{\r\n width:90%;\r\n margin: 2rem auto;\r\n }\r\n .smart-device{\r\n width:100%;\r\n margin: 0 auto;\r\n text-align: left;\r\n font-size: 1rem;\r\n overflow: hidden;\r\n }\r\n .smart-device span span{\r\n font-size: 1.5rem;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 1rem;\r\n margin-right: 1rem;\r\n font-weight: 900;\r\n }\r\n .smart-device span span:after{\r\n content: '';\r\n width: 1px;\r\n height: 15px;\r\n background: #666;\r\n position: absolute;\r\n right: 0;\r\n bottom: 7px;\r\n }\r\n .device-title img{\r\n width: 100%;\r\n }\r\n .nav-list{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n margin: 2rem;\r\n }\r\n .nav-list li{\r\n min-width: 33.33%;\r\n max-width: 33.33%;\r\n text-align: center;\r\n color: #666;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n }\r\n .nav-list li span{\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom: 0.8rem;\r\n }\r\n .active span{\r\n display: inline-block;\r\n border-bottom: 2px solid #FF6A00!important;\r\n color: #333;\r\n font-weight:800!important;\r\n }\r\n .pc-addr{\r\n display: none;\r\n }\r\n .app-addr{\r\n background: #fff;\r\n padding-bottom: 1rem;\r\n overflow: hidden;\r\n }\r\n .addr-list{\r\n width: 90%;\r\n margin: 0 auto;\r\n /*position: absolute;*/\r\n /*left: 10%;*/\r\n /*background: #00000080;*/\r\n /*color: #fff;*/\r\n /*width: 40%;*/\r\n /*overflow: hidden;*/\r\n /*padding-bottom: 1rem;*/\r\n /*transform: translateY(15%);*/\r\n }\r\n .addr-list h3{\r\n text-align: center;\r\n width: 90%;\r\n margin: 2rem auto;\r\n padding: 1rem 0;\r\n }\r\n .addr-list ul{\r\n width: 80%;\r\n margin: 3rem auto;\r\n overflow: hidden;\r\n }\r\n .addr-list ul li{\r\n margin-bottom: 1.5rem;\r\n overflow: hidden;\r\n }\r\n .addr-list ul li img{\r\n width: 24px;\r\n height: 24px;\r\n float: left;\r\n }\r\n .addr-list ul li p{\r\n float: left;\r\n width: 80%;\r\n margin-left:10px;\r\n line-height: 1.5rem;\r\n font-size: 1rem;\r\n }\r\n }\r\n .smart-device-content img{\r\n width: 100%;\r\n }\r\n /*弹窗 *************start*********/\r\n /*第一个弹窗*/\r\n .dialog-one{\r\n width:15rem;\r\n position: relative;\r\n top: 0rem;\r\n left: 0;\r\n right: 0;\r\n margin: 0 auto;\r\n }\r\n .dialog-one .close-btn{\r\n text-align: center;\r\n }\r\n .dialog-one .close-btn img{\r\n width: 2rem;\r\n display: block;\r\n margin: 0 auto;\r\n }\r\n .dialog-one .qrcode-btn{\r\n padding: 1.5rem 0;\r\n background-image: linear-gradient(#AC82FF, #E0D0FF);\r\n }\r\n .dialog-one .qrcode-btn span{\r\n display: block;\r\n color: #fff;\r\n font-size: 0.8rem;\r\n margin-bottom: 5px;\r\n }\r\n .dialog-one .qrcode-btn img{\r\n width: 40%;\r\n margin-top: 2rem;\r\n }\r\n /*第二个弹窗*/\r\n .dialog-two{\r\n width:15rem;\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n margin: 0 auto;\r\n padding-bottom: 1rem;\r\n background-image: linear-gradient(#AC82FF, #FFFFFF);\r\n }\r\n .dialog-two .close-btn{\r\n overflow: hidden;\r\n }\r\n .dialog-two .close-btn span{\r\n display: block;\r\n width: 90%;\r\n margin: 0.6rem auto;\r\n text-align: right;\r\n color: #fff;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n }\r\n .dialog-two .qrcode-btn span{\r\n display: block;\r\n color: #fff;\r\n font-size: 0.8rem;\r\n margin-bottom: 5px;\r\n\r\n }\r\n .dialog-two .qrcode-btn img{\r\n width: 40%;\r\n margin-top: 2rem;\r\n }\r\n .dialog-two .qrcode-btn h3{\r\n color: #333;\r\n font-size: 1rem;\r\n }\r\n</style>\r\n"]}]}
|
