所有安卓都复现这个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的,编译后的代码发下咯