vue 雷达扫描_小程序雷达扫描效果及布局

设计稿截图如上所示，头一次在小程序中写这种效果。也找了一些css的demo，担心在小程序中会有兼容性的bug，特来请教一番。有没有哪位同行做过同样的效果，或者提供下可行性的方案、思路都可以~

wxml:

<view class="container">

<view class="radar"></view>

</view>

wxss:

.radar {

background: -webkit-radial-gradient(center, rgba(32, 255, 77, 0.3) 0%, rgba(32, 255, 77, 0) 75%), -webkit-repeating-radial-gradient(rgba(32, 255, 77, 0) 5.8%, rgba(32, 255, 77, 0) 18%, #20ff4d 18.6%, rgba(32, 255, 77, 0) 18.9%), -webkit-linear-gradient(90deg, rgba(32, 255, 77, 0) 49.5%, #20ff4d 50%, #20ff4d 50%, rgba(32, 255, 77, 0) 50.2%), -webkit-linear-gradient(0deg, rgba(32, 255, 77, 0) 49.5%, #20ff4d 50%, #20ff4d 50%, rgba(32, 255, 77, 0) 50.2%);

background: radial