| 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\\services\\periphery\\index.vue?vue&type=style&index=0&id=62cbae74&scoped=true&lang=css&","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\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmJhbm5lciBpbWd7CiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50Owp9CkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDBweCl7CiAgICAuYnJlYWR7CiAgICAgICAgYmFja2dyb3VuZDogI2ZmZjsKICAgIH0KICAgIC5icmVhZCA+IGRpdnsKICAgICAgICB3aWR0aDogMTIwMHB4OwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgcGFkZGluZzogMC44cmVtIDA7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIH0KICAgIC5hcmVhLW5hdnsKICAgICAgICBwb3NpdGlvbjphYnNvbHV0ZTsKICAgICAgICByaWdodDogMDsKICAgICAgICB0b3A6IDAuOHJlbTsKICAgICAgICB3aWR0aDogNDAlOwogICAgICAgIHRleHQtYWxpZ246IHJpZ2h0OwogICAgfQogICAgLmFyZWEtbmF2ewogICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICAgICAgZmxleC13cmFwOiBub3dyYXA7CiAgICB9CiAgICAuYXJlYS1uYXYgbGl7CiAgICAgICAgZmxleDogMTsKICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICNmMGYwZjA7CiAgICAgICAgcGFkZGluZy1ib3R0b206MC43cmVtOwogICAgfQogICAgLmFyZWEtbmF2IGF7CiAgICAgICAgY29sb3I6ICMzMzM7CiAgICB9CiAgICAuc21hcnQtdGl0bGV7CiAgICAgICAgbWFyZ2luLXRvcDozcmVtOwogICAgfQogICAgLnNtYXJ0LWRldmljZXsKICAgICAgICB3aWR0aDogMTIwMHB4OwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgfQogICAgLnNtYXJ0LWRldmljZSBzcGFuIHNwYW57CiAgICAgICAgZm9udC1zaXplOiAycmVtOwogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgcGFkZGluZy1yaWdodDogMXJlbTsKICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07CiAgICAgICAgZm9udC13ZWlnaHQ6IDkwMDsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuOmFmdGVyewogICAgICAgIGNvbnRlbnQ6ICcnOwogICAgICAgIHdpZHRoOiAxcHg7CiAgICAgICAgaGVpZ2h0OiAxNXB4OwogICAgICAgIGJhY2tncm91bmQ6ICM2NjY7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIHJpZ2h0OiAwOwogICAgICAgIGJvdHRvbTogN3B4OwogICAgfQogICAgLndyYXAtZGV2aWNlLWRldGFpbHsKICAgICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgfQogICAgLnpzLXdyYXB7CiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIH0KICAgIC5kZXZpY2UtdGl0bGUsLnpjLWNvbnRlbnR7CiAgICAgICAgZmxvYXQ6IGxlZnQ7CiAgICB9CiAgICAuZGV2aWNlLXRpdGxlewogICAgICAgIHdpZHRoOiA1MCU7CiAgICB9CiAgICAuemMtY29udGVudHsKICAgICAgICB3aWR0aDogNTAlOwogICAgfQogICAgLmRldmljZS10aXRsZSBpbWd7CiAgICAgICAgd2lkdGg6IDgwJTsKICAgIH0KICAgIC56cy10aXRsZXN7CiAgICAgICAgbWFyZ2luOiAycmVtIDA7CiAgICB9CiAgICAuenMtdGl0bGVzIHNwYW57CiAgICAgICAgZm9udC13ZWlnaHQ6IDcwMDsKICAgICAgICBmb250LXNpemU6IDEuNXJlbTsKICAgICAgICBjb2xvcjogIzMzMzsKICAgIH0KICAgIC56cy10aXRsZXMgc3BhbiBpewogICAgICAgIGZvbnQtc2l6ZTogMnJlbTsKICAgICAgICBjb2xvcjogIzk0NzJlNDsKICAgICAgICBmb250LXdlaWdodDogOTAwOwogICAgICAgIGZvbnQtc3R5bGU6IG5vcm1hbDsKICAgICAgICBmb250LWZhbWlseTogJ1NpbUhlaSBNaWNyb3NvZnQgeWFoZWknOwogICAgICAgIG1hcmdpbi1yaWdodDogMXJlbTsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgdG9wOiAycHg7CiAgICB9CiAgICAuZGV0YWlsLWJ0bnsKICAgICAgICBtYXJnaW4tdG9wOiAxcmVtOwogICAgICAgIGJhY2tncm91bmQ6Izk0NzJlNCA7CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIHBhZGRpbmc6IDJweCA4cHg7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgICAgIGNvbG9yOiAjZmZmOwogICAgfQogICAgLnpjLWNvbnRlbnQgcHsKICAgICAgICBmb250LXNpemU6IDAuOHJlbTsKICAgICAgICBjb2xvcjogIzMzMzsKICAgICAgICBtYXJnaW4tdG9wOiAwLjhyZW07CiAgICB9CiAgICAuemMtY29udGVudCBoM3sKICAgICAgICBmb250LXNpemU6IDAuOHJlbTsKICAgICAgICBjb2xvcjogIzMzMzsKICAgICAgICBtYXJnaW4tdG9wOiAwLjhyZW07CiAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDsKICAgIH0KICAgIC50YWJzewogICAgICAgIGJvcmRlci1ib3R0b206MnB4IHNvbGlkICM2NzRGQjAhaW1wb3J0YW50OwogICAgfQogICAgLnpzLXdyYXAgdWx7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgICBmbGV4LXdyYXA6IHdyYXA7CiAgICB9CiAgICAuenMtd3JhcCB1bCBsaXsKICAgICAgICB3aWR0aDogMzMuMzMlOwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBtYXJnaW4tYm90dG9tOiAycmVtOwogICAgfQogICAgLnp4LXdyYXAgbGl7CiAgICAgICAgd2lkdGg6MjUlIWltcG9ydGFudDsKICAgIH0KICAgIC5mdy13cmFwewogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgICAgZGlzcGxheTogYmxvY2shaW1wb3J0YW50OwogICAgfQogICAgLmZ3LXdyYXAgbGk6bnRoLWNoaWxkKDEpewogICAgICAgIHdpZHRoOjMzLjMzJTsKICAgICAgICBmbG9hdDogbGVmdDsKICAgIH0KICAgIC5mdy13cmFwIGxpOm50aC1jaGlsZCgyKXsKICAgICAgICB3aWR0aDozMy4zMyU7CiAgICAgICAgZmxvYXQ6IHJpZ2h0OwogICAgfQogICAgLnpzLXdyYXAgdWwgbGkgZGl2ewogICAgICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICAgICAgaGVpZ2h0OiAxMHJlbTsKICAgICAgICB3aWR0aDogOTAlOwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHBhZGRpbmctdG9wOiAzcmVtOwogICAgICAgIGZvbnQtc2l6ZTogMXJlbTsKICAgIH0KICAgIC56cy13cmFwIHVsIGxpIGRpdiBwewogICAgICAgIG1hcmdpbi10b3A6IDFyZW07CiAgICB9CiAgICAuenMtd3JhcCB1bCBsaSBkaXYgaW1newogICAgICAgIHdpZHRoOiAyMCU7CiAgICB9CiAgICAuenMtdGFicyBkaXZ7CiAgICAgICAgYmFja2dyb3VuZDogIzY3NEZCMCFpbXBvcnRhbnQ7CiAgICAgICAgY29sb3I6ICNmZmY7CiAgICB9Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwMHB4KXsKICAgIC5iYW5uZXJ7CiAgICAgICAgZGlzcGxheTogbm9uZTsKICAgIH0KICAgIC56Yy1jb250ZW50ewogICAgICAgIGRpc3BsYXk6IG5vbmU7CiAgICB9CiAgICAuYnJlYWR7CiAgICAgICAgZGlzcGxheTogbm9uZTsKICAgIH0KICAgIC5zbWFydC10aXRsZXsKICAgICAgICBtYXJnaW4tdG9wOjJyZW07CiAgICB9CiAgICAuc21hcnQtZGV2aWNlewogICAgICAgIHdpZHRoOiA5MCU7CiAgICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDsKICAgICAgICBmb250LXNpemU6IDFyZW07CiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuewogICAgICAgIGZvbnQtc2l6ZTogMS41cmVtOwogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgcGFkZGluZy1yaWdodDogMXJlbTsKICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07CiAgICAgICAgZm9udC13ZWlnaHQ6IDkwMDsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuOmFmdGVyewogICAgICAgIGNvbnRlbnQ6ICcnOwogICAgICAgIHdpZHRoOiAxcHg7CiAgICAgICAgaGVpZ2h0OiAxNXB4OwogICAgICAgIGJhY2tncm91bmQ6ICM2NjY7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIHJpZ2h0OiAwOwogICAgICAgIGJvdHRvbTogN3B4OwogICAgfQogICAgLmRldmljZS10aXRsZSBpbWd7CiAgICAgICAgd2lkdGg6IDEwMCU7CiAgICB9CiAgICAuenMtdGl0bGVzewogICAgICAgIG1hcmdpbjogMXJlbSAwOwogICAgfQogICAgLnpzLXRpdGxlcyBzcGFuewogICAgICAgIGZvbnQtd2VpZ2h0OiA3MDA7CiAgICAgICAgZm9udC1zaXplOiAwLjhyZW07CiAgICAgICAgY29sb3I6ICMzMzM7CiAgICB9CiAgICAuenMtdGl0bGVzIHNwYW4gaXsKICAgICAgICBmb250LXNpemU6IDEuNXJlbTsKICAgICAgICBjb2xvcjogIzk0NzJlNDsKICAgICAgICBmb250LXdlaWdodDogOTAwOwogICAgICAgIGZvbnQtc3R5bGU6IG5vcm1hbDsKICAgICAgICBmb250LWZhbWlseTogJ1NpbUhlaSBNaWNyb3NvZnQgeWFoZWknOwogICAgICAgIG1hcmdpbi1yaWdodDogMXJlbTsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgdG9wOiAycHg7CiAgICB9CiAgICAuenMtd3JhcCB1bHsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgICAgIGZsZXgtd3JhcDogd3JhcDsKICAgIH0KICAgIC56cy13cmFwIHVsIGxpewogICAgICAgIHdpZHRoOiAzMy4zMyU7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIG1hcmdpbi1ib3R0b206IDJyZW07CiAgICB9CiAgICAuengtd3JhcCBsaXsKICAgICAgICB3aWR0aDoyNSUhaW1wb3J0YW50OwogICAgfQogICAgLmZ3LXdyYXB7CiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgICAgICBkaXNwbGF5OiBibG9jayFpbXBvcnRhbnQ7CiAgICB9CiAgICAuZnctd3JhcCBsaTpudGgtY2hpbGQoMSl7CiAgICAgICAgd2lkdGg6MzMuMzMlOwogICAgICAgIGZsb2F0OiBsZWZ0OwogICAgfQogICAgLmZ3LXdyYXAgbGk6bnRoLWNoaWxkKDIpewogICAgICAgIHdpZHRoOjMzLjMzJTsKICAgICAgICBmbG9hdDogcmlnaHQ7CiAgICB9CiAgICAuenMtd3JhcCB1bCBsaSBkaXZ7CiAgICAgICAgYmFja2dyb3VuZDogI2ZmZjsKICAgICAgICBoZWlnaHQ6IDRyZW07CiAgICAgICAgd2lkdGg6IDkwJTsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgICAgICBwYWRkaW5nOiAxcmVtIDA7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgfQogICAgLnpzLXdyYXAgdWwgbGkgZGl2IHB7CiAgICAgICAgbWFyZ2luLXRvcDogMXJlbTsKICAgIH0KICAgIC56cy13cmFwIHVsIGxpIGRpdiBpbWd7CiAgICAgICAgd2lkdGg6IDIwJTsKICAgIH0KICAgIC56cy10YWJzIGRpdnsKICAgICAgICBiYWNrZ3JvdW5kOiAjNjc0RkIwIWltcG9ydGFudDsKICAgICAgICBjb2xvcjogI2ZmZjsKICAgIH0KfQoK"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}
|
