1 line
4.1 KiB
JSON
1 line
4.1 KiB
JSON
{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nimport { serverList } from '@/utils/serverMap';\nimport BottomItem from '@/components/bottomItem';\nexport default {\n name: \"Home\",\n data() {\n return {\n map: '',\n serverList: serverList\n };\n },\n components: {\n BottomItem\n },\n mounted() {\n this.initMap();\n },\n methods: {\n initMap() {\n this.map = new AMap.Map('mapId', {\n viewMode: '2D',\n // 默认使用 2D 模式\n zoom: 11,\n //初始化地图层级\n center: [116.397428, 39.90923] //初始化地图中心点\n });\n },\n\n goPage(page) {\n this.$router.push({\n name: page\n });\n }\n }\n};","map":{"version":3,"names":["serverList","BottomItem","name","data","map","components","mounted","initMap","methods","AMap","Map","viewMode","zoom","center","goPage","page","$router","push"],"sources":["src/views/index/index.vue"],"sourcesContent":["<template>\r\n <div class=\"main_wrap\">\r\n <div class=\"map_wrap\" id=\"mapId\">\r\n\r\n </div>\r\n <div class=\"form_wrap\">\r\n <div class=\"tab_wrap\">\r\n <div class=\"tab_item tab_active\" v-for=\"item in serverList\">\r\n {{ item.serverName }}\r\n </div>\r\n </div>\r\n </div>\r\n<!-- 底部按钮-->\r\n <div class=\"bottom_wrap\">\r\n <div class=\"wrap\">\r\n <bottom-item server-name=\"叫服务\" :active=\"true\"></bottom-item>\r\n <bottom-item server-name=\"查订单\" :url=\"require('@/assets/search_btn.png')\" page=\"Search\" @pageClick=\"goPage\"></bottom-item>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import { serverList } from '@/utils/serverMap'\r\n import BottomItem from '@/components/bottomItem'\r\n export default {\r\n name: \"Home\",\r\n data() {\r\n return {\r\n map: '',\r\n serverList: serverList\r\n }\r\n },\r\n components: {\r\n BottomItem\r\n },\r\n mounted() {\r\n this.initMap()\r\n },\r\n methods: {\r\n initMap() {\r\n this.map = new AMap.Map('mapId', {\r\n viewMode: '2D', // 默认使用 2D 模式\r\n zoom:11, //初始化地图层级\r\n center: [116.397428, 39.90923] //初始化地图中心点\r\n })\r\n },\r\n goPage(page) {\r\n this.$router.push({\r\n name: page,\r\n })\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n .main_wrap {\r\n .map_wrap {\r\n width: 100%;\r\n height: 80vh;\r\n }\r\n .form_wrap {\r\n\r\n .tab_wrap {\r\n display: flex;\r\n background: #FAFAFA;\r\n \r\n .tab_item {\r\n flex: 1;\r\n padding: 10px 0;\r\n text-align: center;\r\n font-size: 15px;\r\n color: rgba(0, 0, 0, 0.4);\r\n font-weight: 500;\r\n }\r\n .tab_active {\r\n position: relative;\r\n font-weight: 600;\r\n color: #3678FF;\r\n }\r\n .tab_active:after {\r\n display: inline-block;\r\n content: '';\r\n width: 18px;\r\n height: 3px;\r\n background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);\r\n border-radius: 2px;\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n }\r\n }\r\n /*底部按钮*/\r\n .bottom_wrap {\r\n position: fixed;\r\n width: 100%;\r\n bottom: 0;\r\n background: #FFFFFF;\r\n box-shadow: 0px -2px 8px 0px rgba(74,74,74,0.08);\r\n .wrap {\r\n width: 100%;\r\n display: flex;\r\n }\r\n }\r\n }\r\n</style>\r\n"],"mappings":";AAuBA,SAAAA,UAAA;AACA,OAAAC,UAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,GAAA;MACAJ,UAAA,EAAAA;IACA;EACA;EACAK,UAAA;IACAJ;EACA;EACAK,QAAA;IACA,KAAAC,OAAA;EACA;EACAC,OAAA;IACAD,QAAA;MACA,KAAAH,GAAA,OAAAK,IAAA,CAAAC,GAAA;QACAC,QAAA;QAAA;QACAC,IAAA;QAAA;QACAC,MAAA;MACA;IACA;;IACAC,OAAAC,IAAA;MACA,KAAAC,OAAA,CAAAC,IAAA;QACAf,IAAA,EAAAa;MACA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |