Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
327b9f6b 1 parent 99ba3b22

fix 修复不同类型弹框现实功能

Inline Side-by-side
Showing 3 changed files with 13 additions and 6 deletions
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 26
27 <van-popup teleport="body" v-model:show="show_popup" position="bottom" :overlay="true" :close-on-click-overlay="false" 27 <van-popup teleport="body" v-model:show="show_popup" position="bottom" :overlay="true" :close-on-click-overlay="false"
28 :style="{ padding: '1rem', height: '50%' }"> 28 :style="{ padding: '1rem', height: '50%' }">
29 - <van-icon name="cross" size="1.35rem" @click="show_popup = false" style="float: right; color: gray;" /> 29 + <van-icon name="cross" size="1.35rem" @click="onClose" style="float: right; color: gray;" />
30 <div class="popup-wrapper"> 30 <div class="popup-wrapper">
31 <div class="info-window-lite-wrapper1"> 31 <div class="info-window-lite-wrapper1">
32 <div :style="{ width: (widow_info.width * 0.8) + 'px', overflow: 'auto' }"> 32 <div :style="{ width: (widow_info.width * 0.8) + 'px', overflow: 'auto' }">
...@@ -40,12 +40,19 @@ ...@@ -40,12 +40,19 @@
40 <van-icon v-else name="arrow-left" color="#888" size="1.25rem" style="vertical-align: sub;" /> 40 <van-icon v-else name="arrow-left" color="#888" size="1.25rem" style="vertical-align: sub;" />
41 </div> 41 </div>
42 </div> 42 </div>
43 - <div class="van-hairline--top" style="margin: 1rem 0;"> 43 + <!-- <div class="van-hairline--top" style="margin: 1rem 0;">
44 <div @click="goToLocation()" style="width: 100%; float: left; text-align: center; margin-top: 1rem;"> 44 <div @click="goToLocation()" style="width: 100%; float: left; text-align: center; margin-top: 1rem;">
45 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%89%8D%E5%BE%80@2x.png" size="1.25rem" color="#FFF" 45 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%89%8D%E5%BE%80@2x.png" size="1.25rem" color="#FFF"
46 style="vertical-align: bottom;" />&nbsp; 46 style="vertical-align: bottom;" />&nbsp;
47 <span style="color: #AB8F57; font-size: 1rem;">前往</span> 47 <span style="color: #AB8F57; font-size: 1rem;">前往</span>
48 </div> 48 </div>
49 + </div> -->
50 + </div>
51 + <div class="van-hairline--top" style="margin: 1rem 0; position: absolute; bottom: 0; display: flex; width: 90%; justify-content: space-around;">
52 + <div @click="goToLocation()" style="width: 100%; float: left; text-align: center; margin-top: 1rem;">
53 + <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%89%8D%E5%BE%80@2x.png" size="1.25rem" color="#FFF"
54 + style="vertical-align: bottom;" />&nbsp;
55 + <span style="color: #AB8F57; font-size: 1rem;">前往</span>
49 </div> 56 </div>
50 </div> 57 </div>
51 </div> 58 </div>
......
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
69 69
70 <van-popup teleport="body" v-model:show="show_popup" position="bottom" :overlay="true" :close-on-click-overlay="false" 70 <van-popup teleport="body" v-model:show="show_popup" position="bottom" :overlay="true" :close-on-click-overlay="false"
71 :style="{ padding: '1rem', height: '50%' }"> 71 :style="{ padding: '1rem', height: '50%' }">
72 - <van-icon name="cross" size="1.35rem" @click="show_popup = false" style="float: right; color: gray;" /> 72 + <van-icon name="cross" size="1.35rem" @click="onClose" style="float: right; color: gray;" />
73 <div class="popup-wrapper"> 73 <div class="popup-wrapper">
74 <div class="info-window-warn-wrapper1"> 74 <div class="info-window-warn-wrapper1">
75 <div :style="{ width: (widow_info.width * 0.8) + 'px', overflow: 'auto' }"> 75 <div :style="{ width: (widow_info.width * 0.8) + 'px', overflow: 'auto' }">
......
1 <!-- 1 <!--
2 * @Date: 2023-05-19 14:54:27 2 * @Date: 2023-05-19 14:54:27
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-09-12 10:49:21 4 + * @LastEditTime: 2024-09-12 16:28:53
5 * @FilePath: /map-demo/src/views/index.vue 5 * @FilePath: /map-demo/src/views/index.vue
6 * @Description: 公众地图主体页面 6 * @Description: 公众地图主体页面
7 --> 7 -->
...@@ -450,7 +450,7 @@ export default { ...@@ -450,7 +450,7 @@ export default {
450 // "margin-bottom": "1rem", 450 // "margin-bottom": "1rem",
451 // "border-radius": ".25rem", 451 // "border-radius": ".25rem",
452 "background-color": "#965f13", 452 "background-color": "#965f13",
453 - "width": "1rem", 453 + // "width": "1rem",
454 // "border-width": 0, 454 // "border-width": 0,
455 // "box-shadow": "0 2px 6px 0 rgba(114, 124, 245, .5)", 455 // "box-shadow": "0 2px 6px 0 rgba(114, 124, 245, .5)",
456 // "text-align": "center", 456 // "text-align": "center",
...@@ -469,7 +469,7 @@ export default { ...@@ -469,7 +469,7 @@ export default {
469 } 469 }
470 // 绑定景点的点击事件 - 文字出现才能触发 470 // 绑定景点的点击事件 - 文字出现才能触发
471 var clickListener = textMarker.on('click', (e) => { 471 var clickListener = textMarker.on('click', (e) => {
472 - console.warn(e); 472 + // console.warn(e);
473 this.itemInfo = entity_info[i]; 473 this.itemInfo = entity_info[i];
474 // 不同弹框类型 474 // 不同弹框类型
475 if (entity_info[i].window_type === 'normal') { 475 if (entity_info[i].window_type === 'normal') {
......