Ringloading圆环loading加载

author: 闫申申

定义

圆环loading加载。

图片展示

Ringloading 圆环loading加载 - 图1

代码演示

  1. import Ringloading from 'pile/dist/components/ringloading'
  2. <Ringloading
  3. width={100}
  4. text="加载中"
  5. border={5}
  6. borderColor="#330000"
  7. contentBgColor="#fff"
  8. contentColor="#d40049"
  9. textSize="16px"
  10. />

属性

参数 描述 数据类型 默认值
width 圆直径 number 200
text 圈内文字展示 string loading…
border 边框宽度 number 2
borderColor 边框颜色 string #4a4c5b
contentColor 内容颜色 string #4a4c5b
contentBgColor 内容背景颜色 string #fff
textSize 字体大小 string 14px

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