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

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 负责人:无 分享
已邀请:

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容