Commit cc4d671f authored by wanghuan's avatar wanghuan

md文档补充

parent 27224ff1
##### 是否展示浏览页中的倒计时
+ 入参
| 配置项 | 类型 | 描述 | 默认值 | 备注 |
| :-------- | :-----: | :--------: | :-----: | :---:|
| loadFlag | String | 倒计时类型"NUMBER","PICTURE" | 默认空 '' | NUMBER:数字倒计时 PICTURE:loading倒计时(默认15s,可在css中修改) |
| count | Number | 倒计时时间 | 15s | 默认倒计时15s(可改配置) |
+ 使用
```jsx
import BrowserLoading from '../BrowserLoading/BrowserLoading'
export const Index = () => {
return(
<BrowserLoading loadFlag={task.loadFlag} count={count} />
)
}
```
-------
###### loadingBar组件
+ 入参
| 配置项 | 类型 | 描述 | 默认值 | 备注 |
| :-------- | :-----: | :--------: | :-----: | :---:|
| bg | String | 背景loading | 'https://yun.duiba.com.cn/spark/assets/5a725b9e4ebf436a0a92c6317a5a4e47d87c8c1f.png' | / |
| bgTop | String | 上层loading | 'https://yun.duiba.com.cn/spark/assets/ccc405e28a5140d3aff9dff27b97fa5fb6bd7ff5.png' | / |
| type | String | "TASK","NORMAL" | 'NORMAL' | "TASK":自动loading倒计时 "NORMAL":静态的loading进度显示 |
| total | Number | loading总值 | / | type为"NORMAL"传入 |
| current | Number | 当前值 | 0 | type为"NORMAL"传入 |
+ 使用
```jsx
import LoadingBar,{LOAD_TYPE} from "../LoadingBar/LoadingBar";
export const Index = () => {
return(
<LoadingBar type={LOAD_TYPE.NORMAL} total={100} current={10} />
<LoadingBar type={LOAD_TYPE.TASK} />
)
}
```
\ No newline at end of file
...@@ -11,17 +11,17 @@ const oneTurn = 360; ...@@ -11,17 +11,17 @@ const oneTurn = 360;
const RotateWheel = (props) => { const RotateWheel = (props) => {
const { const {
bg, bg='https://yun.duiba.com.cn/spark/assets/8b6e920ffd09fab8f9ac2de09f9154879f4d0607.png',
ratio, ratio=0.65,
radius, radius=300,
circles, circles=4,
divideNum, divideNum=8,
duration, duration=5000,
timeFunction, timeFunction='ease-out',
nodeInfo, nodeInfo={width:100,height:100},
showWay, showWay="negative",
isShowPrizeName, isShowPrizeName=true,
callback callback=()=>{}
} = props; } = props;
/* 奖品列表 */ /* 奖品列表 */
const [prizelist,setPrizelist] = useState(prizeList) const [prizelist,setPrizelist] = useState(prizeList)
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
```jsx ```jsx
import RotateWheel from '@/components/_tb_comps/RotateWheel/RotateWheel' import RotateWheel from '@/components/_tb_comps/RotateWheel/RotateWheel'
const rotateConfig = { const rotateConfig = { //不传走默认配置
bg: 'https://yun.duiba.com.cn/spark/assets/8b6e920ffd09fab8f9ac2de09f9154879f4d0607.png', bg: 'https://yun.duiba.com.cn/spark/assets/8b6e920ffd09fab8f9ac2de09f9154879f4d0607.png',
ratio: 0.65, ratio: 0.65,
radius: 300, radius: 300,
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
import ScrollXView from '@/components/_tb_comps/ScrollXView/ScrollXView' import ScrollXView from '@/components/_tb_comps/ScrollXView/ScrollXView'
// 组件不一定在该目录下,举例说明一下 // 组件不一定在该目录下,举例说明一下
const SCROLLXVIEW_CONFIG = { const SCROLLXVIEW_CONFIG = { //不传走默认配置
prizeList: [], prizeList: [],
containerWidth : 300, containerWidth : 300,
containerHeight : 300, containerHeight : 300,
......
...@@ -19,8 +19,31 @@ ...@@ -19,8 +19,31 @@
"image":"",//图片链接,图片宽高需要在less中修改 "image":"",//图片链接,图片宽高需要在less中修改
"content":"",//图片描述 "content":"",//图片描述
"hasBtn":"",//注入数据(是否有按钮) "hasBtn":"",//注入数据(是否有按钮)
//... // 或者手动修改组件中的字段名称 ...
}, },
// ... // ...
] ]
```
+ 使用
```jsx
import SwiperView from '@/components/_tb_comps/SwiperView/SwiperView'
const swiperConfig = { //不传走默认配置
swiperList:[],
isSpecial:true,
easingFunction:`linear`,
circular:true,
autoplay:false,
vertical:false,
duration:1000,
interval:1500,
disableTouch:false
}
export const Index = () => {
return(
<SwiperView {...swiperConfig} swiperList={swiperList} />
)
}
``` ```
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment