Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
A
ant-design-pro
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Operations
Operations
Incidents
Environments
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
duanledexianxianxian
ant-design-pro
Commits
ec8f0822
Commit
ec8f0822
authored
May 18, 2018
by
jim
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
add Trend reverseColor doc
parent
d6330a71
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
20 additions
and
1 deletion
+20
-1
src/components/Trend/demo/basic.md
src/components/Trend/demo/basic.md
+1
-1
src/components/Trend/demo/reverse.md
src/components/Trend/demo/reverse.md
+17
-0
src/components/Trend/index.d.ts
src/components/Trend/index.d.ts
+1
-0
src/components/Trend/index.md
src/components/Trend/index.md
+1
-0
No files found.
src/components/Trend/demo/basic.md
View file @
ec8f0822
...
@@ -10,7 +10,7 @@ import Trend from 'ant-design-pro/lib/Trend';
...
@@ -10,7 +10,7 @@ import Trend from 'ant-design-pro/lib/Trend';
ReactDOM
.
render
(
ReactDOM
.
render
(
<
div
>
<
div
>
<
Trend
flag
=
"up"
>
12%
</
Trend
>
<
Trend
flag
=
"up"
>
12%
</
Trend
>
<
Trend
flag
=
"down"
style
=
{
{
marginLeft
:
8
}
}
>
11%
</
Trend
>
<
Trend
flag
=
"down"
style
=
{
{
marginLeft
:
8
}
}
>
11%
</
Trend
>
</
div
>
</
div
>
,
mountNode
);
,
mountNode
);
...
...
src/components/Trend/demo/reverse.md
0 → 100644
View file @
ec8f0822
---
order
:
0
title
:
颜色反转
---
在数值背后添加一个小图标来标识涨跌情况。
````
jsx
import
Trend
from
'
ant-design-pro/lib/Trend
'
;
ReactDOM
.
render
(
<
div
>
<
Trend
flag
=
"up"
reverseColor
=
{
true
}
>
12%
</
Trend
>
<
Trend
flag
=
"down"
reverseColor
=
{
true
}
style
=
{
{
marginLeft
:
8
}
}
>
11%
</
Trend
>
</
div
>
,
mountNode
);
````
src/components/Trend/index.d.ts
View file @
ec8f0822
...
@@ -4,6 +4,7 @@ export interface ITrendProps {
...
@@ -4,6 +4,7 @@ export interface ITrendProps {
colorful
?:
boolean
;
colorful
?:
boolean
;
flag
:
'
up
'
|
'
down
'
;
flag
:
'
up
'
|
'
down
'
;
style
?:
React
.
CSSProperties
;
style
?:
React
.
CSSProperties
;
reverseColor
?:
boolean
;
}
}
export
default
class
Trend
extends
React
.
Component
<
ITrendProps
,
any
>
{}
export
default
class
Trend
extends
React
.
Component
<
ITrendProps
,
any
>
{}
src/components/Trend/index.md
View file @
ec8f0822
...
@@ -19,3 +19,4 @@ order: 14
...
@@ -19,3 +19,4 @@ order: 14
|----------|------------------------------------------|-------------|-------|
|----------|------------------------------------------|-------------|-------|
| colorful | 是否彩色标记 | Boolean | true |
| colorful | 是否彩色标记 | Boolean | true |
| flag | 上升下降标识:
`up|down`
| string | - |
| flag | 上升下降标识:
`up|down`
| string | - |
| reverseColor | 颜色反转 | Boolean | true |
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