From 93433249ca7bd15fb55a121c43383a3f940436ec Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Thu, 14 Dec 2017 11:27:26 +0800
Subject: [PATCH] [bugfix] Picker bottom area not dragable (#433)

---
 packages/picker/PickerColumn.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/picker/PickerColumn.vue b/packages/picker/PickerColumn.vue
index 1291406da..ae90160ed 100644
--- a/packages/picker/PickerColumn.vue
+++ b/packages/picker/PickerColumn.vue
@@ -1,6 +1,6 @@
 
 <template>
-  <div class="van-picker-column" :class="className">
+  <div class="van-picker-column" :class="className" :style="columnStyle">
     <div class="van-picker-column__frame van-hairline--top-bottom" :style="frameStyle" />
     <ul
       :style="wrapperStyle"
@@ -95,14 +95,18 @@ export default create({
       return this.options.length;
     },
 
+    columnStyle() {
+      return {
+        height: (this.itemHeight * this.visibileColumnCount) + 'px'
+      };
+    },
+
     wrapperStyle() {
-      const { itemHeight, visibileColumnCount } = this;
       return {
         transition: `${this.duration}ms`,
         transform: `translate3d(0, ${this.offset}px, 0)`,
-        lineHeight: itemHeight + 'px',
-        height: itemHeight * visibileColumnCount + 'px',
-        paddingTop: itemHeight * (visibileColumnCount - 1) / 2 + 'px'
+        lineHeight: this.itemHeight + 'px',
+        padding: `${this.itemHeight * (this.visibileColumnCount - 1) / 2}px 0`
       };
     },