所有安卓都复现这个bug，苹果正常。
复现终端机型：SM-G9750 （三星s10+）
安卓版本：9.0
框架:mpvue1.x
问题解决。删了一个外层元素的css3的动画就好了。这块代码之前一直没有问题也没没有其他改动，这两天突然就这样，真的迷！！！
地图下面超过一定高度后内容就全部不可见、但可以点击。
<template> <div class="house-traffic-block base-info-block"> <div class="title">交通路况</div> <div class="map-block"> <map class="map" :longitude="baseData.longitude" :latitude="baseData.latitude" scale="14"> </map> <cover-view class="map-site-i"> <cover-image class="img" src="/static/icon/house-map-nav-trans.png" /> </cover-view> <cover-view class="map-nav-block" @tap="openNavMap"> <cover-view class="address-block"> <cover-view class="address-title">{{baseData.name}}</cover-view> <cover-view class="address-detail">{{baseData.address}}</cover-view> </cover-view> <cover-image class="slide-i" src="/static/icon/slide-right-i.png" /> </cover-view> </div> <div v-if="hintInfoShow" class="other-way"> <rich-text :nodes="baseData.desc"></rich-text> </div> </div></template><script>export default { props: { baseData: { type: Object, default: {} }, hintInfoShow: { type: Boolean, default: true } }, data() { return {}; }, methods: { openNavMap() { const { latitude, longitude, name, address } = this.baseData wx.openLocation({ latitude, longitude, name, address }); } }};</script><style lang="scss">@import "@/styles/mixin.scss";.house-traffic-block { .map-block { position: relative; margin-top: 40rpx; @include wh(100%, 336rpx); border-radius: 12rpx; background: transparent; overflow: hidden; .map { @include wh(100%, 100%); } .map-site-i { position: absolute; top: 100rpx; left: 0; right: 0; margin: auto; @include wh(35rpx, 50rpx); .img { @include wh(100%, 100%); } } .map-nav-block { position: absolute; bottom: 25rpx; left: 0; right: 0; @include flex-bt-ai; width: 614rpx; padding: 0 24rpx 0; margin: auto; background: #fff; .address-block { .address-title { padding-top: 20rpx; @include sc(32rpx, #525252); @include text-ellipsis(600); } .address-detail { padding-top: 10rpx; padding-bottom: 20rpx; @include sc(24rpx, #70808f); @include text-ellipsis(500); } } .slide-i { @include wh(18rpx, 28rpx); } } } .car-way { padding: 30rpx 0 28rpx; border-bottom: 2rpx solid #eef1f3; } .other-way { padding: 28rpx 0 46rpx; }}</style> |
麻烦提供下原生复现的代码片段
用的什么框架，还有div的，编译后的代码发下咯