@nutui/nutui 3.1.15 → 3.1.16-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/dist/nutui.es.js +302 -340
  2. package/dist/nutui.umd.js +302 -340
  3. package/dist/packages/_es/ActionSheet.js +1 -1
  4. package/dist/packages/_es/Address.js +1 -1
  5. package/dist/packages/_es/Avatar.js +1 -1
  6. package/dist/packages/_es/BackTop.js +1 -1
  7. package/dist/packages/_es/Badge.js +1 -1
  8. package/dist/packages/_es/Barrage.js +1 -1
  9. package/dist/packages/_es/Button.js +1 -1
  10. package/dist/packages/_es/Calendar.js +1 -1
  11. package/dist/packages/_es/Card.js +1 -1
  12. package/dist/packages/_es/Cascader.js +1 -1
  13. package/dist/packages/_es/Cell.js +1 -1
  14. package/dist/packages/_es/CellGroup.js +1 -1
  15. package/dist/packages/_es/Checkbox.js +1 -1
  16. package/dist/packages/_es/CheckboxGroup.js +1 -1
  17. package/dist/packages/_es/CircleProgress.js +1 -1
  18. package/dist/packages/_es/Col.js +1 -1
  19. package/dist/packages/_es/Collapse.js +1 -1
  20. package/dist/packages/_es/CollapseItem.js +1 -1
  21. package/dist/packages/_es/CountDown.js +1 -1
  22. package/dist/packages/_es/CountUp.js +1 -1
  23. package/dist/packages/_es/DatePicker.js +1 -2
  24. package/dist/packages/_es/Dialog.js +1 -1
  25. package/dist/packages/_es/Divider.js +1 -1
  26. package/dist/packages/_es/Drag.js +1 -1
  27. package/dist/packages/_es/Elevator.js +1 -1
  28. package/dist/packages/_es/Empty.js +1 -1
  29. package/dist/packages/_es/FixedNav.js +1 -1
  30. package/dist/packages/_es/Form.js +1 -1
  31. package/dist/packages/_es/FormItem.js +1 -1
  32. package/dist/packages/_es/Grid.js +1 -1
  33. package/dist/packages/_es/GridItem.js +1 -1
  34. package/dist/packages/_es/Icon.js +1 -1
  35. package/dist/packages/_es/ImagePreview.js +1 -1
  36. package/dist/packages/_es/Indicator.js +1 -1
  37. package/dist/packages/_es/InfiniteLoading.js +1 -1
  38. package/dist/packages/_es/Input.js +15 -10
  39. package/dist/packages/_es/InputNumber.js +1 -1
  40. package/dist/packages/_es/Layout.js +1 -1
  41. package/dist/packages/_es/Menu.js +1 -1
  42. package/dist/packages/_es/MenuItem.js +1 -1
  43. package/dist/packages/_es/Navbar.js +6 -32
  44. package/dist/packages/_es/NoticeBar.js +1 -1
  45. package/dist/packages/_es/Notify.js +1 -1
  46. package/dist/packages/_es/NumberKeyboard.js +1 -1
  47. package/dist/packages/_es/OverLay.js +1 -1
  48. package/dist/packages/_es/Pagination.js +1 -1
  49. package/dist/packages/_es/Picker.js +170 -189
  50. package/dist/packages/_es/Popover.js +1 -1
  51. package/dist/packages/_es/Popup.js +1 -1
  52. package/dist/packages/_es/Price.js +1 -1
  53. package/dist/packages/_es/Progress.js +1 -1
  54. package/dist/packages/_es/Radio.js +1 -1
  55. package/dist/packages/_es/RadioGroup.js +1 -1
  56. package/dist/packages/_es/Range.js +1 -1
  57. package/dist/packages/_es/Rate.js +1 -1
  58. package/dist/packages/_es/Row.js +1 -1
  59. package/dist/packages/_es/SearchBar.js +1 -1
  60. package/dist/packages/_es/ShortPassword.js +1 -1
  61. package/dist/packages/_es/SideNavBar.js +1 -1
  62. package/dist/packages/_es/SideNavBarItem.js +1 -1
  63. package/dist/packages/_es/Signature.js +1 -1
  64. package/dist/packages/_es/Skeleton.js +1 -1
  65. package/dist/packages/_es/Sku.js +1 -2
  66. package/dist/packages/_es/Step.js +1 -1
  67. package/dist/packages/_es/Steps.js +1 -1
  68. package/dist/packages/_es/SubSideNavBar.js +1 -1
  69. package/dist/packages/_es/Swipe.js +1 -1
  70. package/dist/packages/_es/Swiper.js +1 -1
  71. package/dist/packages/_es/SwiperItem.js +1 -1
  72. package/dist/packages/_es/Switch.js +1 -1
  73. package/dist/packages/_es/TabPane.js +1 -1
  74. package/dist/packages/_es/Tabbar.js +1 -1
  75. package/dist/packages/_es/TabbarItem.js +1 -1
  76. package/dist/packages/_es/Table.js +1 -1
  77. package/dist/packages/_es/Tabs.js +1 -1
  78. package/dist/packages/_es/Tag.js +1 -1
  79. package/dist/packages/_es/TextArea.js +1 -1
  80. package/dist/packages/_es/TimeDetail.js +1 -1
  81. package/dist/packages/_es/TimePannel.js +1 -1
  82. package/dist/packages/_es/TimeSelect.js +1 -1
  83. package/dist/packages/_es/Toast.js +1 -1
  84. package/dist/packages/_es/Uploader.js +6 -4
  85. package/dist/packages/_es/Video.js +1 -1
  86. package/dist/packages/_es/common.js +1 -1
  87. package/dist/packages/_es/component.js +1 -1
  88. package/dist/packages/_es/index.js +1 -1
  89. package/dist/packages/_es/index2.js +1 -1
  90. package/dist/packages/_es/index3.js +1 -1
  91. package/dist/packages/_es/plugin-vue_export-helper.js +1 -1
  92. package/dist/packages/_es/pxCheck.js +1 -1
  93. package/dist/packages/_es/raf.js +1 -1
  94. package/dist/packages/_es/util.js +1 -1
  95. package/dist/packages/button/index.scss +3 -0
  96. package/dist/packages/icon/index.scss +2 -2
  97. package/dist/packages/input/index.scss +4 -1
  98. package/dist/packages/menuitem/index.scss +1 -1
  99. package/dist/packages/navbar/index.scss +8 -34
  100. package/dist/packages/picker/index.scss +73 -17
  101. package/dist/style.css +1 -1
  102. package/dist/styles/themes/default.scss +44 -44
  103. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
  /*!
21
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
21
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
22
22
  * (c) 2021 @jdf2e.
23
23
  * Released under the MIT License.
24
24
  */
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
  /*!
21
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
21
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
22
22
  * (c) 2021 @jdf2e.
23
23
  * Released under the MIT License.
24
24
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
  /*!
21
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
21
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
22
22
  * (c) 2021 @jdf2e.
23
23
  * Released under the MIT License.
24
24
  */
