@qn-pandora/pandora-component 5.1.0 → 5.1.2
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/README.md +36 -36
- package/es/components/AutoComplete/index.js +2 -2
- package/es/components/AutoComplete/style.css +127 -39
- package/es/components/AutoComplete/style.less +8 -8
- package/es/components/Breadcrumb/style.css +13 -3
- package/es/components/Breadcrumb/style.less +9 -9
- package/es/components/Button/style.css +282 -176
- package/es/components/Button/style.less +51 -51
- package/es/components/Card/RowExtra/style.css +6 -0
- package/es/components/Card/RowExtra/style.less +8 -8
- package/es/components/Card/SearchInput/style.less +8 -8
- package/es/components/Card/style.css +61 -66
- package/es/components/Card/style.less +11 -11
- package/es/components/CheckTransformList/style.css +345 -121
- package/es/components/CheckTransformList/style.less +35 -35
- package/es/components/Checkbox/index.js +9 -1
- package/es/components/Checkbox/style.css +5 -0
- package/es/components/Checkbox/style.less +5 -5
- package/es/components/CheckboxList/style.css +10 -5
- package/es/components/CheckboxList/style.less +11 -11
- package/es/components/Collapse/style.css +35 -3
- package/es/components/Collapse/style.less +58 -58
- package/es/components/CollapsiblePanel/style.less +63 -63
- package/es/components/DateTimePicker/Base/index.d.ts +3 -0
- package/es/components/DateTimePicker/Base/index.js +51 -6
- package/es/components/DateTimePicker/Base/style.css +508 -112
- package/es/components/DateTimePicker/Base/style.less +167 -160
- package/es/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
- package/es/components/DateTimePicker/BaseMobile/style.less +32 -32
- package/es/components/DateTimePicker/Collapse/Panel/style.less +26 -26
- package/es/components/DateTimePicker/DisplayInput/index.js +3 -1
- package/es/components/DateTimePicker/DisplayInput/style.css +231 -53
- package/es/components/DateTimePicker/DisplayInput/style.less +9 -9
- package/es/components/DateTimePicker/constants.d.ts +9 -3
- package/es/components/DateTimePicker/constants.js +1 -0
- package/es/components/DateTimePicker/index.js +1 -1
- package/es/components/DateTimePicker/style.css +77 -46
- package/es/components/DateTimePicker/style.less +19 -19
- package/es/components/DateTimePicker/time.d.ts +1 -0
- package/es/components/DateTimePicker/time.js +1 -0
- package/es/components/DateTimePicker/transform.js +4 -2
- package/es/components/Descriptions/style.css +77 -46
- package/es/components/Descriptions/style.less +16 -16
- package/es/components/Drawer/CloseIcon/style.less +8 -8
- package/es/components/Drawer/index.d.ts +6 -6
- package/es/components/Drawer/index.js +4 -4
- package/es/components/Drawer/style.css +244 -169
- package/es/components/Drawer/style.less +69 -61
- package/es/components/FileResumable/index.js +2 -3
- package/es/components/FileResumable/style.css +20 -50
- package/es/components/FileResumable/style.less +94 -94
- package/es/components/FlameGraph/customTooltip.d.ts +22 -0
- package/es/components/FlameGraph/customTooltip.js +91 -0
- package/es/components/FlameGraph/index.d.ts +16 -0
- package/es/components/FlameGraph/index.js +96 -0
- package/es/components/FlameGraph/style.css +8 -0
- package/es/components/FlameGraph/style.less +14 -0
- package/es/components/Input/index.d.ts +1 -1
- package/es/components/Input/style.css +231 -53
- package/es/components/Input/style.less +12 -12
- package/es/components/KeyValuePair/style.less +25 -25
- package/es/components/Menu/Option.d.ts +1 -1
- package/es/components/Menu/Option.js +12 -4
- package/es/components/Menu/style.css +31 -22
- package/es/components/Menu/style.less +18 -18
- package/es/components/Modal/style.css +11 -8
- package/es/components/Modal/style.less +30 -30
- package/es/components/NameExplainTooltip/style.css +1 -1
- package/es/components/NameExplainTooltip/style.less +10 -10
- package/es/components/NameLimiter/index.js +1 -1
- package/es/components/NameLimiter/style.css +83 -55
- package/es/components/NameLimiter/style.less +19 -19
- package/es/components/OptionList/InlineOptionList/style.css +22 -9
- package/es/components/OptionList/InlineOptionList/style.less +16 -16
- package/es/components/OptionList/OptionItem/style.css +85 -57
- package/es/components/OptionList/OptionItem/style.less +25 -25
- package/es/components/OptionList/PopoverOptionList/index.js +1 -1
- package/es/components/OptionList/PopoverOptionList/style.css +80 -49
- package/es/components/OptionList/PopoverOptionList/style.less +30 -30
- package/es/components/OptionList/style.css +187 -115
- package/es/components/OptionList/style.less +3 -3
- package/es/components/RadioGroup/style.css +51 -40
- package/es/components/RadioGroup/style.less +41 -41
- package/es/components/RangeInput/style.css +604 -87
- package/es/components/RangeInput/style.less +37 -37
- package/es/components/RemarkName/style.css +83 -55
- package/es/components/RemarkName/style.less +2 -2
- package/es/components/Selector/style.css +127 -39
- package/es/components/Selector/style.less +99 -99
- package/es/components/Spin/style.css +10 -8
- package/es/components/Spin/style.less +26 -26
- package/es/components/Steps/ControlButton/style.less +5 -5
- package/es/components/Steps/style.css +59 -21
- package/es/components/Steps/style.less +48 -48
- package/es/components/Table/ColumnSetting/index.d.ts +1 -0
- package/es/components/Table/ColumnSetting/index.js +19 -14
- package/es/components/Table/ColumnSetting/style.css +2 -5
- package/es/components/Table/ColumnSetting/style.less +50 -51
- package/es/components/Table/ColumnTag/style.css +4 -4
- package/es/components/Table/ColumnTag/style.less +40 -40
- package/es/components/Table/EmptyText.d.ts +7 -0
- package/es/components/Table/EmptyText.js +22 -0
- package/es/components/Table/ResizableTitle/style.less +25 -25
- package/es/components/Table/index.d.ts +19 -88
- package/es/components/Table/index.js +142 -326
- package/es/components/Table/style.css +146 -98
- package/es/components/Table/style.less +364 -345
- package/es/components/Table/type.d.ts +63 -0
- package/es/components/Table/type.js +5 -0
- package/es/components/Table/util.d.ts +58 -0
- package/es/components/Table/util.js +218 -0
- package/es/components/Tabs/style.css +127 -78
- package/es/components/Tabs/style.less +33 -33
- package/es/components/TagList/Tag/style.css +5 -5
- package/es/components/TagList/Tag/style.less +72 -72
- package/es/components/TagList/TagSwitch/style.css +1 -1
- package/es/components/TagList/TagSwitch/style.less +28 -28
- package/es/components/TagList/style.css +6 -6
- package/es/components/TagList/style.less +28 -28
- package/es/components/Timeline/TimelineItem/style.css +1 -1
- package/es/components/Timeline/TimelineItem/style.less +49 -49
- package/es/components/Timeline/style.less +23 -23
- package/es/components/TopologyChart/index.d.ts +7 -0
- package/es/components/TopologyChart/index.js +19 -0
- package/es/components/TopologyChart/style.css +14 -0
- package/es/components/TopologyChart/style.less +14 -0
- package/es/components/Transfer/List/style.less +19 -19
- package/es/components/Transfer/ListBody/style.less +18 -18
- package/es/components/Transfer/style.less +14 -14
- package/es/components/TreeSelector/style.css +42 -30
- package/es/components/TreeSelector/style.less +56 -56
- package/es/constants/language/datetime/en.js +4 -2
- package/es/constants/language/datetime/type.d.ts +4 -2
- package/es/constants/language/datetime/zh.js +4 -2
- package/es/index.css +9067 -7963
- package/es/index.d.ts +2 -0
- package/es/index.js +2 -0
- package/es/index.less +56 -54
- package/es/style/mixin.less +45 -45
- package/es/style/theme.less +416 -416
- package/lib/components/AutoComplete/index.js +2 -2
- package/lib/components/AutoComplete/style.css +127 -39
- package/lib/components/AutoComplete/style.less +8 -8
- package/lib/components/Breadcrumb/style.css +13 -3
- package/lib/components/Breadcrumb/style.less +9 -9
- package/lib/components/Button/style.css +282 -176
- package/lib/components/Button/style.less +51 -51
- package/lib/components/Card/RowExtra/style.css +6 -0
- package/lib/components/Card/RowExtra/style.less +8 -8
- package/lib/components/Card/SearchInput/style.less +8 -8
- package/lib/components/Card/style.css +61 -66
- package/lib/components/Card/style.less +11 -11
- package/lib/components/CheckTransformList/style.css +345 -121
- package/lib/components/CheckTransformList/style.less +35 -35
- package/lib/components/Checkbox/index.js +9 -1
- package/lib/components/Checkbox/style.css +5 -0
- package/lib/components/Checkbox/style.less +5 -5
- package/lib/components/CheckboxList/style.css +10 -5
- package/lib/components/CheckboxList/style.less +11 -11
- package/lib/components/Collapse/style.css +35 -3
- package/lib/components/Collapse/style.less +58 -58
- package/lib/components/CollapsiblePanel/style.less +63 -63
- package/lib/components/DateTimePicker/Base/index.d.ts +3 -0
- package/lib/components/DateTimePicker/Base/index.js +51 -6
- package/lib/components/DateTimePicker/Base/style.css +508 -112
- package/lib/components/DateTimePicker/Base/style.less +167 -160
- package/lib/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
- package/lib/components/DateTimePicker/BaseMobile/style.less +32 -32
- package/lib/components/DateTimePicker/Collapse/Panel/style.less +26 -26
- package/lib/components/DateTimePicker/DisplayInput/index.js +3 -1
- package/lib/components/DateTimePicker/DisplayInput/style.css +231 -53
- package/lib/components/DateTimePicker/DisplayInput/style.less +9 -9
- package/lib/components/DateTimePicker/constants.d.ts +9 -3
- package/lib/components/DateTimePicker/constants.js +1 -0
- package/lib/components/DateTimePicker/index.js +1 -1
- package/lib/components/DateTimePicker/style.css +77 -46
- package/lib/components/DateTimePicker/style.less +19 -19
- package/lib/components/DateTimePicker/time.d.ts +1 -0
- package/lib/components/DateTimePicker/time.js +1 -0
- package/lib/components/DateTimePicker/transform.js +4 -2
- package/lib/components/Descriptions/style.css +77 -46
- package/lib/components/Descriptions/style.less +16 -16
- package/lib/components/Drawer/CloseIcon/style.less +8 -8
- package/lib/components/Drawer/index.d.ts +6 -6
- package/lib/components/Drawer/index.js +4 -4
- package/lib/components/Drawer/style.css +244 -169
- package/lib/components/Drawer/style.less +69 -61
- package/lib/components/FileResumable/index.js +2 -3
- package/lib/components/FileResumable/style.css +20 -50
- package/lib/components/FileResumable/style.less +94 -94
- package/lib/components/FlameGraph/customTooltip.d.ts +22 -0
- package/lib/components/FlameGraph/customTooltip.js +114 -0
- package/lib/components/FlameGraph/index.d.ts +16 -0
- package/lib/components/FlameGraph/index.js +117 -0
- package/lib/components/FlameGraph/style.css +8 -0
- package/lib/components/FlameGraph/style.less +14 -0
- package/lib/components/Input/index.d.ts +1 -1
- package/lib/components/Input/style.css +231 -53
- package/lib/components/Input/style.less +12 -12
- package/lib/components/KeyValuePair/style.less +25 -25
- package/lib/components/Menu/Option.d.ts +1 -1
- package/lib/components/Menu/Option.js +17 -25
- package/lib/components/Menu/style.css +31 -22
- package/lib/components/Menu/style.less +18 -18
- package/lib/components/Modal/style.css +11 -8
- package/lib/components/Modal/style.less +30 -30
- package/lib/components/NameExplainTooltip/style.css +1 -1
- package/lib/components/NameExplainTooltip/style.less +10 -10
- package/lib/components/NameLimiter/index.js +1 -1
- package/lib/components/NameLimiter/style.css +83 -55
- package/lib/components/NameLimiter/style.less +19 -19
- package/lib/components/OptionList/InlineOptionList/style.css +22 -9
- package/lib/components/OptionList/InlineOptionList/style.less +16 -16
- package/lib/components/OptionList/OptionItem/style.css +85 -57
- package/lib/components/OptionList/OptionItem/style.less +25 -25
- package/lib/components/OptionList/PopoverOptionList/index.js +1 -1
- package/lib/components/OptionList/PopoverOptionList/style.css +80 -49
- package/lib/components/OptionList/PopoverOptionList/style.less +30 -30
- package/lib/components/OptionList/style.css +187 -115
- package/lib/components/OptionList/style.less +3 -3
- package/lib/components/RadioGroup/style.css +51 -40
- package/lib/components/RadioGroup/style.less +41 -41
- package/lib/components/RangeInput/style.css +604 -87
- package/lib/components/RangeInput/style.less +37 -37
- package/lib/components/RemarkName/style.css +83 -55
- package/lib/components/RemarkName/style.less +2 -2
- package/lib/components/Selector/style.css +127 -39
- package/lib/components/Selector/style.less +99 -99
- package/lib/components/Spin/style.css +10 -8
- package/lib/components/Spin/style.less +26 -26
- package/lib/components/Steps/ControlButton/style.less +5 -5
- package/lib/components/Steps/style.css +59 -21
- package/lib/components/Steps/style.less +48 -48
- package/lib/components/Table/ColumnSetting/index.d.ts +1 -0
- package/lib/components/Table/ColumnSetting/index.js +19 -14
- package/lib/components/Table/ColumnSetting/style.css +2 -5
- package/lib/components/Table/ColumnSetting/style.less +50 -51
- package/lib/components/Table/ColumnTag/style.css +4 -4
- package/lib/components/Table/ColumnTag/style.less +40 -40
- package/lib/components/Table/EmptyText.d.ts +7 -0
- package/lib/components/Table/EmptyText.js +27 -0
- package/lib/components/Table/ResizableTitle/style.less +25 -25
- package/lib/components/Table/index.d.ts +19 -88
- package/lib/components/Table/index.js +145 -327
- package/lib/components/Table/style.css +146 -98
- package/lib/components/Table/style.less +364 -345
- package/lib/components/Table/type.d.ts +63 -0
- package/lib/components/Table/type.js +8 -0
- package/lib/components/Table/util.d.ts +58 -0
- package/lib/components/Table/util.js +227 -0
- package/lib/components/Tabs/style.css +127 -78
- package/lib/components/Tabs/style.less +33 -33
- package/lib/components/TagList/Tag/style.css +5 -5
- package/lib/components/TagList/Tag/style.less +72 -72
- package/lib/components/TagList/TagSwitch/style.css +1 -1
- package/lib/components/TagList/TagSwitch/style.less +28 -28
- package/lib/components/TagList/style.css +6 -6
- package/lib/components/TagList/style.less +28 -28
- package/lib/components/Timeline/TimelineItem/style.css +1 -1
- package/lib/components/Timeline/TimelineItem/style.less +49 -49
- package/lib/components/Timeline/style.less +23 -23
- package/lib/components/TopologyChart/index.d.ts +7 -0
- package/lib/components/TopologyChart/index.js +28 -0
- package/lib/components/TopologyChart/style.css +14 -0
- package/lib/components/TopologyChart/style.less +14 -0
- package/lib/components/Transfer/List/style.less +19 -19
- package/lib/components/Transfer/ListBody/style.less +18 -18
- package/lib/components/Transfer/style.less +14 -14
- package/lib/components/TreeSelector/style.css +42 -30
- package/lib/components/TreeSelector/style.less +56 -56
- package/lib/constants/language/datetime/en.js +4 -2
- package/lib/constants/language/datetime/type.d.ts +4 -2
- package/lib/constants/language/datetime/zh.js +4 -2
- package/lib/index.css +4782 -3678
- package/lib/index.d.ts +2 -0
- package/lib/index.js +8 -1
- package/lib/index.less +56 -54
- package/lib/style/mixin.less +45 -45
- package/lib/style/theme.less +416 -416
- package/package.json +10 -6
package/es/index.d.ts
CHANGED
@@ -44,4 +44,6 @@ export { default as InputNumberWithUnit } from './components/InputNumberWithUnit
|
|
44
44
|
export { default as Transfer } from './components/Transfer';
|
45
45
|
export { default as Descriptions } from './components/Descriptions';
|
46
46
|
export { default as ReactSortable } from './components/ReactSortable';
|
47
|
+
export { default as TopologyChart, ENodeShape, IFruchtermanData, IFuchtermanProps, ELayoutTYpe, IEdge, INode } from './components/TopologyChart';
|
48
|
+
export { default as FlameGraph, IFlameGraphData } from './components/FlameGraph';
|
47
49
|
export * from './utils/time';
|
package/es/index.js
CHANGED
@@ -44,4 +44,6 @@ export { default as InputNumberWithUnit } from './components/InputNumberWithUnit
|
|
44
44
|
export { default as Transfer } from './components/Transfer';
|
45
45
|
export { default as Descriptions } from './components/Descriptions';
|
46
46
|
export { default as ReactSortable } from './components/ReactSortable';
|
47
|
+
export { default as TopologyChart, ENodeShape, ELayoutTYpe } from './components/TopologyChart';
|
48
|
+
export { default as FlameGraph } from './components/FlameGraph';
|
47
49
|
export * from './utils/time';
|
package/es/index.less
CHANGED
@@ -1,54 +1,56 @@
|
|
1
|
-
@import './style
|
2
|
-
@import './style
|
3
|
-
@import './components
|
4
|
-
@import './components
|
5
|
-
@import './components
|
6
|
-
@import './components
|
7
|
-
@import './components
|
8
|
-
@import './components
|
9
|
-
@import './components
|
10
|
-
@import './components
|
11
|
-
@import './components
|
12
|
-
@import './components
|
13
|
-
@import './components
|
14
|
-
@import './components
|
15
|
-
@import './components
|
16
|
-
@import './components
|
17
|
-
@import './components
|
18
|
-
@import './components
|
19
|
-
@import './components
|
20
|
-
@import './components
|
21
|
-
@import './components
|
22
|
-
@import './components
|
23
|
-
@import './components
|
24
|
-
@import './components
|
25
|
-
@import './components
|
26
|
-
@import './components
|
27
|
-
@import './components
|
28
|
-
@import './components
|
29
|
-
@import './components
|
30
|
-
@import './components
|
31
|
-
@import './components
|
32
|
-
@import './components
|
33
|
-
@import './components
|
34
|
-
@import './components
|
35
|
-
@import './components
|
36
|
-
@import './components
|
37
|
-
@import './components
|
38
|
-
@import './components
|
39
|
-
@import './components
|
40
|
-
@import './components
|
41
|
-
@import './components
|
42
|
-
@import './components
|
43
|
-
@import './components
|
44
|
-
@import './components
|
45
|
-
@import './components
|
46
|
-
@import './components
|
47
|
-
@import './components
|
48
|
-
@import './components
|
49
|
-
@import './components
|
50
|
-
@import './components
|
51
|
-
@import './components
|
52
|
-
@import './components
|
53
|
-
@import './components
|
54
|
-
@import './components
|
1
|
+
@import './style\mixin.less';
|
2
|
+
@import './style\theme.less';
|
3
|
+
@import './components\Button\style.less';
|
4
|
+
@import './components\Checkbox\style.less';
|
5
|
+
@import './components\AutoComplete\style.less';
|
6
|
+
@import './components\CheckboxList\style.less';
|
7
|
+
@import './components\Breadcrumb\style.less';
|
8
|
+
@import './components\Card\style.less';
|
9
|
+
@import './components\CheckTransformList\style.less';
|
10
|
+
@import './components\CollapsiblePanel\style.less';
|
11
|
+
@import './components\Collapse\style.less';
|
12
|
+
@import './components\DateTimePicker\style.less';
|
13
|
+
@import './components\Descriptions\style.less';
|
14
|
+
@import './components\Drawer\style.less';
|
15
|
+
@import './components\FlameGraph\style.less';
|
16
|
+
@import './components\Input\style.less';
|
17
|
+
@import './components\FileResumable\style.less';
|
18
|
+
@import './components\KeyValuePair\style.less';
|
19
|
+
@import './components\Modal\style.less';
|
20
|
+
@import './components\NameExplainTooltip\style.less';
|
21
|
+
@import './components\NameLimiter\style.less';
|
22
|
+
@import './components\Menu\style.less';
|
23
|
+
@import './components\RadioGroup\style.less';
|
24
|
+
@import './components\RangeInput\style.less';
|
25
|
+
@import './components\RemarkName\style.less';
|
26
|
+
@import './components\Selector\style.less';
|
27
|
+
@import './components\OptionList\style.less';
|
28
|
+
@import './components\Spin\style.less';
|
29
|
+
@import './components\Steps\style.less';
|
30
|
+
@import './components\Tabs\style.less';
|
31
|
+
@import './components\TagList\style.less';
|
32
|
+
@import './components\Timeline\style.less';
|
33
|
+
@import './components\TopologyChart\style.less';
|
34
|
+
@import './components\Transfer\style.less';
|
35
|
+
@import './components\TreeSelector\style.less';
|
36
|
+
@import './components\Table\style.less';
|
37
|
+
@import './components\Card\RowExtra\style.less';
|
38
|
+
@import './components\Card\SearchInput\style.less';
|
39
|
+
@import './components\DateTimePicker\Base\style.less';
|
40
|
+
@import './components\DateTimePicker\BaseMobile\style.less';
|
41
|
+
@import './components\DateTimePicker\DisplayInput\style.less';
|
42
|
+
@import './components\Drawer\CloseIcon\style.less';
|
43
|
+
@import './components\OptionList\InlineOptionList\style.less';
|
44
|
+
@import './components\OptionList\PopoverOptionList\style.less';
|
45
|
+
@import './components\OptionList\OptionItem\style.less';
|
46
|
+
@import './components\Steps\ControlButton\style.less';
|
47
|
+
@import './components\TagList\Tag\style.less';
|
48
|
+
@import './components\TagList\TagSwitch\style.less';
|
49
|
+
@import './components\Timeline\TimelineItem\style.less';
|
50
|
+
@import './components\Transfer\List\style.less';
|
51
|
+
@import './components\Transfer\ListBody\style.less';
|
52
|
+
@import './components\Table\ColumnTag\style.less';
|
53
|
+
@import './components\Table\ColumnSetting\style.less';
|
54
|
+
@import './components\Table\ResizableTitle\style.less';
|
55
|
+
@import './components\DateTimePicker\Collapse\Panel\style.less';
|
56
|
+
@import './components\DateTimePicker\BaseMobile\Absolute\style.less';
|
package/es/style/mixin.less
CHANGED
@@ -1,45 +1,45 @@
|
|
1
|
-
@import './theme.less';
|
2
|
-
// 配置自定义样式滚动条
|
3
|
-
.scrollbar(@color: @font-color-1, @width: 6px, @track-color: transparent) {
|
4
|
-
&::-webkit-scrollbar {
|
5
|
-
-webkit-appearance: none;
|
6
|
-
}
|
7
|
-
&::-webkit-scrollbar:vertical {
|
8
|
-
width: @width;
|
9
|
-
}
|
10
|
-
&::-webkit-scrollbar:horizontal {
|
11
|
-
height: @width;
|
12
|
-
}
|
13
|
-
&::-webkit-scrollbar-thumb {
|
14
|
-
border-radius: 100px;
|
15
|
-
background-color: fade(@color, 30);
|
16
|
-
&:hover {
|
17
|
-
background: fade(@color, 60);
|
18
|
-
}
|
19
|
-
}
|
20
|
-
&::-webkit-scrollbar-track {
|
21
|
-
background-color: @track-color;
|
22
|
-
border-radius: 100px;
|
23
|
-
}
|
24
|
-
&::-webkit-scrollbar-corner {
|
25
|
-
background: @track-color;
|
26
|
-
}
|
27
|
-
}
|
28
|
-
|
29
|
-
.ellipsis() {
|
30
|
-
overflow: hidden;
|
31
|
-
text-overflow: ellipsis;
|
32
|
-
white-space: nowrap;
|
33
|
-
}
|
34
|
-
|
35
|
-
// support webkit only
|
36
|
-
// http://caniuse.com/#search=line-clamp
|
37
|
-
// 使用时注意第二个参数
|
38
|
-
.ellipsis-line-clamp(@n: 3, @maxheight: 80px) {
|
39
|
-
overflow: hidden;
|
40
|
-
text-overflow: ellipsis;
|
41
|
-
display: -webkit-box;
|
42
|
-
-webkit-line-clamp: @n;
|
43
|
-
-webkit-box-orient: vertical;
|
44
|
-
max-height: @maxheight; // 非 webkit 浏览器
|
45
|
-
}
|
1
|
+
@import './theme.less';
|
2
|
+
// 配置自定义样式滚动条
|
3
|
+
.scrollbar(@color: @font-color-1, @width: 6px, @track-color: transparent) {
|
4
|
+
&::-webkit-scrollbar {
|
5
|
+
-webkit-appearance: none;
|
6
|
+
}
|
7
|
+
&::-webkit-scrollbar:vertical {
|
8
|
+
width: @width;
|
9
|
+
}
|
10
|
+
&::-webkit-scrollbar:horizontal {
|
11
|
+
height: @width;
|
12
|
+
}
|
13
|
+
&::-webkit-scrollbar-thumb {
|
14
|
+
border-radius: 100px;
|
15
|
+
background-color: fade(@color, 30);
|
16
|
+
&:hover {
|
17
|
+
background: fade(@color, 60);
|
18
|
+
}
|
19
|
+
}
|
20
|
+
&::-webkit-scrollbar-track {
|
21
|
+
background-color: @track-color;
|
22
|
+
border-radius: 100px;
|
23
|
+
}
|
24
|
+
&::-webkit-scrollbar-corner {
|
25
|
+
background: @track-color;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
|
29
|
+
.ellipsis() {
|
30
|
+
overflow: hidden;
|
31
|
+
text-overflow: ellipsis;
|
32
|
+
white-space: nowrap;
|
33
|
+
}
|
34
|
+
|
35
|
+
// support webkit only
|
36
|
+
// http://caniuse.com/#search=line-clamp
|
37
|
+
// 使用时注意第二个参数
|
38
|
+
.ellipsis-line-clamp(@n: 3, @maxheight: 80px) {
|
39
|
+
overflow: hidden;
|
40
|
+
text-overflow: ellipsis;
|
41
|
+
display: -webkit-box;
|
42
|
+
-webkit-line-clamp: @n;
|
43
|
+
-webkit-box-orient: vertical;
|
44
|
+
max-height: @maxheight; // 非 webkit 浏览器
|
45
|
+
}
|