{"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\\services\\periphery\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\services\\periphery\\index.vue","mtime":1691993564219},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgTWVzc2FnZSBmcm9tICdAL3ZpZXdzL21lc3NhZ2UvaW5kZXgnDQogICAgZXhwb3J0IGRlZmF1bHQgew0KICAgICAgY29tcG9uZW50czogew0KICAgICAgICBNZXNzYWdlDQogICAgICB9LA0KICAgICAgICBkYXRhICgpIHsNCiAgICAgICAgICAgIHJldHVybiB7DQogICAgICAgICAgICAgIHNob3dJbmZvOmZhbHNlLA0KICAgICAgICAgICAgICAgIHNlTGlzdDpbDQogICAgICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGltZzonenMxLnBuZycsDQogICAgICAgICAgICAgICAgICAgICAgICBuYW1lOifkuJPpobnmibbmjIHmlL/nrZYnLA0KICAgICAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICAgICAgICBpbWc6J3pzMS5wbmcnLA0KICAgICAgICAgICAgICAgICAgICAgICAgbmFtZTon5LiT6aG55om25oyB5pS/562WJywNCiAgICAgICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICAgICAgew0KICAgICAgICAgICAgICAgICAgICAgICAgaW1nOid6czEucG5nJywNCiAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU6J+S4k+mhueaJtuaMgeaUv+etlicsDQogICAgICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgXSwNCiAgICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgbW91bnRlZCgpIHsNCiAgICAgICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgPSBkb2N1bWVudC5ib2R5LnNjcm9sbFRvcCA9MDsgLy/lm57liLDpobbpg6gNCiAgICAgICAgfSwNCiAgICAgICAgbWV0aG9kczogew0KICAgICAgICAgIGNsb3NlTWVzc2FnZSgpew0KICAgICAgICAgICAgdGhpcy5zaG93SW5mbyA9ZmFsc2UNCiAgICAgICAgICB9LA0KICAgICAgICAgIGRldGFpbChpbmRleCl7DQogICAgICAgICAgICAvLyB0aGlzLiRyb3V0ZXIucHVzaCh7cGF0aDonL3poYW9zaGFuZy9kZXRhaWwxP3NtYWxsVHlwZT0nK2luZGV4fSkNCiAgICAgICAgICAgIHRoaXMuc2hvd0luZm8gPXRydWUNCiAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"index.vue","sourceRoot":"src/views/services/periphery","sourcesContent":["<template>\r\n    <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n        <div class=\"banner\">\r\n            <img src=\"~@/assets/images/yxfw.jpg\" alt=\"\">\r\n        </div>\r\n        <div class=\"bread\">\r\n            <div>\r\n                <span>当前位置:首页-园区周边</span>\r\n                <div>\r\n                    <ul class=\"area-nav\">\r\n                        <li><router-link :to=\"{path: '/service/characteristic'}\">服务特色</router-link></li>\r\n                        <li class=\"tabs\"><router-link :to=\"{path: '/service/periphery'}\">园区周边</router-link></li>\r\n                        <li><router-link :to=\"{path: '/service/activities'}\">园区活动</router-link></li>\r\n                        <li><router-link :to=\"{path: '/service/educate'}\">园区培训</router-link></li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"smart-device\">\r\n            <div class=\"smart-title\">\r\n                <span><span>园区周边</span>PARK AROUND</span>\r\n            </div>\r\n            <div class=\"smart-device-content\">\r\n                <ul>\r\n                    <li>\r\n                        <div class=\"wrap-device-detail\">\r\n                            <div class=\"zs-titles\">\r\n                                <span><i>01</i>周边服务</span>\r\n                            </div>\r\n                            <div class=\"zs-wrap\">\r\n                                <ul>\r\n                                    <li class=\"zs-tabs\">\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/zb1.png\" alt=\"\">\r\n                                            <p>干洗</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/zb2.png\" alt=\"\">\r\n                                            <p>修理</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/zb3.png\" alt=\"\">\r\n                                            <p>保洁</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/zb4.png\" alt=\"\">\r\n                                            <p>桶装水</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/zb5.png\" alt=\"\">\r\n                                            <p>绿植</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/zb6.png\" alt=\"\">\r\n                                            <p>打印</p>\r\n                                        </div>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <div class=\"wrap-device-detail\">\r\n                            <div class=\"zs-titles\">\r\n                                <span><i>02</i>周边资讯</span>\r\n                            </div>\r\n                            <div class=\"zs-wrap\">\r\n                                <ul class=\"zx-wrap\">\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/zx1.png\" alt=\"\">\r\n                                            <p>商业</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/zx2.png\" alt=\"\">\r\n                                            <p>教育</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/zx3.png\" alt=\"\">\r\n                                            <p>医疗</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/zx4.png\" alt=\"\">\r\n                                            <p>酒店</p>\r\n                                        </div>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <div class=\"wrap-device-detail\">\r\n                            <div class=\"zs-titles\">\r\n                                <span><i>03</i>便民服务</span>\r\n                            </div>\r\n                            <div class=\"zs-wrap\">\r\n                                <ul class=\"fw-wrap\">\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/fw1.png\" alt=\"\">\r\n                                            <p>便民电话</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div @click=\"detail(1)\">\r\n                                            <img src=\"~@/assets/images/fw2.png\" alt=\"\">\r\n                                            <p>社区服务</p>\r\n                                        </div>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n      <Message :show-dialog=\"showInfo\" @closePop=\"closeMessage\"/>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Message from '@/views/message/index'\r\n    export default {\r\n      components: {\r\n        Message\r\n      },\r\n        data () {\r\n            return {\r\n              showInfo:false,\r\n                seList:[\r\n                    {\r\n                        img:'zs1.png',\r\n                        name:'专项扶持政策',\r\n                    },\r\n                    {\r\n                        img:'zs1.png',\r\n                        name:'专项扶持政策',\r\n                    },\r\n                    {\r\n                        img:'zs1.png',\r\n                        name:'专项扶持政策',\r\n                    },\r\n                ],\r\n            }\r\n        },\r\n        mounted() {\r\n            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n        },\r\n        methods: {\r\n          closeMessage(){\r\n            this.showInfo =false\r\n          },\r\n          detail(index){\r\n            // this.$router.push({path:'/zhaoshang/detail1?smallType='+index})\r\n            this.showInfo =true\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            position: relative;\r\n        }\r\n        .area-nav{\r\n            position:absolute;\r\n            right: 0;\r\n            top: 0.8rem;\r\n            width: 40%;\r\n            text-align: right;\r\n        }\r\n        .area-nav{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n        }\r\n        .area-nav li{\r\n            flex: 1;\r\n            text-align: center;\r\n            border-bottom: 2px solid #f0f0f0;\r\n            padding-bottom:0.7rem;\r\n        }\r\n        .area-nav a{\r\n            color: #333;\r\n        }\r\n        .smart-title{\r\n            margin-top:3rem;\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        .wrap-device-detail{\r\n            overflow: hidden;\r\n        }\r\n        .zs-wrap{\r\n            overflow: hidden;\r\n        }\r\n        .device-title,.zc-content{\r\n            float: left;\r\n        }\r\n        .device-title{\r\n            width: 50%;\r\n        }\r\n        .zc-content{\r\n            width: 50%;\r\n        }\r\n        .device-title img{\r\n            width: 80%;\r\n        }\r\n        .zs-titles{\r\n            margin: 2rem 0;\r\n        }\r\n        .zs-titles span{\r\n            font-weight: 700;\r\n            font-size: 1.5rem;\r\n            color: #333;\r\n        }\r\n        .zs-titles span i{\r\n            font-size: 2rem;\r\n            color: #9472e4;\r\n            font-weight: 900;\r\n            font-style: normal;\r\n            font-family: 'SimHei Microsoft yahei';\r\n            margin-right: 1rem;\r\n            position: relative;\r\n            top: 2px;\r\n        }\r\n        .detail-btn{\r\n            margin-top: 1rem;\r\n            background:#9472e4 ;\r\n            display: inline-block;\r\n            padding: 2px 8px;\r\n            font-size: 1rem;\r\n            color: #fff;\r\n        }\r\n        .zc-content p{\r\n            font-size: 0.8rem;\r\n            color: #333;\r\n            margin-top: 0.8rem;\r\n        }\r\n        .zc-content h3{\r\n            font-size: 0.8rem;\r\n            color: #333;\r\n            margin-top: 0.8rem;\r\n            font-weight: 400;\r\n        }\r\n        .tabs{\r\n            border-bottom:2px solid #674FB0!important;\r\n        }\r\n        .zs-wrap ul{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        .zs-wrap ul li{\r\n            width: 33.33%;\r\n            text-align: center;\r\n            margin-bottom: 2rem;\r\n        }\r\n        .zx-wrap li{\r\n            width:25%!important;\r\n        }\r\n        .fw-wrap{\r\n            overflow: hidden;\r\n            display: block!important;\r\n        }\r\n        .fw-wrap li:nth-child(1){\r\n            width:33.33%;\r\n            float: left;\r\n        }\r\n        .fw-wrap li:nth-child(2){\r\n            width:33.33%;\r\n            float: right;\r\n        }\r\n        .zs-wrap ul li div{\r\n            background: #fff;\r\n            height: 10rem;\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            padding-top: 3rem;\r\n            font-size: 1rem;\r\n        }\r\n        .zs-wrap ul li div p{\r\n            margin-top: 1rem;\r\n        }\r\n        .zs-wrap ul li div img{\r\n            width: 20%;\r\n        }\r\n        .zs-tabs div{\r\n            background: #674FB0!important;\r\n            color: #fff;\r\n        }\r\n    }\r\n    @media screen and (max-width: 1000px){\r\n        .banner{\r\n            display: none;\r\n        }\r\n        .zc-content{\r\n            display: none;\r\n        }\r\n        .bread{\r\n            display: none;\r\n        }\r\n        .smart-title{\r\n            margin-top:2rem;\r\n        }\r\n        .smart-device{\r\n            width: 90%;\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        .zs-titles{\r\n            margin: 1rem 0;\r\n        }\r\n        .zs-titles span{\r\n            font-weight: 700;\r\n            font-size: 0.8rem;\r\n            color: #333;\r\n        }\r\n        .zs-titles span i{\r\n            font-size: 1.5rem;\r\n            color: #9472e4;\r\n            font-weight: 900;\r\n            font-style: normal;\r\n            font-family: 'SimHei Microsoft yahei';\r\n            margin-right: 1rem;\r\n            position: relative;\r\n            top: 2px;\r\n        }\r\n        .zs-wrap ul{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        .zs-wrap ul li{\r\n            width: 33.33%;\r\n            text-align: center;\r\n            margin-bottom: 2rem;\r\n        }\r\n        .zx-wrap li{\r\n            width:25%!important;\r\n        }\r\n        .fw-wrap{\r\n            overflow: hidden;\r\n            display: block!important;\r\n        }\r\n        .fw-wrap li:nth-child(1){\r\n            width:33.33%;\r\n            float: left;\r\n        }\r\n        .fw-wrap li:nth-child(2){\r\n            width:33.33%;\r\n            float: right;\r\n        }\r\n        .zs-wrap ul li div{\r\n            background: #fff;\r\n            height: 4rem;\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            padding: 1rem 0;\r\n            font-size: 1rem;\r\n        }\r\n        .zs-wrap ul li div p{\r\n            margin-top: 1rem;\r\n        }\r\n        .zs-wrap ul li div img{\r\n            width: 20%;\r\n        }\r\n        .zs-tabs div{\r\n            background: #674FB0!important;\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n</style>\r\n"]}]}