BJ_web_developers / wxgzh

Commit 0a26514edca5b8a3ca90d30a682818f4e09d83e3

Authored by 刘淇
1 parent cf4544fa

周边服务

Inline Side-by-side
Showing 2 changed files with 69 additions and 34 deletions
index.html
  View file @0a26514
@@ -4,11 +4,11 @@ @@ -4,11 +4,11 @@
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <meta name="google" content="notranslate"> 5 <meta name="google" content="notranslate">
6 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 6 <meta name="viewport" content="width=device-width,initial-scale=1.0">
7 - 7 + <meta name="format-detection" content="telephone=yes" />
8 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> 8 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
9 <meta http-equiv="Pragma" content="no-cache" /> 9 <meta http-equiv="Pragma" content="no-cache" />
10 <meta http-equiv="Expires" content="0" /> 10 <meta http-equiv="Expires" content="0" />
11 - <title>微信公众号</title> 11 + <title>周边服务</title>
12 </head> 12 </head>
13 <body> 13 <body>
14 <div id="app"></div> 14 <div id="app"></div>
src/views/service/serviceDetail.vue
  View file @0a26514
@@ -25,52 +25,54 @@ @@ -25,52 +25,54 @@
25 <span>店长：梁浩</span> 25 <span>店长：梁浩</span>
26 </p> 26 </p>
27 <p> 27 <p>
28 - <span>联系电话：13333333333</span>  
29 - </p>  
30 - </div>  
31 - <p style="display: flex;justify-content: space-between;">  
32 - <span>地理位置: 黄石西塞山区慈湖东路26号途虎养车</span>  
33 - <span>  
34 - <img src="../../assets/images/service/serviceNav.png" height="16" width="16"/>  
35 - </span>  
36 - </p>  
37 - <p style="display: flex;justify-content: space-between;padding-top: 5px;">  
38 - <span class="serviceStar">八公里内道路援助</span>  
39 - <span>  
40 - <img src="../../assets/images/service/serviceIphone.png" height="16" width="16"/>  
41 - </span>  
42 - </p>  
43 - </li>  
44 28
45 - <li>  
46 - <div class="serviceDetailTop">  
47 - <p>  
48 - <span style="color: #ffbe00;font-weight: 600;font-size: 16px;">途虎养车磁湖东路店</span>  
49 - </p>  
50 - <p>  
51 - <span style="color: #ff4949">营业时间：早8店晚21点</span>  
52 - </p>  
53 - <p>  
54 - <span>店长：梁浩</span>  
55 - </p>  
56 - <p>  
57 <span>联系电话：13333333333</span> 29 <span>联系电话：13333333333</span>
  30 +
58 </p> 31 </p>
59 </div> 32 </div>
60 <p style="display: flex;justify-content: space-between;"> 33 <p style="display: flex;justify-content: space-between;">
61 <span>地理位置: 黄石西塞山区慈湖东路26号途虎养车</span> 34 <span>地理位置: 黄石西塞山区慈湖东路26号途虎养车</span>
62 - <span>  
63 - <img src="../../assets/images/service/serviceNav.png" height="16" width="16"/> 35 + <span @click="toLinkApp()">
  36 + <img src="../../assets/images/service/serviceNav.png" height="18" width="18"/>
64 </span> 37 </span>
65 </p> 38 </p>
66 <p style="display: flex;justify-content: space-between;padding-top: 5px;"> 39 <p style="display: flex;justify-content: space-between;padding-top: 5px;">
67 <span class="serviceStar">八公里内道路援助</span> 40 <span class="serviceStar">八公里内道路援助</span>
68 - <span>  
69 - <img src="../../assets/images/service/serviceIphone.png" height="16" width="16"/> 41 + <span @click="callPhone('13333333333')">
  42 + <img src="../../assets/images/service/serviceIphone.png" height="18" width="18"/>
70 </span> 43 </span>
71 </p> 44 </p>
72 </li> 45 </li>
73 46
  47 + <!--<li>-->
  48 + <!--<div class="serviceDetailTop">-->
  49 + <!--<p>-->
  50 + <!--<span style="color: #ffbe00;font-weight: 600;font-size: 16px;">途虎养车磁湖东路店</span>-->
  51 + <!--</p>-->
  52 + <!--<p>-->
  53 + <!--<span style="color: #ff4949">营业时间：早8店晚21点</span>-->
  54 + <!--</p>-->
  55 + <!--<p>-->
  56 + <!--<span>店长：梁浩</span>-->
  57 + <!--</p>-->
  58 + <!--<p>-->
  59 + <!--<span>联系电话：13333333333</span>-->
  60 + <!--</p>-->
  61 + <!--</div>-->
  62 + <!--<p style="display: flex;justify-content: space-between;">-->
  63 + <!--<span>地理位置: 黄石西塞山区慈湖东路26号途虎养车</span>-->
  64 + <!--<span>-->
  65 + <!--<img src="../../assets/images/service/serviceNav.png" height="16" width="16"/>-->
  66 + <!--</span>-->
  67 + <!--</p>-->
  68 + <!--<p style="display: flex;justify-content: space-between;padding-top: 5px;">-->
  69 + <!--<span class="serviceStar">八公里内道路援助</span>-->
  70 + <!--<span>-->
  71 + <!--<img src="../../assets/images/service/serviceIphone.png" height="16" width="16"/>-->
  72 + <!--</span>-->
  73 + <!--</p>-->
  74 + <!--</li>-->
  75 +
74 </ul> 76 </ul>
75 </div> 77 </div>
76 </template> 78 </template>
@@ -89,7 +91,40 @@ export default { @@ -89,7 +91,40 @@ export default {
89 list2: [['3KM', '10KM', '20KM']], 91 list2: [['3KM', '10KM', '20KM']],
90 } 92 }
91 }, 93 },
  94 + mounted() {
  95 + window.toLinkApp = this.toLinkApp;
  96 + },
92 methods: { 97 methods: {
  98 + callPhone(telNum) {
  99 + var u = navigator.userAgent,
  100 + app = navigator.appVersion;
  101 + var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
  102 + var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  103 + if (isAndroid) {
  104 + // alert("我是安卓");
  105 + window.JSInterface.callAppPhone(telNum);
  106 + }
  107 + if (isIOS) {
  108 + // alert("我是苹果");
  109 + window.webkit.messageHandlers.callAppPhone.postMessage({ "phoneNumber": telNum})
  110 + }
  111 + },
  112 + toLinkApp(){
  113 +
  114 + var u = navigator.userAgent,
  115 + app = navigator.appVersion;
  116 + var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
  117 + var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  118 + if (isAndroid) {
  119 + // alert("我是安卓");
  120 + window.JSInterface.toApp('116.301359','39.938395','北京');
  121 + }
  122 + if (isIOS) {
  123 + // alert("我是苹果");
  124 + window.webkit.messageHandlers.toApp.postMessage({ "lon": "116.301359", "lat": "39.938395", "name": "北京"})
  125 + }
  126 +
  127 + },
93 onChange (val) { 128 onChange (val) {
94 console.log('val change', val) 129 console.log('val change', val)
95 }, 130 },