diff --git a/packages/vant/src/time-picker/README.md b/packages/vant/src/time-picker/README.md
index e46919405..8bf42df00 100644
--- a/packages/vant/src/time-picker/README.md
+++ b/packages/vant/src/time-picker/README.md
@@ -71,6 +71,10 @@ export default {
 
 ### Time Range
 
+You can use props like `min-hour` and `max-hour` to limit the range of hours, `min-minute` and `max-minute` to limit the range of minutes, and `min-second` and `max-second` to limit the range of seconds.
+
+For example, in the following example, users can only select hours between `10` and `20`, and minutes between `30` and `40`.
+
 ```html
 <van-time-picker
   v-model="currentTime"
@@ -93,6 +97,36 @@ export default {
 };
 ```
 
+### Overall Time Range
+
+You can use `min-time` and `max-time` attributes to limit the overall time range, with the format `10:00:00`.
+
+- When `min-time` is set, attributes like `min-hour`, `min-minute`, and `min-second` will not take effect.
+- When `max-time` is set, attributes like `max-hour`, `max-minute`, and `max-second` will not take effect.
+
+For example, in the following example, users can select any time between `09:40:10` and `20:20:50`.
+
+```html
+<van-time-picker
+  v-model="currentTime"
+  title="Choose Time"
+  :columns-type="['hour', 'minute', 'second']"
+  min-time="09:40:10"
+  max-time="20:20:50"
+/>
+```
+
+```js
+import { ref } from 'vue';
+
+export default {
+  setup() {
+    const currentTime = ref(['12', '00', '00']);
+    return { currentTime };
+  },
+};
+```
+
 ### Options Formatter
 
 Using `formatter` prop to format option text.
@@ -159,31 +193,6 @@ export default {
 };
 ```
 
-### Limit Time Range
-
-Using `min-time` and `max-time` props to limit the time range, Convention format `10:00:00`.
-
-```html
-<van-time-picker
-  v-model="currentTime"
-  title="Choose Time"
-  :columns-type="['hour', 'minute', 'second']"
-  min-time="09:40:10"
-  max-time="20:20:50"
-/>
-```
-
-```js
-import { ref } from 'vue';
-
-export default {
-  setup() {
-    const currentTime = ref(['12', '00', '00']);
-    return { currentTime };
-  },
-};
-```
-
 ### Advanced Usage
 
 The third parameter of the `filter` function can get the currently selected time, which can be used to filter unwanted times more flexibly when using the uncontrolled mode.
diff --git a/packages/vant/src/time-picker/README.zh-CN.md b/packages/vant/src/time-picker/README.zh-CN.md
index dfde91342..d73fa241f 100644
--- a/packages/vant/src/time-picker/README.zh-CN.md
+++ b/packages/vant/src/time-picker/README.zh-CN.md
@@ -73,6 +73,10 @@ export default {
 
 ### 时间范围
 
+你可以使用 `min-hour` 和 `max-hour` 等属性来限制小时（hour）范围、分钟（minute）范围和秒（second）范围。
+
+比如以下示例，用户可以选择的小时是 `10 ~ 20` ，分钟是 `30 ~ 40`。
+
 ```html
 <van-time-picker
   v-model="currentTime"
@@ -95,6 +99,36 @@ export default {
 };
 ```
 
+### 整体时间范围
+
+你可以使用 `min-time` 和 `max-time` 属性来限制整体时间范围，约定格式 `10:00:00`。
+
+- 设置 `min-time` 后，`min-hour`、`min-minute`、`min-second` 属性将不会生效。
+- 设置 `max-time` 后，`max-hour`、`max-minute`、`max-second` 属性将不会生效。
+
+比如以下示例，用户可以选择从 `09:40:10` 到 `20:20:50` 的任意时间。
+
+```html
+<van-time-picker
+  v-model="currentTime"
+  title="选择时间"
+  :columns-type="['hour', 'minute', 'second']"
+  min-time="09:40:10"
+  max-time="20:20:50"
+/>
+```
+
+```js
+import { ref } from 'vue';
+
+export default {
+  setup() {
+    const currentTime = ref(['12', '00', '00']);
+    return { currentTime };
+  },
+};
+```
+
 ### 格式化选项
 
 通过传入 `formatter` 函数，可以对选项的文字进行格式化。
@@ -160,31 +194,6 @@ export default {
 };
 ```
 
-### 限制时间范围
-
-使用 `min-time` 和 `max-time` 来限制时间范围，约定格式 `10:00:00`。
-
-```html
-<van-time-picker
-  v-model="currentTime"
-  title="选择时间"
-  :columns-type="['hour', 'minute', 'second']"
-  min-time="09:40:10"
-  max-time="20:20:50"
-/>
-```
-
-```js
-import { ref } from 'vue';
-
-export default {
-  setup() {
-    const currentTime = ref(['12', '00', '00']);
-    return { currentTime };
-  },
-};
-```
-
 ### 高级用法
 
 `filter` 函数的第三个参数能获取到当前选择的时间，这在使用非受控模式时，可以更灵活地过滤掉不需要的时间。
@@ -241,8 +250,8 @@ export default {
 | max-minute | 可选的最大分钟 | _number \| string_ | `59` |
 | min-second | 可选的最小秒数 | _number \| string_ | `0` |
 | max-second | 可选的最大秒数 | _number \| string_ | `59` |
-| min-time `v4.5.0` | 可选的最小时间，格式参考 `07:40:00`，使用时 `min-hour` `min-minute` `min-second` 无效 | _string_ | - |
-| max-time `v4.5.0` | 可选的最大时间，格式参考 `10:20:00`，使用时 `max-hour` `max-minute` `max-second` 无效 | _string_ | - |
+| min-time `v4.5.0` | 可选的最小时间，格式参考 `07:40:00`，使用时 `min-hour` `min-minute` `min-second` 不会生效 | _string_ | - |
+| max-time `v4.5.0` | 可选的最大时间，格式参考 `10:20:00`，使用时 `max-hour` `max-minute` `max-second` 不会生效 | _string_ | - |
 | title | 顶部栏标题 | _string_ | `''` |
 | confirm-button-text | 确认按钮文字 | _string_ | `确认` |
 | cancel-button-text | 取消按钮文字 | _string_ | `取消` |
diff --git a/packages/vant/src/time-picker/demo/index.vue b/packages/vant/src/time-picker/demo/index.vue
index 30a669049..609039763 100644
--- a/packages/vant/src/time-picker/demo/index.vue
+++ b/packages/vant/src/time-picker/demo/index.vue
@@ -14,7 +14,7 @@ const t = useTranslate({
     columnsType: '选项类型',
     optionsFilter: '过滤选项',
     optionsFormatter: '格式化选项',
-    timeUniteRange: '时分时间范围',
+    overallTimeRange: '整体时间范围',
   },
   'en-US': {
     hour: 'h',
@@ -24,7 +24,7 @@ const t = useTranslate({
     columnsType: 'Columns Type',
     optionsFilter: 'Options Filter',
     optionsFormatter: 'Options Formatter',
-    timeUniteRange: 'Hour Minute Range',
+    overallTimeRange: 'Overall Time Range',
   },
 });
 
@@ -107,6 +107,16 @@ const formatter = (type: string, option: PickerOption) => {
     />
   </demo-block>
 
+  <demo-block card :title="t('overallTimeRange')">
+    <van-time-picker
+      v-model="hourMinuteTime"
+      :title="t('chooseTime')"
+      :columns-type="['hour', 'minute', 'second']"
+      min-time="09:40:10"
+      max-time="20:20:50"
+    />
+  </demo-block>
+
   <demo-block card :title="t('optionsFormatter')">
     <van-time-picker
       v-model="formatterTime"
@@ -123,16 +133,6 @@ const formatter = (type: string, option: PickerOption) => {
     />
   </demo-block>
 
-  <demo-block card :title="t('timeUniteRange')">
-    <van-time-picker
-      v-model="hourMinuteTime"
-      :title="t('chooseTime')"
-      :columns-type="['hour', 'minute', 'second']"
-      min-time="09:40:10"
-      max-time="20:20:50"
-    />
-  </demo-block>
-  
   <demo-block card :title="t('advancedUsage')">
     <van-time-picker :title="t('chooseTime')" :filter="timeFilter" />
   </demo-block>
diff --git a/packages/vant/src/time-picker/test/__snapshots__/demo-ssr.spec.ts.snap b/packages/vant/src/time-picker/test/__snapshots__/demo-ssr.spec.ts.snap
index 033a25774..b0782ea48 100644
--- a/packages/vant/src/time-picker/test/__snapshots__/demo-ssr.spec.ts.snap
+++ b/packages/vant/src/time-picker/test/__snapshots__/demo-ssr.spec.ts.snap
@@ -2406,1130 +2406,6 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </div>
-<div>
-  <!--[-->
-  <div class="van-picker">
-    <div class="van-picker__toolbar">
-      <!--[-->
-      <button type="button"
-              class="van-picker__cancel van-haptics-feedback"
-      >
-        Cancel
-      </button>
-      <div class="van-picker__title van-ellipsis">
-        Choose Time
-      </div>
-      <button type="button"
-              class="van-picker__confirm van-haptics-feedback"
-      >
-        Confirm
-      </button>
-    </div>
-    <div class="van-picker__columns"
-         style="height:264px;"
-    >
-      <!--[-->
-      <div class="van-picker-column">
-        <ul style="transform:translate3d(0, -418px, 0);transition-duration:0ms;transition-property:none;"
-            class="van-picker-column__wrapper"
-        >
-          <!--[-->
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              00h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              01h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              02h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              03h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              04h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              05h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              06h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              07h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              08h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              09h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              10h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              11h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item van-picker-column__item--selected"
-          >
-            <div class="van-ellipsis">
-              12h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              13h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              14h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              15h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              16h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              17h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              18h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              19h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              20h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              21h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              22h
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              23h
-            </div>
-          </li>
-        </ul>
-      </div>
-      <div class="van-picker-column">
-        <ul style="transform:translate3d(0, 110px, 0);transition-duration:0ms;transition-property:none;"
-            class="van-picker-column__wrapper"
-        >
-          <!--[-->
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item van-picker-column__item--selected"
-          >
-            <div class="van-ellipsis">
-              00m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              01m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              02m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              03m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              04m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              05m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              06m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              07m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              08m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              09m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              10m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              11m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              12m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              13m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              14m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              15m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              16m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              17m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              18m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              19m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              20m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              21m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              22m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              23m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              24m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              25m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              26m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              27m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              28m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              29m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              30m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              31m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              32m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              33m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              34m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              35m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              36m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              37m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              38m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              39m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              40m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              41m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              42m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              43m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              44m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              45m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              46m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              47m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              48m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              49m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              50m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              51m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              52m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              53m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              54m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              55m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              56m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              57m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              58m
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              59m
-            </div>
-          </li>
-        </ul>
-      </div>
-      <!--[-->
-      <div class="van-picker__mask"
-           style="background-size:100% 110px;"
-      >
-      </div>
-      <div class="van-hairline-unset--top-bottom van-picker__frame"
-           style="height:44px;"
-      >
-      </div>
-    </div>
-  </div>
-</div>
-<div>
-  <!--[-->
-  <div class="van-picker">
-    <div class="van-picker__toolbar">
-      <!--[-->
-      <button type="button"
-              class="van-picker__cancel van-haptics-feedback"
-      >
-        Cancel
-      </button>
-      <div class="van-picker__title van-ellipsis">
-        Choose Time
-      </div>
-      <button type="button"
-              class="van-picker__confirm van-haptics-feedback"
-      >
-        Confirm
-      </button>
-    </div>
-    <div class="van-picker__columns"
-         style="height:264px;"
-    >
-      <!--[-->
-      <div class="van-picker-column">
-        <ul style="transform:translate3d(0, -418px, 0);transition-duration:0ms;transition-property:none;"
-            class="van-picker-column__wrapper"
-        >
-          <!--[-->
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              00
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              01
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              02
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              03
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              04
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              05
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              06
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              07
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              08
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              09
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              10
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              11
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item van-picker-column__item--selected"
-          >
-            <div class="van-ellipsis">
-              12
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              13
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              14
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              15
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              16
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              17
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              18
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              19
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              20
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              21
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              22
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              23
-            </div>
-          </li>
-        </ul>
-      </div>
-      <div class="van-picker-column">
-        <ul style="transform:translate3d(0, 110px, 0);transition-duration:0ms;transition-property:none;"
-            class="van-picker-column__wrapper"
-        >
-          <!--[-->
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item van-picker-column__item--selected"
-          >
-            <div class="van-ellipsis">
-              00
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              10
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              20
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              30
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              40
-            </div>
-          </li>
-          <li role="button"
-              style="height:44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              50
-            </div>
-          </li>
-        </ul>
-      </div>
-      <!--[-->
-      <div class="van-picker__mask"
-           style="background-size:100% 110px;"
-      >
-      </div>
-      <div class="van-hairline-unset--top-bottom van-picker__frame"
-           style="height:44px;"
-      >
-      </div>
-    </div>
-  </div>
-</div>
 <div>
   <!--[-->
   <div class="van-picker">
@@ -4774,6 +3650,1130 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </div>
+<div>
+  <!--[-->
+  <div class="van-picker">
+    <div class="van-picker__toolbar">
+      <!--[-->
+      <button type="button"
+              class="van-picker__cancel van-haptics-feedback"
+      >
+        Cancel
+      </button>
+      <div class="van-picker__title van-ellipsis">
+        Choose Time
+      </div>
+      <button type="button"
+              class="van-picker__confirm van-haptics-feedback"
+      >
+        Confirm
+      </button>
+    </div>
+    <div class="van-picker__columns"
+         style="height:264px;"
+    >
+      <!--[-->
+      <div class="van-picker-column">
+        <ul style="transform:translate3d(0, -418px, 0);transition-duration:0ms;transition-property:none;"
+            class="van-picker-column__wrapper"
+        >
+          <!--[-->
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              00h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              01h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              02h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              03h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              04h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              05h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              06h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              07h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              08h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              09h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              10h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              11h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item van-picker-column__item--selected"
+          >
+            <div class="van-ellipsis">
+              12h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              13h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              14h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              15h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              16h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              17h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              18h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              19h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              20h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              21h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              22h
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              23h
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div class="van-picker-column">
+        <ul style="transform:translate3d(0, 110px, 0);transition-duration:0ms;transition-property:none;"
+            class="van-picker-column__wrapper"
+        >
+          <!--[-->
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item van-picker-column__item--selected"
+          >
+            <div class="van-ellipsis">
+              00m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              01m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              02m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              03m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              04m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              05m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              06m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              07m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              08m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              09m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              10m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              11m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              12m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              13m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              14m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              15m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              16m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              17m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              18m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              19m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              20m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              21m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              22m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              23m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              24m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              25m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              26m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              27m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              28m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              29m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              30m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              31m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              32m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              33m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              34m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              35m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              36m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              37m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              38m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              39m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              40m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              41m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              42m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              43m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              44m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              45m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              46m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              47m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              48m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              49m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              50m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              51m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              52m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              53m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              54m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              55m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              56m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              57m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              58m
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              59m
+            </div>
+          </li>
+        </ul>
+      </div>
+      <!--[-->
+      <div class="van-picker__mask"
+           style="background-size:100% 110px;"
+      >
+      </div>
+      <div class="van-hairline-unset--top-bottom van-picker__frame"
+           style="height:44px;"
+      >
+      </div>
+    </div>
+  </div>
+</div>
+<div>
+  <!--[-->
+  <div class="van-picker">
+    <div class="van-picker__toolbar">
+      <!--[-->
+      <button type="button"
+              class="van-picker__cancel van-haptics-feedback"
+      >
+        Cancel
+      </button>
+      <div class="van-picker__title van-ellipsis">
+        Choose Time
+      </div>
+      <button type="button"
+              class="van-picker__confirm van-haptics-feedback"
+      >
+        Confirm
+      </button>
+    </div>
+    <div class="van-picker__columns"
+         style="height:264px;"
+    >
+      <!--[-->
+      <div class="van-picker-column">
+        <ul style="transform:translate3d(0, -418px, 0);transition-duration:0ms;transition-property:none;"
+            class="van-picker-column__wrapper"
+        >
+          <!--[-->
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              00
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              01
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              02
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              03
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              04
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              05
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              06
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              07
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              08
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              09
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              10
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              11
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item van-picker-column__item--selected"
+          >
+            <div class="van-ellipsis">
+              12
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              13
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              14
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              15
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              16
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              17
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              18
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              19
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              20
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              21
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              22
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              23
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div class="van-picker-column">
+        <ul style="transform:translate3d(0, 110px, 0);transition-duration:0ms;transition-property:none;"
+            class="van-picker-column__wrapper"
+        >
+          <!--[-->
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item van-picker-column__item--selected"
+          >
+            <div class="van-ellipsis">
+              00
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              10
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              20
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              30
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              40
+            </div>
+          </li>
+          <li role="button"
+              style="height:44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              50
+            </div>
+          </li>
+        </ul>
+      </div>
+      <!--[-->
+      <div class="van-picker__mask"
+           style="background-size:100% 110px;"
+      >
+      </div>
+      <div class="van-hairline-unset--top-bottom van-picker__frame"
+           style="height:44px;"
+      >
+      </div>
+    </div>
+  </div>
+</div>
 <div>
   <!--[-->
   <div class="van-picker">
diff --git a/packages/vant/src/time-picker/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/time-picker/test/__snapshots__/demo.spec.ts.snap
index 17bcb2362..ae407fcb4 100644
--- a/packages/vant/src/time-picker/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/time-picker/test/__snapshots__/demo.spec.ts.snap
@@ -2386,1118 +2386,6 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </div>
-<div>
-  <div class="van-picker">
-    <div class="van-picker__toolbar">
-      <button type="button"
-              class="van-picker__cancel van-haptics-feedback"
-      >
-        Cancel
-      </button>
-      <div class="van-picker__title van-ellipsis">
-        Choose Time
-      </div>
-      <button type="button"
-              class="van-picker__confirm van-haptics-feedback"
-      >
-        Confirm
-      </button>
-    </div>
-    <div class="van-picker__columns"
-         style="height: 264px;"
-    >
-      <div class="van-picker-column">
-        <ul style="transform: translate3d(0, -418px, 0); transition-duration: 0ms; transition-property: none;"
-            class="van-picker-column__wrapper"
-        >
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              00h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              01h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              02h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              03h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              04h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              05h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              06h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              07h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              08h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              09h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              10h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              11h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item van-picker-column__item--selected"
-          >
-            <div class="van-ellipsis">
-              12h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              13h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              14h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              15h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              16h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              17h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              18h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              19h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              20h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              21h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              22h
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              23h
-            </div>
-          </li>
-        </ul>
-      </div>
-      <div class="van-picker-column">
-        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
-            class="van-picker-column__wrapper"
-        >
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item van-picker-column__item--selected"
-          >
-            <div class="van-ellipsis">
-              00m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              01m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              02m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              03m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              04m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              05m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              06m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              07m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              08m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              09m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              10m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              11m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              12m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              13m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              14m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              15m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              16m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              17m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              18m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              19m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              20m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              21m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              22m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              23m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              24m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              25m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              26m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              27m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              28m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              29m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              30m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              31m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              32m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              33m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              34m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              35m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              36m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              37m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              38m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              39m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              40m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              41m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              42m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              43m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              44m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              45m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              46m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              47m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              48m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              49m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              50m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              51m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              52m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              53m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              54m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              55m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              56m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              57m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              58m
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              59m
-            </div>
-          </li>
-        </ul>
-      </div>
-      <div class="van-picker__mask"
-           style="background-size: 100% 110px;"
-      >
-      </div>
-      <div class="van-hairline-unset--top-bottom van-picker__frame"
-           style="height: 44px;"
-      >
-      </div>
-    </div>
-  </div>
-</div>
-<div>
-  <div class="van-picker">
-    <div class="van-picker__toolbar">
-      <button type="button"
-              class="van-picker__cancel van-haptics-feedback"
-      >
-        Cancel
-      </button>
-      <div class="van-picker__title van-ellipsis">
-        Choose Time
-      </div>
-      <button type="button"
-              class="van-picker__confirm van-haptics-feedback"
-      >
-        Confirm
-      </button>
-    </div>
-    <div class="van-picker__columns"
-         style="height: 264px;"
-    >
-      <div class="van-picker-column">
-        <ul style="transform: translate3d(0, -418px, 0); transition-duration: 0ms; transition-property: none;"
-            class="van-picker-column__wrapper"
-        >
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              00
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              01
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              02
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              03
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              04
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              05
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              06
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              07
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              08
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              09
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              10
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              11
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item van-picker-column__item--selected"
-          >
-            <div class="van-ellipsis">
-              12
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              13
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              14
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              15
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              16
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              17
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              18
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              19
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              20
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              21
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              22
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              23
-            </div>
-          </li>
-        </ul>
-      </div>
-      <div class="van-picker-column">
-        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
-            class="van-picker-column__wrapper"
-        >
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item van-picker-column__item--selected"
-          >
-            <div class="van-ellipsis">
-              00
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              10
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              20
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              30
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              40
-            </div>
-          </li>
-          <li role="button"
-              style="height: 44px;"
-              tabindex="0"
-              class="van-picker-column__item"
-          >
-            <div class="van-ellipsis">
-              50
-            </div>
-          </li>
-        </ul>
-      </div>
-      <div class="van-picker__mask"
-           style="background-size: 100% 110px;"
-      >
-      </div>
-      <div class="van-hairline-unset--top-bottom van-picker__frame"
-           style="height: 44px;"
-      >
-      </div>
-    </div>
-  </div>
-</div>
 <div>
   <div class="van-picker">
     <div class="van-picker__toolbar">
@@ -4735,6 +3623,1118 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </div>
+<div>
+  <div class="van-picker">
+    <div class="van-picker__toolbar">
+      <button type="button"
+              class="van-picker__cancel van-haptics-feedback"
+      >
+        Cancel
+      </button>
+      <div class="van-picker__title van-ellipsis">
+        Choose Time
+      </div>
+      <button type="button"
+              class="van-picker__confirm van-haptics-feedback"
+      >
+        Confirm
+      </button>
+    </div>
+    <div class="van-picker__columns"
+         style="height: 264px;"
+    >
+      <div class="van-picker-column">
+        <ul style="transform: translate3d(0, -418px, 0); transition-duration: 0ms; transition-property: none;"
+            class="van-picker-column__wrapper"
+        >
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              00h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              01h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              02h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              03h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              04h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              05h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              06h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              07h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              08h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              09h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              10h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              11h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item van-picker-column__item--selected"
+          >
+            <div class="van-ellipsis">
+              12h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              13h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              14h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              15h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              16h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              17h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              18h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              19h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              20h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              21h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              22h
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              23h
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div class="van-picker-column">
+        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
+            class="van-picker-column__wrapper"
+        >
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item van-picker-column__item--selected"
+          >
+            <div class="van-ellipsis">
+              00m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              01m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              02m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              03m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              04m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              05m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              06m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              07m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              08m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              09m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              10m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              11m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              12m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              13m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              14m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              15m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              16m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              17m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              18m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              19m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              20m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              21m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              22m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              23m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              24m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              25m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              26m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              27m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              28m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              29m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              30m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              31m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              32m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              33m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              34m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              35m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              36m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              37m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              38m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              39m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              40m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              41m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              42m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              43m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              44m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              45m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              46m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              47m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              48m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              49m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              50m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              51m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              52m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              53m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              54m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              55m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              56m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              57m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              58m
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              59m
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div class="van-picker__mask"
+           style="background-size: 100% 110px;"
+      >
+      </div>
+      <div class="van-hairline-unset--top-bottom van-picker__frame"
+           style="height: 44px;"
+      >
+      </div>
+    </div>
+  </div>
+</div>
+<div>
+  <div class="van-picker">
+    <div class="van-picker__toolbar">
+      <button type="button"
+              class="van-picker__cancel van-haptics-feedback"
+      >
+        Cancel
+      </button>
+      <div class="van-picker__title van-ellipsis">
+        Choose Time
+      </div>
+      <button type="button"
+              class="van-picker__confirm van-haptics-feedback"
+      >
+        Confirm
+      </button>
+    </div>
+    <div class="van-picker__columns"
+         style="height: 264px;"
+    >
+      <div class="van-picker-column">
+        <ul style="transform: translate3d(0, -418px, 0); transition-duration: 0ms; transition-property: none;"
+            class="van-picker-column__wrapper"
+        >
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              00
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              01
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              02
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              03
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              04
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              05
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              06
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              07
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              08
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              09
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              10
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              11
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item van-picker-column__item--selected"
+          >
+            <div class="van-ellipsis">
+              12
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              13
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              14
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              15
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              16
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              17
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              18
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              19
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              20
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              21
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              22
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              23
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div class="van-picker-column">
+        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
+            class="van-picker-column__wrapper"
+        >
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item van-picker-column__item--selected"
+          >
+            <div class="van-ellipsis">
+              00
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              10
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              20
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              30
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              40
+            </div>
+          </li>
+          <li role="button"
+              style="height: 44px;"
+              tabindex="0"
+              class="van-picker-column__item"
+          >
+            <div class="van-ellipsis">
+              50
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div class="van-picker__mask"
+           style="background-size: 100% 110px;"
+      >
+      </div>
+      <div class="van-hairline-unset--top-bottom van-picker__frame"
+           style="height: 44px;"
+      >
+      </div>
+    </div>
+  </div>
+</div>
 <div>
   <div class="van-picker">
     <div class="van-picker__toolbar">