Radar模拟雷达

author: 闫申申

定义

模拟雷达搜索。

图片展示

Radar 模拟雷达 - 图1

代码演示

  2. import Radar from 'pile/dist/components/radar'
  3. <Radar />

属性

参数 描述 数据类型 默认值
width 圆直径 number 300
contentText 圈内文字 string 呼叫中
contentBg 中间内容背景颜色 string #008ffe
contentWidth 中间内容区宽度 number 60
shadowWidth 阴影宽度 number 100
shadowBgColor 阴影区背景颜色 string #008ffe
contentFontSize 内容区文字尺寸 string 1.6rem
contentColor 内容区文字颜色 string #fff
lineBorderColor 圆环线颜色 string #cee7fc
ladarStartBgColor 渐变开始颜色色值 string rgba(27, 137, 228, 0.15)
ladarEndBgColor 渐变结束颜色色值 string rgba(255, 255, 255, 0)

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-radar.html