antd-mobile 2.3.0 → 2.3.4

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.
@@ -13,7 +13,28 @@ toc: false
13
13
  - Monthly release: minor version at the end of every month for new features.
14
14
  - Major version release is not included in this schedule for breadking change and new features.
15
15
 
16
+ ### 2.3.4
17
+
18
+ `2020-09-18`
19
+
20
+ - **Feature**
21
+ - 📝 `style` Now you can change body background by changing less variable @am-body-background [#3713](https://github.com/ant-design/ant-design-mobile/pull/3713)
22
+
16
23
  ---
24
+ ### 2.3.3
25
+
26
+ `2020-05-19`
27
+
28
+ - **Bug Fix**
29
+ - 📝 `InputItem` revert event to click from touchend, which changed by 2.3.2 [#3613](https://github.com/ant-design/ant-design-mobile/pull/3613)
30
+
31
+ ### 2.3.2
32
+
33
+ `2020-05-13`
34
+
35
+ - **Enhancement**
36
+ - 📝 `Switch` change style [#3606](https://github.com/ant-design/ant-design-mobile/pull/3606)
37
+
17
38
  ### 2.3.0
18
39
 
19
40
  `2019-08-15`
@@ -15,6 +15,27 @@ toc: false
15
15
 
16
16
  ---
17
17
 
18
+ ### 2.3.4
19
+
20
+ `2020-09-18`
21
+
22
+ - **Feature**
23
+ - 📝 `style` 现在可以单独对 body 上的背景做 less (@am-body-background) 替换 [#3713](https://github.com/ant-design/ant-design-mobile/pull/3713)
24
+
25
+ ### 2.3.3
26
+
27
+ `2020-05-19`
28
+
29
+ - **Bug Fix**
30
+ - 📝 `InputItem` 触发方式回滚到 click,该特性首次在 2.3.2 被引入 [#3613](https://github.com/ant-design/ant-design-mobile/pull/3613)
31
+
32
+ ### 2.3.2
33
+
34
+ `2020-05-13`
35
+
36
+ - **Enhancement**
37
+ - 📝 `Switch` 调整样式 [#3606](https://github.com/ant-design/ant-design-mobile/pull/3606)
38
+
18
39
  ### 2.3.0
19
40
 
20
41
  `2019-08-15`
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * antd-mobile v2.3.0
3
+ * antd-mobile v2.3.4
4
4
  *
5
5
  * Copyright 2015-present, Alipay, Inc.
6
6
  * All rights reserved.
@@ -3965,7 +3965,8 @@ a {
3965
3965
  left: 0;
3966
3966
  width: 100%;
3967
3967
  height: 100%;
3968
- margin-right: 5px;
3968
+ padding-right: 2px;
3969
+ margin-right: 3px;
3969
3970
  -webkit-text-decoration: rtl;
3970
3971
  text-decoration: rtl;
3971
3972
  text-align: right;
@@ -3982,10 +3983,13 @@ a {
3982
3983
  -webkit-transition: color .2s;
3983
3984
  transition: color .2s;
3984
3985
  }
3985
- .am-list-item .am-input-control .fake-input-container .fake-input.focus:after {
3986
+ .am-list-item .am-input-control .fake-input-container .fake-input.focus::before {
3987
+ content: "";
3988
+ }
3989
+ .am-list-item .am-input-control .fake-input-container .fake-input.focus::after {
3986
3990
  content: "";
3987
3991
  position: absolute;
3988
- right: 0;
3992
+ right: 1.5px;
3989
3993
  top: 10%;
3990
3994
  height: 80%;
3991
3995
  border-right: 1.5px solid #108ee9;
@@ -4005,7 +4009,7 @@ a {
4005
4009
  text-align: left;
4006
4010
  }
4007
4011
  .am-list-item .am-input-control .fake-input-container-left .fake-input.focus:after {
4008
- position: relative;
4012
+ position: static;
4009
4013
  }
4010
4014
  .am-list-item .am-input-control .fake-input-container-left .fake-input-placeholder {
4011
4015
  text-align: left;
@@ -4215,24 +4219,24 @@ a {
4215
4219
  }
4216
4220
  @-webkit-keyframes keyboard-cursor {
4217
4221
  0% {
4218
- opacity: 1;
4222
+ opacity: 0;
4219
4223
  }
4220
4224
  50% {
4221
- opacity: 0;
4225
+ opacity: 1;
4222
4226
  }
4223
4227
  to {
4224
- opacity: 1;
4228
+ opacity: 0;
4225
4229
  }
4226
4230
  }
4227
4231
  @keyframes keyboard-cursor {
4228
4232
  0% {
4229
- opacity: 1;
4233
+ opacity: 0;
4230
4234
  }
4231
4235
  50% {
4232
- opacity: 0;
4236
+ opacity: 1;
4233
4237
  }
4234
4238
  to {
4235
- opacity: 1;
4239
+ opacity: 0;
4236
4240
  }
4237
4241
  }
4238
4242
  .am-list-item.am-input-item {
@@ -6681,11 +6685,11 @@ a {
6681
6685
  .am-switch .checkbox:before {
6682
6686
  content: ' ';
6683
6687
  position: absolute;
6684
- left: 1.5px;
6685
- top: 1.5px;
6686
- width: 48px;
6687
- height: 28px;
6688
- border-radius: 28px;
6688
+ left: 2px;
6689
+ top: 2px;
6690
+ width: 47px;
6691
+ height: 27px;
6692
+ border-radius: 27px;
6689
6693
  -webkit-box-sizing: border-box;
6690
6694
  box-sizing: border-box;
6691
6695
  background: #fff;
@@ -6698,21 +6702,21 @@ a {
6698
6702
  }
6699
6703
  .am-switch .checkbox:after {
6700
6704
  content: ' ';
6701
- height: 28px;
6702
- width: 28px;
6703
- border-radius: 28px;
6705
+ width: 27px;
6706
+ height: 27px;
6707
+ border-radius: 27px;
6704
6708
  background: #fff;
6705
6709
  position: absolute;
6706
6710
  z-index: 2;
6707
- left: 1.5px;
6708
- top: 1.5px;
6711
+ top: 2px;
6712
+ left: 2px;
6709
6713
  -webkit-transform: translateX(0);
6710
6714
  -ms-transform: translateX(0);
6711
6715
  transform: translateX(0);
6712
6716
  -webkit-transition: all 200ms;
6713
6717
  transition: all 200ms;
6714
- -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
6715
- box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
6718
+ -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 11.5px 0 rgba(0, 0, 0, 0.08), -1px 2px 2px 0 rgba(0, 0, 0, 0.1);
6719
+ box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 11.5px 0 rgba(0, 0, 0, 0.08), -1px 2px 2px 0 rgba(0, 0, 0, 0.1);
6716
6720
  }
6717
6721
  .am-switch .checkbox.checkbox-disabled {
6718
6722
  z-index: 3;