TimelessLove
TimelessLove
  • 发布:2024-03-28 15:46
  • 更新:2024-03-28 15:46
  • 阅读:37

map地图在提交表单界面移动问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 11 家庭中文版 22631.3296

HBuilderX类型: 正式

HBuilderX版本号: 4.07

手机系统: Android

手机系统版本号: Android 11

手机厂商: 小米

手机机型: 小米9

页面类型: vue

vue版本: vue2

打包方式: 离线

项目创建方式: HBuilderX

示例代码:
<template>  
    <view class="pages">  
        <view style="height: 220px">  
            <mapGao ref="map" :map-width="mapWidth" :scale="scale" :longitude="param.longitude" :latitude="param.latitude" :markers="markers"></mapGao>  
        </view>  

        <view class="block_1 one" v-if="edit">  
            <view class="title">地质灾害点名称</view>  
            <view class="other">  
                <uni-data-select  
                    v-model="param.regionId"  
                    :localdata="regionList"  
                    placeholder="请选择地质灾害点">  
                </uni-data-select>  
            </view>  
        </view>  
        <view class="block_1 one" v-else>  
            <view class="title">地质灾害点名称</view>  
            <view class="other">  
                <text style="color:#999">{{ regionName }}</text>  
            </view>  
        </view>  

        <view class="block_1" v-if="edit">  
            <text>巡查结果</text>  
            <view class="block_1_i">  
                <uni-data-select  
                    v-model="param.status"  
                    :localdata="statusList"  
                    placeholder="请选择">  
                </uni-data-select>  
            </view>  
        </view>  
        <view class="block_1" v-else>  
            <text>巡查结果</text>  
            <view class="block_1_i end">  
                <view style="color: #999;width: 100%;">{{ param.status == 0 ? '异常':'正常' }}</view>  
            </view>  
        </view>  
        </view>  
</template>

操作步骤:

请看附件中的视频

预期结果:

地图不移动

实际结果:

地图向上移动了

bug描述:

在一个vue界面引用nvue组件的地图,页面滑动之后,使用uni-data-select组件下拉,地图会向上移动。

2024-03-28 15:46 负责人:无 分享
已邀请:

要回复问题请先登录注册