From ef88324f8bfc76e0dd7fb2c458c9cfda6c8151a8 Mon Sep 17 00:00:00 2001 From: liugongyu <290219706@qq.com> Date: Thu, 7 Apr 2022 09:40:21 +0800 Subject: [PATCH] 黄石周边服务 --- src/assets/images/service/development.jpeg | Bin 0 -> 81332 bytes src/assets/images/service/serviceDetailTop1.jpg | Bin 0 -> 331218 bytes src/assets/images/service/serviceDetailTop2.jpg | Bin 0 -> 260084 bytes src/assets/images/service/serviceDetailTop3.jpg | Bin 0 -> 84181 bytes src/assets/images/service/serviceIphone.png | Bin 684 -> 0 bytes src/assets/images/service/serviceNav.png | Bin 324 -> 0 bytes src/router/index.js | 9 +++++++++ src/views/service/development.vue | 22 ++++++++++++++++++++++ src/views/service/service.vue | 4 ++-- src/views/service/serviceDetail.vue | 157 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------- 10 files changed, 147 insertions(+), 45 deletions(-) create mode 100644 src/assets/images/service/development.jpeg create mode 100644 src/assets/images/service/serviceDetailTop1.jpg create mode 100644 src/assets/images/service/serviceDetailTop2.jpg create mode 100644 src/assets/images/service/serviceDetailTop3.jpg create mode 100644 src/views/service/development.vue diff --git a/src/assets/images/service/development.jpeg b/src/assets/images/service/development.jpeg new file mode 100644 index 0000000..b1107b7 Binary files /dev/null and b/src/assets/images/service/development.jpeg differ diff --git a/src/assets/images/service/serviceDetailTop1.jpg b/src/assets/images/service/serviceDetailTop1.jpg new file mode 100644 index 0000000..66f2354 Binary files /dev/null and b/src/assets/images/service/serviceDetailTop1.jpg differ diff --git a/src/assets/images/service/serviceDetailTop2.jpg b/src/assets/images/service/serviceDetailTop2.jpg new file mode 100644 index 0000000..a036ff9 Binary files /dev/null and b/src/assets/images/service/serviceDetailTop2.jpg differ diff --git a/src/assets/images/service/serviceDetailTop3.jpg b/src/assets/images/service/serviceDetailTop3.jpg new file mode 100644 index 0000000..a5daf6a Binary files /dev/null and b/src/assets/images/service/serviceDetailTop3.jpg differ diff --git a/src/assets/images/service/serviceIphone.png b/src/assets/images/service/serviceIphone.png index 4264d49..2984a77 100644 Binary files a/src/assets/images/service/serviceIphone.png and b/src/assets/images/service/serviceIphone.png differ diff --git a/src/assets/images/service/serviceNav.png b/src/assets/images/service/serviceNav.png index e048450..e0897c1 100644 Binary files a/src/assets/images/service/serviceNav.png and b/src/assets/images/service/serviceNav.png differ diff --git a/src/router/index.js b/src/router/index.js index c7574ae..0161131 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -284,6 +284,15 @@ export default new Router({ } }, + { + path: '/development', + name: 'development', + component: () => import("@/views/service/development.vue"), + meta:{ + title:'产品开发中' + } + }, + diff --git a/src/views/service/development.vue b/src/views/service/development.vue new file mode 100644 index 0000000..b921247 --- /dev/null +++ b/src/views/service/development.vue @@ -0,0 +1,22 @@ + + + + + diff --git a/src/views/service/service.vue b/src/views/service/service.vue index f87127a..58e8530 100644 --- a/src/views/service/service.vue +++ b/src/views/service/service.vue @@ -17,14 +17,14 @@ -
+

保险服务

-
+

出行服务

diff --git a/src/views/service/serviceDetail.vue b/src/views/service/serviceDetail.vue index 4410c44..6f2c805 100644 --- a/src/views/service/serviceDetail.vue +++ b/src/views/service/serviceDetail.vue @@ -14,64 +14,124 @@
  • -
    +

    - 途虎养车磁湖东路店 + 黄石港区一川汽车服务运营中心

    - 营业时间：早8店晚21点 + 营业时间：8:00-18:00

    - 店长：梁浩 + 联系人：余红艳

    - 联系电话：13333333333 + 联系电话：13971750760

    - 地理位置: 黄石西塞山区慈湖东路26号途虎养车 - + 地理位置: 黄石市黄石港区杭州路19号儿童公园加油站旁 +

    + +

    + 服务范围：洗车，美容，音响改装 +

    + + +

    - 八公里内道路援助 - + 专业贴膜 +

    • - - - - - - - - - - - - - - - - - - - - + +
  • +
    +

    + 途虎养车磁湖东路店 +

    +

    + 营业时间：8:00-21:00 +

    +

    + 联系人：梁浩 +

    +

    + + 联系电话：13339906728 + +

    +
    +

    + 地理位置: 黄石西塞山区磁湖东路26号途虎养车 + + + +

    + +

    + 服务范围：轮胎更换，美容洗车，车品安装 +

    + + - - - - - +

    + 维修、保养、美容 + + + +

    +
    • + + +
  • +
    +

    + 壹路美汽车服务中心 +

    +

    + 营业时间：8:00-19:00 +

    +

    + 联系人：石先生 +

    +

    + + 联系电话：18162919877 + +

    +
    +

    + 地理位置: 黄石市下陆区明盛·湖景花园(广州路5号) + + + +

    + +

    + 服务范围：机电维修 改装升级 美容装饰轮毂改装 +

    + + - +

    + 8公里内免费救援 + + + +

    +
    • + + + +
@@ -109,19 +169,18 @@ export default { window.webkit.messageHandlers.callAppPhone.postMessage({ "phoneNumber": telNum}) } }, - toLinkApp(){ - + toLinkApp(lon,lat,name){ var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if (isAndroid) { // alert("我是安卓"); - window.JSInterface.toApp('116.301359','39.938395','北京'); + window.JSInterface.toApp(lon,lat,name); } if (isIOS) { // alert("我是苹果"); - window.webkit.messageHandlers.toApp.postMessage({ "lon": "116.301359", "lat": "39.938395", "name": "北京"}) + window.webkit.messageHandlers.toApp.postMessage({ "lon": lon, "lat": lat, "name":name}) } }, @@ -152,7 +211,7 @@ export default { .serviceDetailWrap { padding: 10px 10px; > li { - height: 140px; + height: 160px; margin-bottom: 10px; border-bottom: 1px solid #eee; /*display: flex;*/ @@ -161,12 +220,24 @@ export default { .serviceDetailTop { padding-left: 130px; - background-image: url("../../assets/images/service/service.jpg"); + + margin-bottom: 5px; + } + .serviceDetailTop1{ + background-image: url("../../assets/images/service/serviceDetailTop1.jpg"); + background-repeat: no-repeat; + background-size: 120px 100px; + } + .serviceDetailTop2{ + background-image: url("../../assets/images/service/serviceDetailTop2.jpg"); + background-repeat: no-repeat; + background-size: 120px 100px; + } + .serviceDetailTop3{ + background-image: url("../../assets/images/service/serviceDetailTop3.jpg"); background-repeat: no-repeat; background-size: 120px 100px; - margin-bottom: 5px; } - .serviceStar{ padding-left: 20px; background: url("../../assets/images/service/serviceSrar.png") no-repeat 0 center; -- libgit2 0.21.4