fix:修复bug
This commit is contained in:
+26
-11
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<view class="map-container" :class="{ 'full-width': props.fullWidth }" :style="{ '--map-height': props.customHeight || '72vh' }">
|
||||
<view class="map-container" :class="{ 'full-width': props.fullWidth }">
|
||||
<!-- 地图容器 -->
|
||||
<view class="map-wrapper">
|
||||
<!-- 使用小程序原生地图组件 -->
|
||||
@@ -26,16 +26,18 @@
|
||||
</cover-view>
|
||||
|
||||
<cover-view class="map-side-controls" v-if="!props.hideControls && !props.hideMapOverlays">
|
||||
<cover-view class="side-btn guide" @tap="handleGuide">
|
||||
<cover-image class="side-icon" src="/static/use_help.png" style="border-radius: 50%;"></cover-image>
|
||||
</cover-view>
|
||||
<cover-view class="side-btn locate" @tap="handleRelocate">
|
||||
<cover-image class="side-icon" src="/static/location.png"></cover-image>
|
||||
</cover-view>
|
||||
<cover-view class="side-btn service" @tap="handleService">
|
||||
<cover-image class="side-icon" src="/static/customer-service.png"></cover-image>
|
||||
</cover-view>
|
||||
<cover-view class="side-btn search" @tap="handleSearch">
|
||||
<cover-image class="side-icon" src="/static/other_device.png"></cover-image>
|
||||
</cover-view>
|
||||
|
||||
<cover-view class="side-btn service" @tap="handleService">
|
||||
<cover-image class="side-icon" src="/static/customer-service.png"></cover-image>
|
||||
</cover-view>
|
||||
</cover-view>
|
||||
</map>
|
||||
|
||||
@@ -128,7 +130,8 @@
|
||||
'showList',
|
||||
'markerTap',
|
||||
'mapCenterChange',
|
||||
'bannerClick'
|
||||
'bannerClick',
|
||||
'guide'
|
||||
])
|
||||
|
||||
// 响应式数据
|
||||
@@ -380,6 +383,10 @@ const handleSearch = () => {
|
||||
})
|
||||
}
|
||||
|
||||
const handleGuide = () => {
|
||||
emit('guide')
|
||||
}
|
||||
|
||||
const handleJoinTap = () => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/join/index'
|
||||
@@ -494,13 +501,21 @@ const handleSearch = () => {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 94vw;
|
||||
height: var(--map-height, calc(100% - 20rpx)); /* 使用变量或默认高度 */
|
||||
// height: var(--map-height, calc(100% - 20rpx)); /* 使用变量或默认高度 */
|
||||
margin: 20rpx;
|
||||
margin-bottom: 0; /* 底部不需要边距 */
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
// #ifdef H5
|
||||
height:78vh;
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
height: 72vh;
|
||||
// #endif
|
||||
|
||||
&.full-width {
|
||||
width: 100%;
|
||||
@@ -596,13 +611,13 @@ const handleSearch = () => {
|
||||
margin: auto;
|
||||
// height: 72rpx;
|
||||
background: rgba(255, 255, 255, 0.96);
|
||||
border-radius: 36rpx;
|
||||
border-radius: 24rpx;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.12);
|
||||
padding: 20rpx;
|
||||
padding: 13rpx;
|
||||
border: 2rpx solid #e0e0e0;
|
||||
|
||||
&:active {
|
||||
@@ -634,8 +649,8 @@ const handleSearch = () => {
|
||||
}
|
||||
|
||||
.side-icon {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.index-swiper {
|
||||
|
||||
Reference in New Issue
Block a user