Permalink
Browse files

fix: 日期按钮显示样式

  • Loading branch information...
1 parent f350777 commit cdcbfe6af773ed2d703519064fb15fd2ba54ae74 @whizbz11 whizbz11 committed Nov 29, 2016
Showing with 879 additions and 83,237 deletions.
  1. +342 −0 dist/css/u.core.css
  2. +1 −1 dist/css/u.core.min.css
  3. +366 −29 dist/css/u.css
  4. +1 −1 dist/css/u.min.css
  5. +0 −1 dist/js/1.neoui.min.js
  6. +156 −52 dist/js/neoui.js
  7. +9 −9 dist/js/neoui.min.js
  8. +0 −21 dist/js/plugin/23.23.js
  9. +0 −2,506 dist/js/plugin/neoui-autocomplete.js
  10. +0 −2,079 dist/js/plugin/neoui-button.js
  11. +0 −2,250 dist/js/plugin/neoui-checkbox.js
  12. +0 −2,731 dist/js/plugin/neoui-clockpicker.js
  13. +0 −2,700 dist/js/plugin/neoui-combo.js
  14. +0 −2,318 dist/js/plugin/neoui-combobox.js
  15. +0 −2,369 dist/js/plugin/neoui-data-table.js
  16. +0 −4,758 dist/js/plugin/neoui-datetimepicker.js
  17. +0 −2,734 dist/js/plugin/neoui-dialog.js
  18. +0 −2,331 dist/js/plugin/neoui-layout.md.js
  19. +0 −2,533 dist/js/plugin/neoui-layout.nav.js
  20. +0 −1,114 dist/js/plugin/neoui-loader.js
  21. +0 −1,932 dist/js/plugin/neoui-loading.js
  22. +0 −2,536 dist/js/plugin/neoui-menu.js
  23. +0 −1,124 dist/js/plugin/neoui-message.js
  24. +0 −2,280 dist/js/plugin/neoui-month.js
  25. +0 −2,875 dist/js/plugin/neoui-monthdate.js
  26. +0 −1,962 dist/js/plugin/neoui-multilang.js
  27. +0 −2,143 dist/js/plugin/neoui-navmenu.js
  28. +0 −2,198 dist/js/plugin/neoui-pagination.js
  29. +0 −1,919 dist/js/plugin/neoui-progress.js
  30. +0 −2,262 dist/js/plugin/neoui-radio.js
  31. +0 −13,138 dist/js/plugin/neoui-refer.js
  32. +0 −1,242 dist/js/plugin/neoui-slidePanel.js
  33. +0 −2,212 dist/js/plugin/neoui-switch.js
  34. +0 −2,170 dist/js/plugin/neoui-tabs.js
  35. +0 −2,031 dist/js/plugin/neoui-textfield.js
  36. +0 −2,034 dist/js/plugin/neoui-time.js
  37. +0 −1,338 dist/js/plugin/neoui-tooltip.js
  38. +0 −2,689 dist/js/plugin/neoui-validate.js
  39. +0 −2,269 dist/js/plugin/neoui-year.js
  40. +0 −2,346 dist/js/plugin/neoui-yearmonth.js
  41. +4 −0 scss/ui/neoui-datetimepicker.scss