@@ -19,7 +19,7 @@ var __publicField = (obj, key, value) => {
19
19
  return value;
20
20
  };
21
21
  /*!
22
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
22
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
23
23
  * (c) 2021 @jdf2e.
24
24
  * Released under the MIT License.
25
25
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
  /*!
21
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
21
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
22
22
  * (c) 2021 @jdf2e.
23
23
  * Released under the MIT License.
24
24
  */
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
  /*!
21
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
21
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
22
22
  * (c) 2021 @jdf2e.
23
23
  * Released under the MIT License.
24
24
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
  /*!
21
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
21
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
22
22
  * (c) 2021 @jdf2e.
23
23
  * Released under the MIT License.
24
24
  */
@@ -19,7 +19,7 @@ var __publicField = (obj, key, value) => {
19
19
  return value;
20
20
  };
21
21
  /*!
22
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
22
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
23
23
  * (c) 2021 @jdf2e.
24
24
  * Released under the MIT License.
25
25
  */
@@ -287,8 +287,9 @@ const _sfc_main = create({
287
287
  if (oversizes.length) {
288
288
  emit("oversize", oversizes);
289
289
  }
290
- if (files.length > maximum) {
291
- files.splice(maximum - 1, files.length - maximum);
290
+ let currentFileLength = files.length + fileList.length;
291
+ if (currentFileLength > maximum) {
292
+ files.splice(files.length - (currentFileLength - maximum));
292
293
  }
293
294
  return files;
294
295
  };
@@ -298,7 +299,8 @@ const _sfc_main = create({
298
299
  fileList.splice(index2, 1);
299
300
  emit("delete", {
300
301
  file,
301
- fileList
302
+ fileList,
303
+ index: index2
302
304
  });
303
305
  } else {
304
306
  console.log("\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01");
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
  /*!
21
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
21
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
22
22
  * (c) 2021 @jdf2e.
23
23
  * Released under the MIT License.
24
24
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
2
+ * @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:31 GMT+0800 (中国标准时间)
3
3
  * (c) 2021 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -34,6 +34,9 @@
34
34
  opacity: 0;
35
35
  content: ' ';
36
36
  }
37
+ &::after {
38
+ border: none;
39
+ }
37
40
  &:active::before {
38
41
  opacity: 0.1;
39
42
  }
@@ -23,11 +23,11 @@
23
23
  &-loading,
24
24
  &-loading1 {
25
25
  display: inline-block;
26
- animation: rotate 1s infinite linear;
26
+ animation: rotation 1s infinite linear;
27
27
  }
28
28
 
29
29
  --animate-duration: 1s;
30
- --animate-delay: 1s;
30
+ --animate-delay: 0s;
31
31
 
32
32
  &-am-infinite {
33
33
  -webkit-animation-iteration-count: infinite;
@@ -4,10 +4,13 @@
4
4
  padding: 10px 0px 10px 25px;
5
5
  display: flex;
6
6
  background: $white;
7
- border-bottom: 1px solid $input-border-bottom;
8
7
  font-size: $input-font-size;
9
8
  box-sizing: border-box;
10
9
 
10
+ &.nut-input-border {
11
+ border-bottom: 1px solid $input-border-bottom;
12
+ }
13
+
11
14
  &.nut-input-require {
12
15
  &::before {
13
16
  position: absolute;
@@ -34,7 +34,7 @@
34
34
  .nut-menu__pop {
35
35
  transition: all 0 ease 0;
36
36
  transform: none;
37
- top: auto !important;
37
+ // top: auto !important;
38
38
  }
39
39
 
40
40
  .placeholder-element {
@@ -3,12 +3,14 @@
3
3
  display: flex;
4
4
  align-items: center;
5
5
  height: 44px;
6
+ box-sizing: border-box;
6
7
  padding: 13px 16px;
7
8
  background: $white;
8
9
  box-shadow: 0px 1px 7px 0px rgba(237, 238, 241, 1);
9
10
  font-size: $cell-title-font;
10
11
  color: $cell-color;
11
12
  margin-bottom: 20px;
13
+ overflow: hidden;
12
14
  &:active::before {
13
15
  opacity: 0.1;
14
16
  }
@@ -54,40 +56,12 @@
54
56
  display: inline-block;
55
57
  }
56
58
 
57
- .tab-title {
58
- width: 164px;
59
- white-space: nowrap;
60
- overflow-x: auto;
61
- display: flex;
62
- .tab-title-box {
63
- height: 50px;
64
- display: flex;
65
- flex: 1;
66
- justify-content: center;
67
- align-items: center;
68
- box-sizing: border-box;
69
- text-align: center;
70
- font-size: 14px;
71
- color: rgba(26, 26, 26, 1);
72
- margin-left: 10px;
73
- }
74
- .nut-tab-active {
75
- color: #1a1a1a;
76
- font-weight: bold;
77
- font-size: 16px;
78
- position: relative;
79
- &::after {
80
- content: '';
81
- position: absolute;
82
- bottom: 7px;
83
- left: 50%;
84
- transform: translateX(-50%);
85
- width: 12px;
86
- height: 4px;
87
- background-image: url('https://img12.360buyimg.com/imagetools/jfs/t1/127200/40/18747/536/5fb36b5aE61cac2d8/638032e8da9b93f4.png');
88
- background-size: 100% 100%;
89
- }
90
- }
59
+ .nut-tabs__titles {
60
+ background: $white;
61
+ }
62
+
63
+ .nut-tabpane {
64
+ display: none;
91
65
  }
92
66
  }
93
67
 
@@ -1,4 +1,9 @@
1
1
  .nut-picker {
2
+ color: #f00;
3
+
4
+ view {
5
+ display: block;
6
+ }
2
7
  &__content {
3
8
  display: block;
4
9
  position: relative;
@@ -8,31 +13,19 @@
8
13
  cursor: grab;
9
14
  }
10
15
  }
11
- &__mask {
12
- position: absolute;
13
- top: 0;
14
- left: 0;
15
- z-index: 1;
16
- width: 100%;
17
- height: 100%;
18
- background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)),
19
- linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
20
- background-repeat: no-repeat;
21
- background-position: top, bottom;
22
- -webkit-transform: translateZ(0);
23
- transform: translateZ(0);
24
- pointer-events: none;
25
- }
16
+
26
17
  &__bar {
27
18
  display: flex;
28
19
  height: 56px;
29
20
  align-items: center;
30
21
  justify-content: space-between;
31
- padding: 15px;
22
+ padding: 0 15px;
23
+ font-size: 16px;
32
24
  }
33
25
  &__column {
34
26
  display: flex;
35
27
  position: relative;
28
+ height: 252px;
36
29
  }
37
30
  &__columnitem {
38
31
  width: 0;
@@ -57,10 +50,73 @@
57
50
  }
58
51
  &__hairline {
59
52
  position: absolute;
60
- height: 35px;
53
+ top: 108px;
54
+ height: 34px;
61
55
  width: 100%;
62
56
  border: 1px solid #d8d8d8;
63
57
  border-left: 0;
64
58
  border-right: 0;
65
59
  }
60
+
61
+ &__list {
62
+ position: relative;
63
+ display: block;
64
+ width: 100%;
65
+ height: 252px;
66
+ overflow: hidden;
67
+ text-align: center;
68
+ }
69
+
70
+ &-roller {
71
+ display: block;
72
+ position: absolute;
73
+ top: 108px;
74
+ width: 100%;
75
+ height: 36px;
76
+ z-index: 1;
77
+ transform-style: preserve-3d;
78
+
79
+ &-item {
80
+ display: block;
81
+ backface-visibility: hidden;
82
+ position: absolute;
83
+ top: 0;
84
+ width: 100%;
85
+ height: 36px;
86
+ line-height: 36px;
87
+ color: #808080;
88
+ font-size: 16px;
89
+
90
+ &-hidden {
91
+ visibility: hidden;
92
+ opacity: 0;
93
+ }
94
+ }
95
+ }
96
+
97
+ &-content {
98
+ display: block;
99
+ position: absolute;
100
+ top: 108px;
101
+ width: 100%;
102
+ height: 36px;
103
+ z-index: 2;
104
+ overflow: hidden;
105
+ border-left: 0;
106
+ border-right: 0;
107
+ }
108
+ &-list-panel {
109
+ display: block;
110
+ transform-style: preserve-3d;
111
+ }
112
+ &-item {
113
+ display: block;
114
+ white-space: nowrap;
115
+ overflow: hidden;
116
+ text-overflow: ellipsis;
117
+ height: 36px;
118
+ line-height: 36px;
119
+ text-align: center;
120
+ font-size: 16px;
121
+ }
66
122
  }