hookehuyr

fix Bob细节样式调整

...@@ -37,6 +37,7 @@ declare module '@vue/runtime-core' { ...@@ -37,6 +37,7 @@ declare module '@vue/runtime-core' {
37 VanSwipeItem: typeof import('vant/es')['SwipeItem'] 37 VanSwipeItem: typeof import('vant/es')['SwipeItem']
38 VanTab: typeof import('vant/es')['Tab'] 38 VanTab: typeof import('vant/es')['Tab']
39 VanTabs: typeof import('vant/es')['Tabs'] 39 VanTabs: typeof import('vant/es')['Tabs']
40 + VanToast: typeof import('vant/es')['Toast']
40 VRViewer: typeof import('./src/components/VRViewer/index.vue')['default'] 41 VRViewer: typeof import('./src/components/VRViewer/index.vue')['default']
41 } 42 }
42 } 43 }
......
This diff is collapsed. Click to expand it.
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-22 14:03:09 4 + * @LastEditTime: 2024-09-23 10:50:53
5 * @FilePath: /map-demo/src/views/bieyuan/map.vue 5 * @FilePath: /map-demo/src/views/bieyuan/map.vue
6 * @Description: 公众地图主体页面 6 * @Description: 公众地图主体页面
7 --> 7 -->
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
42 <button @click="show = false">关闭</button> 42 <button @click="show = false">关闭</button>
43 </div> 43 </div>
44 </template> --> 44 </template> -->
45 - <page-info ref="pageInfo" :info="itemInfo" @close-float="onCloseFloat" @route="onRoute"></page-info> 45 + <page-info ref="pageInfo" :info="itemInfo" :height="info_height" @close-float="onCloseFloat" @route="onRoute"></page-info>
46 <!-- <div v-if="showClose" @click="closeFloatPanel" class="close-float-panel"> 46 <!-- <div v-if="showClose" @click="closeFloatPanel" class="close-float-panel">
47 <van-icon name="arrow-left" color="#FFF" size="1.5rem" /> 47 <van-icon name="arrow-left" color="#FFF" size="1.5rem" />
48 </div> --> 48 </div> -->
...@@ -176,7 +176,7 @@ export default { ...@@ -176,7 +176,7 @@ export default {
176 data_paths: {}, // 接口获取-地图导航路径 176 data_paths: {}, // 接口获取-地图导航路径
177 data_path_list: [], // 接口获取-地图导航路径 177 data_path_list: [], // 接口获取-地图导航路径
178 info_height: 0, 178 info_height: 0,
179 - anchors: [0, (0.45 * window.innerHeight), (1 * window.innerHeight)], 179 + anchors: [0, (0.65 * window.innerHeight), (1 * window.innerHeight)],
180 themeVars: { 180 themeVars: {
181 floatingPanelHeaderHeight: 0, 181 floatingPanelHeaderHeight: 0,
182 floatingPanelBorderRadius: '1.25rem' 182 floatingPanelBorderRadius: '1.25rem'
...@@ -375,13 +375,13 @@ export default { ...@@ -375,13 +375,13 @@ export default {
375 375
376 376
377 // 打开浮动面板 377 // 打开浮动面板
378 - this.info_height = (0.45 * window.innerHeight); 378 + this.info_height = (0.65 * window.innerHeight);
379 // 浮动面板样式 379 // 浮动面板样式
380 $('.van-floating-panel__content').css('borderRadius', '1.25rem'); 380 $('.van-floating-panel__content').css('borderRadius', '1.25rem');
381 $('.van-floating-panel').css('boxShadow', '0 0 15px black'); 381 $('.van-floating-panel').css('boxShadow', '0 0 15px black');
382 382
383 // 定位到当前位置中心 383 // 定位到当前位置中心
384 - this.map.setZoomAndCenter(this.zoom, this.itemInfo.position); 384 + // this.map.setZoomAndCenter(this.zoom, this.itemInfo.position);
385 }) 385 })
386 } 386 }
387 // TODO: ID问题看看实际名称叫什么 387 // TODO: ID问题看看实际名称叫什么
...@@ -653,7 +653,7 @@ export default { ...@@ -653,7 +653,7 @@ export default {
653 // }) 653 // })
654 }, 654 },
655 onHeightChange ({ height }) { // 监听浮动面板高度变化 655 onHeightChange ({ height }) { // 监听浮动面板高度变化
656 - if (height === window.innerHeight) { 656 + if (height > window.innerHeight * 0.6) {
657 // // 浮动面板样式 657 // // 浮动面板样式
658 // $('.van-floating-panel__content').css('borderRadius', '0'); 658 // $('.van-floating-panel__content').css('borderRadius', '0');
659 // this.showClose = true; 659 // this.showClose = true;
...@@ -675,7 +675,7 @@ export default { ...@@ -675,7 +675,7 @@ export default {
675 } 675 }
676 }, 676 },
677 closeFloatPanel () { 677 closeFloatPanel () {
678 - this.info_height = (0.45 * window.innerHeight); 678 + this.info_height = (0.65 * window.innerHeight);
679 $('.van-floating-panel__content').css('borderRadius', '1.25rem'); 679 $('.van-floating-panel__content').css('borderRadius', '1.25rem');
680 this.showClose = false; 680 this.showClose = false;
681 // 关闭音频 681 // 关闭音频
......