View
@@ -6827,6 +6827,345 @@ main {
.u-date-panel .u-button.u-date-ok, .u-date-panel .u-button.u-date-cancel, .u-date-panel .u-button.u-date-clean {
padding-top: 2px;
padding-bottom: 2px; }
+ .u-date-panel .u-date-clean {
+ min-width: 0px; }
+ .u-date-panel .u-button:focus:not(:active) {
+ background-color: white; }
+ .u-date-panel .u-button:active {
+ background-color: white; }
+ .u-date-panel .clockpicker-plate {
+ width: 136px;
+ height: 136px; }
+ .u-date-panel .clockpicker-canvas {
+ width: 136px;
+ height: 136px; }
+ .u-date-panel .clockpicker-dial {
+ width: 136px;
+ height: 136px; }
+ .u-date-panel .clockpicker-svg {
+ width: 136px;
+ height: 136px;
+ position: relative;
+ top: 11.2px;
+ left: 11.2px; }
+ .u-date-panel .clockpicker-popover {
+ box-shadow: none;
+ overflow: visible; }
+ .u-date-panel .popover-content {
+ position: relative;
+ left: -4.4px; }
+ .u-date-panel .clockpicker-tick-1 {
+ left: 59.16px;
+ top: 4.76px; }
+ .u-date-panel .clockpicker-tick-2 {
+ left: 77.52px;
+ top: 27.35953px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-3 {
+ left: 90.9602px;
+ top: 40.8px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-4 {
+ left: 95.88px;
+ top: 59.16px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-5 {
+ left: 90.9602px;
+ top: 77.52px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-6 {
+ left: 77.52px;
+ top: 90.9602px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-7 {
+ left: 59.16px;
+ top: 95.88px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-8 {
+ left: 40.8px;
+ top: 90.9602px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-9 {
+ left: 27.35953px;
+ top: 77.52px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-10 {
+ left: 22.44px;
+ top: 59.16px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-11 {
+ left: 27.35953px;
+ top: 40.8px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-12 {
+ left: 40.8px;
+ top: 27.35953px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-13 {
+ left: 59.16px;
+ top: 22.44px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-14 {
+ left: 86.36px;
+ top: 12.04824px; }
+ .u-date-panel .clockpicker-tick-15 {
+ left: 106.27176px;
+ top: 31.96px; }
+ .u-date-panel .clockpicker-tick-16 {
+ left: 113.56px;
+ top: 59.16px; }
+ .u-date-panel .clockpicker-tick-17 {
+ left: 106.27176px;
+ top: 86.36px; }
+ .u-date-panel .clockpicker-tick-18 {
+ left: 86.36px;
+ top: 106.27176px; }
+ .u-date-panel .clockpicker-tick-19 {
+ left: 59.16px;
+ top: 113.56px; }
+ .u-date-panel .clockpicker-tick-20 {
+ left: 31.96px;
+ top: 106.27176px; }
+ .u-date-panel .clockpicker-tick-21 {
+ left: 12.04824px;
+ top: 86.36px; }
+ .u-date-panel .clockpicker-tick-22 {
+ left: 4.76px;
+ top: 59.16px; }
+ .u-date-panel .clockpicker-tick-23 {
+ left: 12.04824px;
+ top: 31.96px; }
+ .u-date-panel .clockpicker-tick-24 {
+ left: 31.96px;
+ top: 12.04824px; }
+ .u-date-panel .clockpicker-tick-25 {
+ left: 59.16px;
+ top: 4.76px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-26 {
+ left: 86.36px;
+ top: 12.04824px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-27 {
+ left: 106.27176px;
+ top: 31.96px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-28 {
+ left: 113.56px;
+ top: 59.16px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-29 {
+ left: 106.27176px;
+ top: 86.36px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-30 {
+ left: 86.36px;
+ top: 106.27176px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-31 {
+ left: 59.16px;
+ top: 113.56px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-32 {
+ left: 31.96px;
+ top: 106.27176px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-33 {
+ left: 12.04824px;
+ top: 86.36px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-34 {
+ left: 4.76px;
+ top: 59.16px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-35 {
+ left: 12.04824px;
+ top: 31.96px;
+ font-size: 120%; }
+ .u-date-panel .clockpicker-tick-36 {
+ left: 31.96px;
+ top: 12.04824px;
+ font-size: 120%; }
+ .u-date-panel .u-date-header {
+ height: 70px;
+ width: 100%;
+ background-color: rgb(63,81,181);
+ color: #fff;
+ padding: 10px;
+ box-sizing: border-box; }
+ .u-date-panel .u-date-header .u-date-header-year {
+ font-size: 18px;
+ cursor: pointer; }
+ .u-date-panel .u-date-header .u-date-header-month {
+ cursor: pointer; }
+ .u-date-panel .u-date-header .u-date-header-h3 {
+ display: block;
+ font-weight: 500;
+ text-transform: capitalize;
+ webkit-transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+ font-size: 20px;
+ line-height: 28px;
+ margin: 0;
+ padding: 0; }
+ .u-date-panel .u-date-header .u-date-header-h3 .u-date-header-time {
+ font-size: 20px;
+ cursor: pointer; }
+ .u-date-panel .u-date-content {
+ position: relative;
+ display: block;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ width: 100%;
+ height: 226px; }
+ .u-date-panel .u-date-content .u-date-cell {
+ float: left;
+ width: 14.28%;
+ line-height: 22px;
+ margin-bottom: 8px;
+ color: #757575;
+ text-align: center;
+ cursor: pointer; }
+ .u-date-panel .u-date-content .u-date-cell:hover {
+ background-color: rgba(158,158,158, 0.20); }
+ .u-date-panel .u-date-content .u-date-cell.current {
+ color: #fff;
+ background: #44BDE4;
+ border-radius: 50%; }
+ .u-date-panel .u-date-content .u-date-content-title {
+ color: #757575;
+ text-align: center;
+ line-height: 24px; }
+ .u-date-panel .u-date-content .u-date-week {
+ left: -4px;
+ position: relative; }
+ .u-date-panel .u-date-content .u-date-week span {
+ text-align: center;
+ width: 14.25%;
+ display: inline-block;
+ padding: 10px 0;
+ box-sizing: border-box; }
+ .u-date-panel .u-date-content .u-date-pre-button, .u-date-panel .u-date-content .u-date-next-button {
+ position: absolute;
+ top: -24px;
+ position: absolute;
+ z-index: 1;
+ font-size: 16px;
+ height: 48px !important;
+ min-width: 32px !important;
+ width: 32px !important; }
+ .u-date-panel .u-date-content .u-date-pre-button {
+ left: -4px; }
+ .u-date-panel .u-date-content .u-date-next-button {
+ right: 0px; }
+ .u-date-panel .u-date-content .u-date-content-year-cell {
+ float: left;
+ width: 25%;
+ line-height: 64px;
+ color: #757575;
+ text-align: center;
+ cursor: pointer; }
+ .u-date-panel .u-date-content .u-date-content-year-cell:hover {
+ background-color: rgba(158,158,158, 0.20); }
+ .u-date-panel .u-date-content .u-date-content-year-cell.current {
+ color: #0377C1; }
+ .u-date-panel .u-date-content-page {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: .35s;
+ transition-property: opacity,transform,-webkit-transform;
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ .u-date-panel .u-date-content-page.left-page {
+ -webkit-transform: translateX(-396px);
+ transform: translateX(-396px); }
+ .u-date-panel .u-date-content-page.right-page {
+ -webkit-transform: translateX(396px);
+ transform: translateX(396px); }
+ .u-date-panel .u-date-content-page.zoom-in {
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3); }
+ .u-date-panel .u_time_box {
+ position: absolute;
+ height: 56px;
+ width: 100%;
+ top: 60px; }
+ .u-date-panel .u_time_box .u_time_cell {
+ display: inline-block;
+ width: 33.3%;
+ height: 100%;
+ color: #666;
+ text-align: center; }
+ .u-date-panel .u_time_cell div {
+ display: block;
+ height: 56px;
+ width: 100%;
+ overflow: hidden;
+ line-height: 56px;
+ text-align: center;
+ position: relative; }
+ .u-date-panel .u_time_cell .u-input {
+ display: block;
+ width: 30px;
+ height: 56px; }
+ .u-date-panel .scroll-touch {
+ width: 33%;
+ height: 100%;
+ display: inline-block;
+ position: relative;
+ vertical-align: top;
+ transition: all 0.100s ease-out; }
+ .u-date-panel .u-scroll {
+ transition: all 0.100s ease-out;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ .u-date-panel .scroll-box {
+ overflow: hidden;
+
+ height: 300px;
+ position: relative; }
+ .u-date-panel .scroll-shadow {
+ background: linear-gradient(#ffffff 0%, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #ffffff 100%);
+ z-index: 99999;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%; }
+ .u-date-panel .scroll-touch div {
+ position: absolute;
+ height: 60px;
+ top: 120px;
+ width: 60%;
+ margin: 0px 20%;
+ border: 2px solid #3F51B5;
+ border-left: none;
+ border-right: none; }
+ .u-date-panel .scroll-touch dl {
+ margin: 0px; }
+ .u-date-panel .scroll-touch dd {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ height: 60px;
+ line-height: 60px; }
+ .u-date-panel .u-disabled {
+ background: rgba(158, 158, 158, 0.2); }
+ .u-date-panel .data-clockpicker-plate {
+ left: 0px; }
+ .u-date-panel .u-date-content-title div {
+ display: inline-block;
+ cursor: pointer; }
+ .u-date-panel .u-date-content-title .u-date-content-title-time {
+ display: block;
+ position: relative;
+ top: -4px; }
.u-date-panel-mobile {
@@ -6872,6 +7211,9 @@ main {
padding-bottom: 0rem;
padding-left: 0.75rem;
padding-right: 0.75rem; }
+ .u-date-panel-mobile .u-button.u-date-ok, .u-date-panel-mobile .u-button.u-date-cancel, .u-date-panel-mobile .u-button.u-date-clean {
+ padding-top: 2px;
+ padding-bottom: 2px; }
.u-date-panel-mobile .u-date-clean {
min-width: 0rem; }
.u-date-panel-mobile .u-button:focus:not(:active) {
Oops, something went wrong.
Oops, something went wrong.

0 comments on commit cdcbfe6

Please sign in to comment.