升级1.4.0后cover-view适配问题
rt,升级后,在map上加<cover-view>后,同样的代码在开发工具和真机(nexus 6p)下显示的效果有很大出入。
< view class = "map-info" > < map id = "map" scale = "14" controls = "{{controls}}" bindcontroltap = "controltap" markers = "{{markers}}" bindmarkertap = "markertap" polyline = "{{polyline}}" include-points = "{{includePoints}}" show-location style = "" > < cover-view class = "map-header" > < view class = "order-real-time" > < view class = "order-status" > < text >1</ text > </ view > </ view > </ cover-view > </ map > </ view > |
.map-info { width : 100% ; height : 680 rpx ; } #map { width : 100% ; height : 100% ; } .map-header { display : flex; justify- content : center ; align-items: center ; background : white ; height : 50 rpx; width : 30% ; padding : 20 rpx; border-top-right-radius: 30 rpx; border-bottom-right-radius: 30 rpx; box-shadow: 0 2px 2px 0 rgba( 0 , 0 , 0 , 0.14 ), 0 3px 1px -2px rgba( 0 , 0 , 0 , 0.12 ), 0 1px 5px 0 rgba( 0 , 0 , 0 , 0.2 ); } .order-real-time { width : 100% ; height : 100% ; display : flex; justify- content : center ; align-items: center ; } .order-status { color : #fc5724 ; } |
以上
3 回复
< view class = "map-info" > < map id = "map" scale = "14" controls = "{{controls}}" bindcontroltap = "controltap" markers = "{{markers}}" bindmarkertap = "markertap" polyline = "{{polyline}}" include-points = "{{includePoints}}" show-location style = "" > < cover-view class = "map-header" > < cover-view class = "order-real-time" > < cover-view class = "order-status" > < cover-view >1</ cover-view > </ cover-view > </ cover-view > </ cover-view > </ map > </ view > |
那也就是说可以这样呗?