antd-management-fast-component 2.1.6 → 2.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/bases/AbstractComponent/index.d.ts +3 -2
- package/es/components/Icon/index.d.ts +64 -64
- package/es/components/MemoFunction/index.d.ts +0 -1
- package/es/components/ProgressBar/Bar/index.d.ts +10 -0
- package/es/components/ProgressBar/Container/index.d.ts +11 -0
- package/es/components/ProgressBar/Spinner/index.d.ts +1 -0
- package/es/components/ProgressBar/index.d.ts +18 -0
- package/es/components/VerticalBox/index.d.ts +1 -0
- package/es/components/index.d.ts +1 -0
- package/es/index.css +1 -0
- package/es/index.js +3 -3
- package/package.json +10 -11
|
@@ -75,8 +75,8 @@ export class AbstractComponent extends Component<any, any, any> {
|
|
|
75
75
|
payload: any;
|
|
76
76
|
alias?: string | undefined;
|
|
77
77
|
}) => any;
|
|
78
|
-
goToPath: (path: any) => void;
|
|
79
|
-
redirectToPath: (path: any) => void;
|
|
78
|
+
goToPath: (path: any, withProgress?: boolean) => void;
|
|
79
|
+
redirectToPath: (path: any, withProgress?: boolean) => void;
|
|
80
80
|
checkHasMore: (pageNo: any, pageSize: any, total: any) => boolean;
|
|
81
81
|
/**
|
|
82
82
|
* 当登录失败时调用
|
|
@@ -105,6 +105,7 @@ export class AbstractComponent extends Component<any, any, any> {
|
|
|
105
105
|
* @returns bool
|
|
106
106
|
*/
|
|
107
107
|
checkInProgress(): boolean;
|
|
108
|
+
logRender(message: any): void;
|
|
108
109
|
renderFurther(): null;
|
|
109
110
|
/**
|
|
110
111
|
* render the practical view
|
|
@@ -1,77 +1,77 @@
|
|
|
1
1
|
export namespace iconBuilder {
|
|
2
|
-
export function help(properties?: null): JSX.Element;
|
|
2
|
+
export function help(properties?: null, filled?: boolean): JSX.Element;
|
|
3
3
|
export function add(properties?: null): JSX.Element;
|
|
4
4
|
export function plus(properties?: null): JSX.Element;
|
|
5
|
-
export function addCircle(properties?: null): JSX.Element;
|
|
6
|
-
export function plusCircle(properties?: null): JSX.Element;
|
|
5
|
+
export function addCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
6
|
+
export function plusCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
7
7
|
export function reload(properties?: null): JSX.Element;
|
|
8
|
-
export function edit(properties?: null): JSX.Element;
|
|
9
|
-
export function enable(properties?: null): JSX.Element;
|
|
10
|
-
export function disable(properties?: null): JSX.Element;
|
|
11
|
-
export function playCircle(properties?: null): JSX.Element;
|
|
12
|
-
export function pauseCircle(properties?: null): JSX.Element;
|
|
13
|
-
export function _delete(properties?: null): JSX.Element;
|
|
8
|
+
export function edit(properties?: null, filled?: boolean): JSX.Element;
|
|
9
|
+
export function enable(properties?: null, filled?: boolean): JSX.Element;
|
|
10
|
+
export function disable(properties?: null, filled?: boolean): JSX.Element;
|
|
11
|
+
export function playCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
12
|
+
export function pauseCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
13
|
+
export function _delete(properties?: null, filled?: boolean): JSX.Element;
|
|
14
14
|
export { _delete as delete };
|
|
15
|
-
export function clock(properties?: null): JSX.Element;
|
|
16
|
-
export function close(properties?: null): JSX.Element;
|
|
17
|
-
export function closeCircle(properties?: null): JSX.Element;
|
|
18
|
-
export function copy(properties?: null): JSX.Element;
|
|
19
|
-
export function eye(properties?: null): JSX.Element;
|
|
15
|
+
export function clock(properties?: null, filled?: boolean): JSX.Element;
|
|
16
|
+
export function close(properties?: null, filled?: boolean): JSX.Element;
|
|
17
|
+
export function closeCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
18
|
+
export function copy(properties?: null, filled?: boolean): JSX.Element;
|
|
19
|
+
export function eye(properties?: null, filled?: boolean): JSX.Element;
|
|
20
20
|
export function _export(properties?: null): JSX.Element;
|
|
21
21
|
export { _export as export };
|
|
22
|
-
export function home(properties?: null): JSX.Element;
|
|
22
|
+
export function home(properties?: null, filled?: boolean): JSX.Element;
|
|
23
23
|
export function _import(properties?: null): JSX.Element;
|
|
24
24
|
export { _import as import };
|
|
25
|
-
export function idCard(properties?: null): JSX.Element;
|
|
25
|
+
export function idCard(properties?: null, filled?: boolean): JSX.Element;
|
|
26
26
|
export function search(properties?: null): JSX.Element;
|
|
27
|
-
export function setting(properties?: null): JSX.Element;
|
|
28
|
-
export function tag(properties?: null): JSX.Element;
|
|
29
|
-
export function tags(properties?: null): JSX.Element;
|
|
27
|
+
export function setting(properties?: null, filled?: boolean): JSX.Element;
|
|
28
|
+
export function tag(properties?: null, filled?: boolean): JSX.Element;
|
|
29
|
+
export function tags(properties?: null, filled?: boolean): JSX.Element;
|
|
30
30
|
export function upload(properties?: null): JSX.Element;
|
|
31
31
|
export function user(properties?: null): JSX.Element;
|
|
32
|
-
export function video(properties?: null): JSX.Element;
|
|
33
|
-
export function videoCamera(properties?: null): JSX.Element;
|
|
32
|
+
export function video(properties?: null, filled?: boolean): JSX.Element;
|
|
33
|
+
export function videoCamera(properties?: null, filled?: boolean): JSX.Element;
|
|
34
34
|
export function videoCameraAdd(properties?: null): JSX.Element;
|
|
35
35
|
export function loading(properties?: null): JSX.Element;
|
|
36
36
|
export function team(properties?: null): JSX.Element;
|
|
37
37
|
export function users(properties?: null): JSX.Element;
|
|
38
|
-
export function tool(properties?: null): JSX.Element;
|
|
38
|
+
export function tool(properties?: null, filled?: boolean): JSX.Element;
|
|
39
39
|
export function sync(properties?: null): JSX.Element;
|
|
40
|
-
export function sound(properties?: null): JSX.Element;
|
|
41
|
-
export function shop(properties?: null): JSX.Element;
|
|
40
|
+
export function sound(properties?: null, filled?: boolean): JSX.Element;
|
|
41
|
+
export function shop(properties?: null, filled?: boolean): JSX.Element;
|
|
42
42
|
export function shoppingCart(properties?: null): JSX.Element;
|
|
43
|
-
export function shopping(properties?: null): JSX.Element;
|
|
44
|
-
export function schedule(properties?: null): JSX.Element;
|
|
43
|
+
export function shopping(properties?: null, filled?: boolean): JSX.Element;
|
|
44
|
+
export function schedule(properties?: null, filled?: boolean): JSX.Element;
|
|
45
45
|
export function scan(properties?: null): JSX.Element;
|
|
46
|
-
export function read(properties?: null): JSX.Element;
|
|
46
|
+
export function read(properties?: null, filled?: boolean): JSX.Element;
|
|
47
47
|
export function qrCode(properties?: null): JSX.Element;
|
|
48
48
|
export function powerOff(properties?: null): JSX.Element;
|
|
49
|
-
export function phone(properties?: null): JSX.Element;
|
|
50
|
-
export function profile(properties?: null): JSX.Element;
|
|
51
|
-
export function project(properties?: null): JSX.Element;
|
|
52
|
-
export function message(properties?: null): JSX.Element;
|
|
53
|
-
export function layout(properties?: null): JSX.Element;
|
|
54
|
-
export function lock(properties?: null): JSX.Element;
|
|
55
|
-
export function unlock(properties?: null): JSX.Element;
|
|
56
|
-
export function mail(properties?: null): JSX.Element;
|
|
49
|
+
export function phone(properties?: null, filled?: boolean): JSX.Element;
|
|
50
|
+
export function profile(properties?: null, filled?: boolean): JSX.Element;
|
|
51
|
+
export function project(properties?: null, filled?: boolean): JSX.Element;
|
|
52
|
+
export function message(properties?: null, filled?: boolean): JSX.Element;
|
|
53
|
+
export function layout(properties?: null, filled?: boolean): JSX.Element;
|
|
54
|
+
export function lock(properties?: null, filled?: boolean): JSX.Element;
|
|
55
|
+
export function unlock(properties?: null, filled?: boolean): JSX.Element;
|
|
56
|
+
export function mail(properties?: null, filled?: boolean): JSX.Element;
|
|
57
57
|
export function line(properties?: null): JSX.Element;
|
|
58
58
|
export function key(properties?: null): JSX.Element;
|
|
59
59
|
export function history(properties?: null): JSX.Element;
|
|
60
|
-
export function gift(properties?: null): JSX.Element;
|
|
61
|
-
export function folder(properties?: null): JSX.Element;
|
|
62
|
-
export function filter(properties?: null): JSX.Element;
|
|
60
|
+
export function gift(properties?: null, filled?: boolean): JSX.Element;
|
|
61
|
+
export function folder(properties?: null, filled?: boolean): JSX.Element;
|
|
62
|
+
export function filter(properties?: null, filled?: boolean): JSX.Element;
|
|
63
63
|
export function download(properties?: null): JSX.Element;
|
|
64
64
|
export function ellipsis(properties?: null): JSX.Element;
|
|
65
65
|
export function desktop(properties?: null): JSX.Element;
|
|
66
|
-
export function dashboard(properties?: null): JSX.Element;
|
|
67
|
-
export function contacts(properties?: null): JSX.Element;
|
|
66
|
+
export function dashboard(properties?: null, filled?: boolean): JSX.Element;
|
|
67
|
+
export function contacts(properties?: null, filled?: boolean): JSX.Element;
|
|
68
68
|
export function clear(properties?: null): JSX.Element;
|
|
69
|
-
export function bell(properties?: null): JSX.Element;
|
|
69
|
+
export function bell(properties?: null, filled?: boolean): JSX.Element;
|
|
70
70
|
export function undo(properties?: null): JSX.Element;
|
|
71
71
|
export function redo(properties?: null): JSX.Element;
|
|
72
72
|
export function form(properties?: null): JSX.Element;
|
|
73
|
-
export function warning(properties?: null): JSX.Element;
|
|
74
|
-
export function question(properties?: null): JSX.Element;
|
|
73
|
+
export function warning(properties?: null, filled?: boolean): JSX.Element;
|
|
74
|
+
export function question(properties?: null, filled?: boolean): JSX.Element;
|
|
75
75
|
export function logout(properties?: null): JSX.Element;
|
|
76
76
|
export function login(properties?: null): JSX.Element;
|
|
77
77
|
export function arrowUp(properties?: null): JSX.Element;
|
|
@@ -82,49 +82,49 @@ export namespace iconBuilder {
|
|
|
82
82
|
export function online(properties?: null): JSX.Element;
|
|
83
83
|
export function offline(properties?: null): JSX.Element;
|
|
84
84
|
export function up(properties?: null): JSX.Element;
|
|
85
|
-
export function upCircle(properties?: null): JSX.Element;
|
|
85
|
+
export function upCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
86
86
|
export function down(properties?: null): JSX.Element;
|
|
87
|
-
export function downCircle(properties?: null): JSX.Element;
|
|
87
|
+
export function downCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
88
88
|
export function left(properties?: null): JSX.Element;
|
|
89
|
-
export function leftCircle(properties?: null): JSX.Element;
|
|
89
|
+
export function leftCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
90
90
|
export function right(properties?: null): JSX.Element;
|
|
91
|
-
export function rightCircle(properties?: null): JSX.Element;
|
|
92
|
-
export function picture(properties?: null): JSX.Element;
|
|
91
|
+
export function rightCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
92
|
+
export function picture(properties?: null, filled?: boolean): JSX.Element;
|
|
93
93
|
export function link(properties?: null): JSX.Element;
|
|
94
|
-
export function checkCircle(properties?: null): JSX.Element;
|
|
95
|
-
export function warningCircle(properties?: null): JSX.Element;
|
|
94
|
+
export function checkCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
95
|
+
export function warningCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
96
96
|
export function sortAscending(properties?: null): JSX.Element;
|
|
97
97
|
export function sortDescending(properties?: null): JSX.Element;
|
|
98
|
-
export function infoCircle(properties?: null): JSX.Element;
|
|
99
|
-
export function instagram(properties?: null): JSX.Element;
|
|
98
|
+
export function infoCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
99
|
+
export function instagram(properties?: null, filled?: boolean): JSX.Element;
|
|
100
100
|
export function disconnect(properties?: null): JSX.Element;
|
|
101
101
|
export function insertRowAbove(properties?: null): JSX.Element;
|
|
102
102
|
export function insertRowBelow(properties?: null): JSX.Element;
|
|
103
103
|
export function insertRowLeft(properties?: null): JSX.Element;
|
|
104
104
|
export function insertRowRight(properties?: null): JSX.Element;
|
|
105
105
|
export function rollback(properties?: null): JSX.Element;
|
|
106
|
-
export function snippets(properties?: null): JSX.Element;
|
|
106
|
+
export function snippets(properties?: null, filled?: boolean): JSX.Element;
|
|
107
107
|
export function compress(properties?: null): JSX.Element;
|
|
108
|
-
export function minusCircle(properties?: null): JSX.Element;
|
|
108
|
+
export function minusCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
109
109
|
export function select(properties?: null): JSX.Element;
|
|
110
|
-
export function plusSquare(properties?: null): JSX.Element;
|
|
110
|
+
export function plusSquare(properties?: null, filled?: boolean): JSX.Element;
|
|
111
111
|
export function unorderedList(properties?: null): JSX.Element;
|
|
112
112
|
export function fork(properties?: null): JSX.Element;
|
|
113
|
-
export function bug(properties?: null): JSX.Element;
|
|
113
|
+
export function bug(properties?: null, filled?: boolean): JSX.Element;
|
|
114
114
|
export function cloudDownload(properties?: null): JSX.Element;
|
|
115
|
-
export function reconciliation(properties?: null): JSX.Element;
|
|
115
|
+
export function reconciliation(properties?: null, filled?: boolean): JSX.Element;
|
|
116
116
|
export function apartment(properties?: null): JSX.Element;
|
|
117
117
|
export function dingDing(properties?: null): JSX.Element;
|
|
118
|
-
export function macCommand(properties?: null): JSX.Element;
|
|
118
|
+
export function macCommand(properties?: null, filled?: boolean): JSX.Element;
|
|
119
119
|
export function inbox(properties?: null): JSX.Element;
|
|
120
|
-
export function save(properties?: null): JSX.Element;
|
|
121
|
-
export function file(properties?: null): JSX.Element;
|
|
122
|
-
export function mobile(properties?: null): JSX.Element;
|
|
120
|
+
export function save(properties?: null, filled?: boolean): JSX.Element;
|
|
121
|
+
export function file(properties?: null, filled?: boolean): JSX.Element;
|
|
122
|
+
export function mobile(properties?: null, filled?: boolean): JSX.Element;
|
|
123
123
|
export function borderOuter(properties?: null): JSX.Element;
|
|
124
124
|
export function columnHeight(properties?: null): JSX.Element;
|
|
125
125
|
export function verticalAlignMiddle(properties?: null): JSX.Element;
|
|
126
|
-
export function caretUp(properties?: null): JSX.Element;
|
|
127
|
-
export function caretDown(properties?: null): JSX.Element;
|
|
126
|
+
export function caretUp(properties?: null, filled?: boolean): JSX.Element;
|
|
127
|
+
export function caretDown(properties?: null, filled?: boolean): JSX.Element;
|
|
128
128
|
export function retweet(properties?: null): JSX.Element;
|
|
129
|
-
export function exclamationCircle(properties?: null): JSX.Element;
|
|
129
|
+
export function exclamationCircle(properties?: null, filled?: boolean): JSX.Element;
|
|
130
130
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export function Container({ animationDuration, children, isFinished }: {
|
|
2
|
+
animationDuration: any;
|
|
3
|
+
children: any;
|
|
4
|
+
isFinished: any;
|
|
5
|
+
}): JSX.Element;
|
|
6
|
+
export namespace Container {
|
|
7
|
+
namespace defaultProps {
|
|
8
|
+
const animationDuration: number;
|
|
9
|
+
const isFinished: boolean;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function Spinner(): JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export function ProgressBar({ progressing, animationDuration, incrementDuration, minimum, showBar, showSpinner, }: {
|
|
2
|
+
progressing: any;
|
|
3
|
+
animationDuration: any;
|
|
4
|
+
incrementDuration: any;
|
|
5
|
+
minimum: any;
|
|
6
|
+
showBar: any;
|
|
7
|
+
showSpinner: any;
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
export namespace ProgressBar {
|
|
10
|
+
namespace defaultProps {
|
|
11
|
+
const progressing: boolean;
|
|
12
|
+
const animationDuration: number;
|
|
13
|
+
const incrementDuration: number;
|
|
14
|
+
const minimum: number;
|
|
15
|
+
const showSpinner: boolean;
|
|
16
|
+
const showBar: boolean;
|
|
17
|
+
}
|
|
18
|
+
}
|
package/es/components/index.d.ts
CHANGED
|
@@ -58,6 +58,7 @@ export * from "./PageExtra";
|
|
|
58
58
|
export * from "./PageLoading";
|
|
59
59
|
export * from "./PercentageBox";
|
|
60
60
|
export * from "./PriceBox";
|
|
61
|
+
export * from "./ProgressBar";
|
|
61
62
|
export * from "./Result";
|
|
62
63
|
export * from "./RowExpandTable";
|
|
63
64
|
export * from "./StandardFormRow";
|
package/es/index.css
CHANGED
|
@@ -26,6 +26,7 @@ body{margin:0}.index_amf-hidden__AvCf4{display:none}.index_antd-management-fast-
|
|
|
26
26
|
.index_popover__MPX-Z{width:336px}.index_popover__MPX-Z .ant-popover-inner-content{padding:0}.index_noticeButton__2rh6V{cursor:pointer;display:inline-block;transition:all .3s}.index_icon__91J71{padding:4px}.index_tabs__sm0xZ .ant-tabs-nav-scroll{text-align:center}.index_tabs__sm0xZ .ant-tabs-bar{margin-bottom:4px}
|
|
27
27
|
.index_numberInfo__CP4-s .index_suffix__5rAQf{color:var(--amf-text-color);font-size:16px;font-style:normal;margin-left:4px}.index_numberInfo__CP4-s .index_numberInfoTitle__sQXmi{color:var(--amf-text-color);font-size:var(--amf-font-size-lg);margin-bottom:16px;transition:all .3s}.index_numberInfo__CP4-s .index_numberInfoSubTitle__WFcaT{color:var(--amf-text-color-secondary);font-size:var(--amf-font-size-base);height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.index_numberInfo__CP4-s .index_numberInfoValue__MbAMM{font-size:0;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.index_numberInfo__CP4-s .index_numberInfoValue__MbAMM>span{color:var(--amf-heading-color);display:inline-block;font-size:24px;height:32px;line-height:32px;margin-right:32px}.index_numberInfo__CP4-s .index_numberInfoValue__MbAMM .index_subTotal__UTwNw{color:var(--amf-text-color-secondary);font-size:var(--amf-font-size-lg);margin-right:0;vertical-align:top}.index_numberInfo__CP4-s .index_numberInfoValue__MbAMM .index_subTotal__UTwNw i{font-size:12px;margin-left:4px;transform:scale(.82)}.index_numberInfo__CP4-s .index_numberInfoValue__MbAMM .index_subTotal__UTwNw .anticon-caret-up{color:var(--amf-red-6)}.index_numberInfo__CP4-s .index_numberInfoValue__MbAMM .index_subTotal__UTwNw .anticon-caret-down{color:var(--amf-green-6)}.index_numberInfolight__9sAKh .index_numberInfoValue__MbAMM>span{color:var(--amf-text-color)}
|
|
28
28
|
.index_contentTabBox__r22r2 .index_ant-tabs-tab-active__nYKze{background-color:#f0f2f5;border-bottom-color:#f0f2f5}.index_contentTabBox__r22r2 .ant-page-header.has-footer{padding-bottom:0}.index_contentTabBox__r22r2 .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab{font-size:14px}.index_contentTabBox__r22r2 .ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{border-bottom:0}.index_contentTabBox__r22r2 .ant-tabs-nav-list>.ant-tabs-tab.ant-tabs-tab-active{background-color:#f0f2f5;border-bottom-color:#f0f2f5}
|
|
29
|
+
.index_amfProgressSpinner__e6p33{display:block;position:fixed;right:15px;top:15px;z-index:1031}.index_amfProgressSpinner__e6p33 .index_amfProgressSpinnerInner__fDKns{animation:index_amf-keyframes-progress-spinner__s8ajw .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}@keyframes index_amf-keyframes-progress-spinner__s8ajw{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
29
30
|
.index_rowExpandTable__XAAb5 .ant-card .ant-card-body .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table{margin-inline:0}
|
|
30
31
|
.index_standardFormRow__DfQar{border-bottom:1px dashed var(--amf-border-color-split);display:flex;margin-bottom:16px;padding-bottom:16px}.index_standardFormRow__DfQar .ant-form-item{margin-right:24px}.index_standardFormRow__DfQar .ant-form-item-label label{color:var(--amf-text-color);margin-right:0}.index_standardFormRow__DfQar .ant-form-item-control,.index_standardFormRow__DfQar .ant-form-item-label{line-height:32px;padding:0}.index_standardFormRow__DfQar .index_label__rTo6w{color:var(--amf-heading-color);flex:0 0 auto;font-size:var(--amf-font-size-base);margin-right:24px;text-align:right}.index_standardFormRow__DfQar .index_label__rTo6w>span{display:inline-block;height:32px;line-height:32px}.index_standardFormRow__DfQar .index_label__rTo6w>span:after{content:":"}.index_standardFormRow__DfQar .index_content__-5wzS{flex:1 1 0}.index_standardFormRow__DfQar .index_content__-5wzS .ant-form-item:last-child{margin-right:0}.index_standardFormRowLast__IPynN{border:none;margin-bottom:0;padding-bottom:0}.index_standardFormRowBlock__VTJan .ant-form-item,.index_standardFormRowBlock__VTJan div.ant-form-item-control-wrapper,.index_standardFormRowGrid__V4YYX .ant-form-item,.index_standardFormRowGrid__V4YYX div.ant-form-item-control-wrapper{display:block}.index_standardFormRowGrid__V4YYX .ant-form-item-label{float:left}
|
|
31
32
|
.index_standardTable__TYimb .index_tableAlert__o-3HX{margin-bottom:16px}
|