Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
taobao-mini-template
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
2
Issues
2
List
Board
Labels
Milestones
Merge Requests
1
Merge Requests
1
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
qinhaitao
taobao-mini-template
Commits
cc4d671f
Commit
cc4d671f
authored
Aug 31, 2021
by
wanghuan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
md文档补充
parent
27224ff1
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
83 additions
and
14 deletions
+83
-14
Browseroading.md
.../src/components/_tb_comps/BrowserLoading/Browseroading.md
+46
-0
RotateWheel.jsx
...ient/src/components/_tb_comps/RotateWheel/RotateWheel.jsx
+11
-11
rotatewheel.md
c_client/src/components/_tb_comps/RotateWheel/rotatewheel.md
+1
-1
ScrollXView.md
c_client/src/components/_tb_comps/ScrollXView/ScrollXView.md
+1
-1
SwiperView.md
c_client/src/components/_tb_comps/SwiperView/SwiperView.md
+24
-1
No files found.
c_client/src/components/_tb_comps/BrowserLoading/Browseroading.md
0 → 100644
View file @
cc4d671f
##### 是否展示浏览页中的倒计时
+
入参
| 配置项 | 类型 | 描述 | 默认值 | 备注 |
| :-------- | :-----: | :--------: | :-----: | :---:|
| 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
c_client/src/components/_tb_comps/RotateWheel/RotateWheel.jsx
View file @
cc4d671f
...
...
@@ -11,17 +11,17 @@ const oneTurn = 360;
const
RotateWheel
=
(
props
)
=>
{
const
{
bg
,
ratio
,
radius
,
circles
,
divideNum
,
duration
,
timeFunction
,
nodeInfo
,
showWay
,
isShowPrizeName
,
callback
bg
=
'https://yun.duiba.com.cn/spark/assets/8b6e920ffd09fab8f9ac2de09f9154879f4d0607.png'
,
ratio
=
0.65
,
radius
=
300
,
circles
=
4
,
divideNum
=
8
,
duration
=
5000
,
timeFunction
=
'ease-out'
,
nodeInfo
=
{
width
:
100
,
height
:
100
}
,
showWay
=
"negative"
,
isShowPrizeName
=
true
,
callback
=
()
=>
{}
}
=
props
;
/* 奖品列表 */
const
[
prizelist
,
setPrizelist
]
=
useState
(
prizeList
)
...
...
c_client/src/components/_tb_comps/RotateWheel/rotatewheel.md
View file @
cc4d671f
...
...
@@ -25,7 +25,7 @@
```
jsx
import
RotateWheel
from
'@/components/_tb_comps/RotateWheel/RotateWheel'
const
rotateConfig
=
{
const
rotateConfig
=
{
//不传走默认配置
bg
:
'https://yun.duiba.com.cn/spark/assets/8b6e920ffd09fab8f9ac2de09f9154879f4d0607.png'
,
ratio
:
0.65
,
radius
:
300
,
...
...
c_client/src/components/_tb_comps/ScrollXView/ScrollXView.md
View file @
cc4d671f
...
...
@@ -31,7 +31,7 @@
import
ScrollXView
from
'@/components/_tb_comps/ScrollXView/ScrollXView'
// 组件不一定在该目录下,举例说明一下
const
SCROLLXVIEW_CONFIG
=
{
const
SCROLLXVIEW_CONFIG
=
{
//不传走默认配置
prizeList
:
[],
containerWidth
:
300
,
containerHeight
:
300
,
...
...
c_client/src/components/_tb_comps/SwiperView/SwiperView.md
View file @
cc4d671f
...
...
@@ -19,8 +19,31 @@
"image"
:
""
,
//图片链接
,
图片宽高需要在less中修改
"content"
:
""
,
//图片描述
"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
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment