diff options
author | 崖鹰 <zhao.wuz@alipay.com> | 2015-11-13 11:33:48 +0800 |
---|---|---|
committer | 崖鹰 <zhao.wuz@alipay.com> | 2015-11-13 11:33:48 +0800 |
commit | 02de449a0474765a4796fa607e7e3922252f574f (patch) | |
tree | dc37faf2f610343112ea1fc3707ad188092bd031 /assets | |
parent | 1f336fabc9135ac971e53d9c2ae407db69b8f096 (diff) | |
download | time-picker-02de449a0474765a4796fa607e7e3922252f574f.tar.gz time-picker-02de449a0474765a4796fa607e7e3922252f574f.tar.zst time-picker-02de449a0474765a4796fa607e7e3922252f574f.zip |
release 0.1.0
Diffstat (limited to 'assets')
-rw-r--r-- | assets/index.less | 22 | ||||
-rw-r--r-- | assets/index/Combobox.less | 4 | ||||
-rw-r--r-- | assets/index/Header.less | 54 | ||||
-rw-r--r-- | assets/index/Picker.less | 4 | ||||
-rw-r--r-- | assets/index/Select.less | 50 | ||||
-rw-r--r-- | assets/index/TimePanel.less | 16 |
6 files changed, 150 insertions, 0 deletions
diff --git a/assets/index.less b/assets/index.less new file mode 100644 index 0000000..2ab247b --- /dev/null +++ b/assets/index.less | |||
@@ -0,0 +1,22 @@ | |||
1 | @prefixClass: rc-timepicker; | ||
2 | |||
3 | .@{prefixClass} { | ||
4 | box-sizing: border-box; | ||
5 | * { | ||
6 | box-sizing: border-box; | ||
7 | } | ||
8 | } | ||
9 | |||
10 | @font-face { | ||
11 | font-family: 'anticon'; | ||
12 | src: url('//at.alicdn.com/t/font_1434092639_4910953.eot'); | ||
13 | /* IE9*/ | ||
14 | src: url('//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1434092639_4910953.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1434092639_4910953.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont') format('svg'); | ||
15 | /* iOS 4.1- */ | ||
16 | } | ||
17 | |||
18 | @import "./index/Picker"; | ||
19 | @import "./index/TimePanel"; | ||
20 | @import "./index/Header"; | ||
21 | @import "./index/Combobox"; | ||
22 | @import "./index/Select"; | ||
diff --git a/assets/index/Combobox.less b/assets/index/Combobox.less new file mode 100644 index 0000000..a796d0a --- /dev/null +++ b/assets/index/Combobox.less | |||
@@ -0,0 +1,4 @@ | |||
1 | .@{prefixClass} { | ||
2 | &-combobox { | ||
3 | } | ||
4 | } | ||
diff --git a/assets/index/Header.less b/assets/index/Header.less new file mode 100644 index 0000000..ac3d662 --- /dev/null +++ b/assets/index/Header.less | |||
@@ -0,0 +1,54 @@ | |||
1 | .@{prefixClass} { | ||
2 | &-input { | ||
3 | margin: 0; | ||
4 | padding: 0; | ||
5 | border: 0; | ||
6 | width: 100%; | ||
7 | cursor: auto; | ||
8 | line-height: 1.5; | ||
9 | outline: 0; | ||
10 | border: 1px solid transparent; | ||
11 | |||
12 | &-wrap { | ||
13 | box-sizing: border-box; | ||
14 | position: relative; | ||
15 | padding: 6px; | ||
16 | border-bottom: 1px solid #e9e9e9; | ||
17 | } | ||
18 | |||
19 | &-invalid { | ||
20 | border-color: red; | ||
21 | } | ||
22 | } | ||
23 | |||
24 | &-clear-btn { | ||
25 | position: absolute; | ||
26 | right: 6px; | ||
27 | cursor: pointer; | ||
28 | overflow: hidden; | ||
29 | width: 20px; | ||
30 | height: 20px; | ||
31 | text-align: center; | ||
32 | line-height: 20px; | ||
33 | top: 6px; | ||
34 | margin: 0; | ||
35 | } | ||
36 | |||
37 | &-clear-btn:after { | ||
38 | content: "x"; | ||
39 | font-size: 12px; | ||
40 | color: #aaa; | ||
41 | display: inline-block; | ||
42 | line-height: 1; | ||
43 | width: 20px; | ||
44 | transition: color 0.3s ease; | ||
45 | } | ||
46 | |||
47 | &-clear-btn:hover:after { | ||
48 | color: #666; | ||
49 | } | ||
50 | } | ||
51 | |||
52 | .narrow .@{prefixClass}-input-wrap { | ||
53 | max-width: 111px; | ||
54 | } | ||
diff --git a/assets/index/Picker.less b/assets/index/Picker.less new file mode 100644 index 0000000..769c4b7 --- /dev/null +++ b/assets/index/Picker.less | |||
@@ -0,0 +1,4 @@ | |||
1 | .@{prefixClass} { | ||
2 | &-picker { | ||
3 | } | ||
4 | } | ||
diff --git a/assets/index/Select.less b/assets/index/Select.less new file mode 100644 index 0000000..995d09e --- /dev/null +++ b/assets/index/Select.less | |||
@@ -0,0 +1,50 @@ | |||
1 | .@{prefixClass}-select { | ||
2 | float: left; | ||
3 | overflow-y:auto; | ||
4 | font-size: 12px; | ||
5 | border: 1px solid #e9e9e9; | ||
6 | border-width: 0 1px; | ||
7 | margin-left: -1px; | ||
8 | box-sizing: border-box; | ||
9 | width: 56px; | ||
10 | |||
11 | &:first-child { | ||
12 | border-left: 0; | ||
13 | margin-left: 0; | ||
14 | } | ||
15 | |||
16 | &:last-child { | ||
17 | border-right: 0; | ||
18 | } | ||
19 | |||
20 | ul { | ||
21 | list-style: none; | ||
22 | box-sizing: border-box; | ||
23 | margin: 0; | ||
24 | padding: 0; | ||
25 | width: 100%; | ||
26 | max-height: 144px; | ||
27 | } | ||
28 | |||
29 | li { | ||
30 | list-style: none; | ||
31 | box-sizing: border-box; | ||
32 | margin: 0; | ||
33 | padding: 0 0 0 16px; | ||
34 | width: 100%; | ||
35 | height: 24px; | ||
36 | line-height: 24px; | ||
37 | text-align: left; | ||
38 | cursor: pointer; | ||
39 | user-select: none; | ||
40 | |||
41 | &.selected { | ||
42 | background: #edfaff; | ||
43 | color: #2db7f5; | ||
44 | } | ||
45 | |||
46 | &:hover { | ||
47 | background: #edfaff; | ||
48 | } | ||
49 | } | ||
50 | } | ||
diff --git a/assets/index/TimePanel.less b/assets/index/TimePanel.less new file mode 100644 index 0000000..574605f --- /dev/null +++ b/assets/index/TimePanel.less | |||
@@ -0,0 +1,16 @@ | |||
1 | .@{prefixClass}-panel { | ||
2 | display: inline-block; | ||
3 | position: relative; | ||
4 | outline: none; | ||
5 | font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif; | ||
6 | border: 1px solid #ccc; | ||
7 | list-style: none; | ||
8 | font-size: 12px; | ||
9 | text-align: left; | ||
10 | background-color: #fff; | ||
11 | border-radius: 3px; | ||
12 | box-shadow: 0 1px 5px #ccc; | ||
13 | background-clip: padding-box; | ||
14 | border: 1px solid #ccc; | ||
15 | line-height: 1.5; | ||
16 | } | ||