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/index | |
| 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/index')
| -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 |
5 files changed, 128 insertions, 0 deletions
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 | } | ||