Ringloading圆环loading加载

author: 闫申申

定义

圆环loading加载。

图片展示

Ringloading 圆环loading加载 - 图1

代码演示

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

属性

参数 描述 数据类型 默认值
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