fixed Layout bug

2016-12-26 14:50:39 +08:00 · 2016-12-26 14:50:39 +08:00 · 9d844d5318
commit 9d844d5318
parent c6fecfd476
9 changed files with 281 additions and 23 deletions
--- a/src/components/date-picker/base/time-spinner.vue
+++ b/src/components/date-picker/base/time-spinner.vue
@ -0,0 +1,66 @@
+<template>
+    <div :class="classes">
+        <div :class="[prefixCls+ '-wrapper']">
+            <ul :class="[prefixCls + '-list']">
+                <li v-for="item in hoursList"></li>
+            </ul>
+        </div>
+        <div :class="[prefixCls+ '-wrapper']">
+            <li v-for="item in minutesList"></li>
+        </div>
+        <div :class="[prefixCls+ '-wrapper']" v-show="showSeconds">
+            <li v-for="item in secondsList"></li>
+        </div>
+    </div>
+</template>
+<script>
+    const prefixCls = 'ivu-time-picker-cells';
+
+    export default {
+        props: {
+            hours: {
+                type: Number,
+                default: 0
+            },
+            minutes: {
+                type: Number,
+                default: 0
+            },
+            seconds: {
+                type: Number,
+                default: 0
+            },
+            showSeconds: {
+                type: Boolean,
+                default: true
+            }
+        },
+        data () {
+            return {
+                prefixCls: prefixCls
+            };
+        },
+        computed: {
+            classes () {
+                return [
+                    `${prefixCls}`,
+                    {
+                        [`${prefixCls}-with-seconds`]: this.showSeconds
+                    }
+                ];
+            },
+            hoursList () {
+                return [];
+            },
+            minutesList () {
+                return [];
+            },
+            secondsList () {
+                return [];
+            }
+        },
+        methods: {
+
+        }
+    };
+</script>