在安卓机上 键盘弹起影响定位的弹框显示

原因：是因为安卓手机 键盘弹起屏幕的实际高度发生了变化 使定位的弹框位置发生了改变

解决办法：

<template>
    <!-- <div class="alertContentAddress" @click="closeSearch"> -->
        <div class="alertContent" @click="closeSearch">
            <div class="alertBody" @click.stop="">
                <!-- <div class="arertHeader">
                    选择城市
                    <span @click="closeDate"></span>
                </div> -->
                <div class="searchAddressCon">
                    <div class="searchAddress">
                        <i></i>
                        <!-- <input type="text" ref="inpSear" >-->
                        <input type="text" ref="inpSear" id="txcode" @focus="changeHeight"  v-model="key"  placeholder="搜索城市中文、拼音、三字码" />
                        <span v-if="key != ''" @click="clearKey"></span>
                    </div>
                    <div  @click="closeSearch" class="closeSearch">取消</div>
                </div>
                <div class="border2px"></div>
                <div class="dataContents" v-if="addressArr.length">
                    <div class="searchContent" v-for="(item,index) in addressArr" :key="index">
                        <div  v-if="item.air">
                            <div class="cityName" @click="choseCity(item.Name,item.CityCode,item.Name)">
                                <span class="cityType">城市</span>
                                <span class="cityNameShow">{{item.Name}}</span>
                                <span>{{item.CityCode}}</span>
                            </div>
                            <ul class="planeList">
                                <li v-for="(itemChild,indexChild) in item.air" :key="indexChild" @click="choseCity(itemChild.AirportName,itemChild.Code,item.Name)" vclass="cityChildrenName">
                                    <span class="planeType">机场</span>
                                    <span>{{itemChild.AirportName}}</span>
                                    <span>{{itemChild.Code}}</span>
                                </li>
                            </ul>
                        </div>
                        <div  v-else>
                            <div v-if="item.type === 1" class="cityName" @click="choseCity(item.Name,item.CityCode,item.Name)">
                                <span class="cityType">城市</span>
                                <span class="cityNameShow">{{item.Name}}</span>
                                <span>{{item.CityCode}}</span>
                            </div>
                            <div v-else class="cityName" @click="choseCity(item.AirportName,item.Code,item.Name)">
                                <span class="cityType">机场</span>
                                <span class="cityNameShow">{{item.AirportName}}</span>
                                <span>{{item.Code}}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="dataContents" v-if="addressArr.length == 0">
                    <div class="searchNoList"  v-if="addressArr.length == 0 && key != ''">
                        <div><img src="../../../resource/images/plane/images/kongBaiSearch.png" alt=""></div>
                        <div>没有符合的结果</div>
                    </div>
                </div>
            </div>
        </div>
    <!-- </div> -->
</template>

View Code