Skip to content

E
Element
Commit ed4b6661 authored by pengchongfu's avatar pengchongfu Committed by 杨奕
Browse files
Options

TimePicker: adjust number position, fixed #4323

parent e5d43972
Hide whitespace changes
Inline Side-by-side
Showing with 6 additions and 0 deletions
packages/date-picker/src/basic/time-spinner.vue
View file @ ed4b6661
...@@ -53,6 +53,7 @@ ...@@ -53,6 +53,7 @@
<script type="text/babel"> <script type="text/babel">
import { getRangeHours } from '../util'; import { getRangeHours } from '../util';
import ElScrollbar from 'element-ui/packages/scrollbar'; import ElScrollbar from 'element-ui/packages/scrollbar';
import debounce from 'throttle-debounce/debounce';
export default { export default {
components: { ElScrollbar }, components: { ElScrollbar },
...@@ -132,6 +133,10 @@ ...@@ -132,6 +133,10 @@
}; };
}, },
created() {
this.debounceAjustElTop = debounce(100, type => this.ajustElTop(type, this[`${type}s`]));
},
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
this.bindScrollEvent(); this.bindScrollEvent();
...@@ -171,6 +176,7 @@ ...@@ -171,6 +176,7 @@
handleScroll(type) { handleScroll(type) {
const ajust = {}; const ajust = {};
ajust[`${type}s`] = Math.min(Math.floor((this[`${type}El`].scrollTop - 80) / 32 + 3), 59); ajust[`${type}s`] = Math.min(Math.floor((this[`${type}El`].scrollTop - 80) / 32 + 3), 59);
this.debounceAjustElTop(type);
this.$emit('change', ajust); this.$emit('change', ajust);
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment