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