1 line
3.2 KiB
JSON
1 line
3.2 KiB
JSON
{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nimport BottomItem from '@/components/bottomItem';\nexport default {\n name: \"Search\",\n components: {\n BottomItem\n },\n methods: {\n goPage(page) {\n this.$router.push({\n name: page\n });\n }\n }\n};","map":{"version":3,"names":["BottomItem","name","components","methods","goPage","page","$router","push"],"sources":["src/views/index/search.vue"],"sourcesContent":["<template>\r\n <div>\r\n <div class=\"search_wrap\">\r\n <div class=\"search_top\">\r\n <div class=\"input_wrap\">\r\n <input class=\"input_cls\" type=\"text\" placeholder=\"输入手机号 或 车牌号\" />\r\n <div class=\"search_btn\">查询</div>\r\n </div>\r\n </div>\r\n <div class=\"split_bar\"></div>\r\n <div class=\"order_wrap\">\r\n\r\n </div>\r\n </div>\r\n <!-- 底部 button -->\r\n <div class=\"bottom_wrap\">\r\n <div class=\"wrap\">\r\n <bottom-item server-name=\"叫服务\" page=\"Home\" :url=\"require('@/assets/server_btn.png')\" @pageClick=\"goPage\"></bottom-item>\r\n <bottom-item server-name=\"查订单\" :active=\"true\" :url=\"require('@/assets/search_active_btn.png')\" ></bottom-item>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import BottomItem from '@/components/bottomItem'\r\n export default {\r\n name: \"Search\",\r\n components: {\r\n BottomItem\r\n },\r\n methods: {\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 .search_wrap {\r\n .search_top {\r\n padding: 20px 22px;\r\n .input_wrap {\r\n width: 100%;\r\n box-sizing: border-box;\r\n height: 50px;\r\n border-radius: 25px;\r\n border: 1px solid #D5D7E2;\r\n display: flex;\r\n .input_cls {\r\n flex: 1;\r\n height: 48px;\r\n line-height: 48px;\r\n padding-left: 20px;\r\n font-size: 14px;\r\n border: 0;\r\n background: none;\r\n }\r\n .search_btn {\r\n padding: 0 20px;\r\n border-radius: 25px;\r\n color: #fff;\r\n background: #3364B7;\r\n font-size: 15px;\r\n margin-right: 6px;\r\n height: 38px;\r\n line-height: 38px;\r\n margin-top: 5px;\r\n font-size: 15px;\r\n z-index: 10000;\r\n }\r\n }\r\n }\r\n .split_bar {\r\n width: 100%;\r\n height: 10px;\r\n background-color: #FAFAFA;\r\n }\r\n .order_wrap {\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</style>\r\n"],"mappings":";AAyBA,OAAAA,UAAA;AACA;EACAC,IAAA;EACAC,UAAA;IACAF;EACA;EACAG,OAAA;IACAC,OAAAC,IAAA;MACA,KAAAC,OAAA,CAAAC,IAAA;QACAN,IAAA,EAAAI;MACA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |