微信小程序map 实现圆角(此方法似乎在实体机上行不通在开发者工具里有效果)

今天做微信小程序,设计方案里面的map是圆角,但map自身不支持圆角,自己想了许久,还想到用cover-view实现一个圆角,最后是设置一个父控件<view>然后将其设为border-radius:30rpx;over-flow:hidden;然后将map放入此父控件内,宽度与高度与父控件一致即可。其实就是用over-flow:hidden将map溢出父控件的部分隐藏。

效果如下:

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页