s-material-react 1.3.19 → 1.3.21

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 (64) hide show
  1. package/css/basic/textLine.scss +10 -10
  2. package/css/common/addressItem.scss +74 -74
  3. package/css/common/card.scss +42 -42
  4. package/css/common/coupon.scss +82 -82
  5. package/css/common/evaluateItem.scss +51 -51
  6. package/css/common/icon.scss +59 -59
  7. package/css/common/noData.scss +27 -27
  8. package/css/common/rateItem.scss +35 -35
  9. package/css/common/stepNum.scss +16 -16
  10. package/css/pages/addressDetail.scss +59 -59
  11. package/css/pages/addressList.scss +43 -41
  12. package/css/pages/cart.scss +161 -161
  13. package/css/pages/classifyNav.scss +15 -15
  14. package/css/pages/couponList.scss +198 -197
  15. package/css/pages/cube.scss +49 -49
  16. package/css/pages/evaluateDetail.scss +57 -57
  17. package/css/pages/evaluateEntry.scss +52 -52
  18. package/css/pages/evaluateList.scss +22 -22
  19. package/css/pages/goods.scss +79 -79
  20. package/css/pages/goodsClassify.scss +129 -109
  21. package/css/pages/goodsDetail.scss +380 -380
  22. package/css/pages/goodsDetailTopInfo.scss +40 -40
  23. package/css/pages/goodsList.scss +62 -63
  24. package/css/pages/index.scss +6 -3
  25. package/css/pages/mine.scss +72 -72
  26. package/css/pages/mineData.scss +48 -0
  27. package/css/pages/mineFunction.scss +35 -0
  28. package/css/pages/mineOrderEntry.scss +46 -0
  29. package/css/pages/order-goodsItem.scss +12 -12
  30. package/css/pages/orderDetail.scss +123 -123
  31. package/css/pages/orderEntry.scss +36 -36
  32. package/css/pages/orderList.scss +60 -60
  33. package/css/pages/paymentMode.scss +62 -61
  34. package/css/pages/placeOrder.scss +130 -130
  35. package/css/pages/placeOrderResult.scss +81 -81
  36. package/css/pages/searchPage.scss +65 -65
  37. package/css/pages/service.scss +2 -2
  38. package/css/pages/slider.scss +15 -15
  39. package/css/pages/title.scss +1 -1
  40. package/dist/common/scrollWrap/index.d.ts +1 -2
  41. package/dist/components/AddressDetail/index.d.ts +11 -1
  42. package/dist/components/AddressList/index.d.ts +10 -2
  43. package/dist/components/CouponList/components/couponItem.d.ts +9 -0
  44. package/dist/components/CouponList/components/index.d.ts +1 -3
  45. package/dist/components/CouponList/index.d.ts +8 -1
  46. package/dist/components/EvaluateDetail/index.d.ts +9 -2
  47. package/dist/components/GoodsClassify/components/classifyFloor.d.ts +1 -0
  48. package/dist/components/MineData/index.d.ts +8 -0
  49. package/dist/components/MineFunction/index.d.ts +1 -0
  50. package/dist/components/MineOrderEntry/index.d.ts +1 -0
  51. package/dist/components/OrderDetail/component/footer.d.ts +4 -0
  52. package/dist/components/OrderDetail/index.d.ts +13 -1
  53. package/dist/components/PaymentMode/index.d.ts +10 -2
  54. package/dist/components/PlaceOrder/components/operate.d.ts +4 -0
  55. package/dist/components/PlaceOrder/components/shop.d.ts +2 -1
  56. package/dist/components/PlaceOrder/index.d.ts +7 -0
  57. package/dist/components/PlaceOrderResult/index.d.ts +17 -2
  58. package/dist/components/SearchPage/index.d.ts +4 -1
  59. package/dist/components/index.d.ts +3 -0
  60. package/dist/index.js +1 -1
  61. package/package.json +2 -2
  62. package/dist/components/CouponList/components/overdue.d.ts +0 -5
  63. package/dist/components/CouponList/components/unUsed.d.ts +0 -5
  64. package/dist/components/CouponList/components/used.d.ts +0 -5
@@ -1,49 +1,49 @@
1
1
  .goodsDetail-topInfo-wrap {
2
- background-color: #f6f6f6;
3
- padding-top: 12px;
4
- padding-bottom: 12px;
2
+ background-color: #f6f6f6;
3
+ padding-top: 12px;
4
+ padding-bottom: 12px;
5
5
 
6
- .goodsDetail-topInfo {
7
- background-color: #fff;
8
- margin: 0 10px;
9
- padding: 13px;
10
- display: grid;
11
- grid-template-columns: 1fr 54px;
12
- border-radius: 8px;
6
+ .goodsDetail-topInfo {
7
+ background-color: #fff;
8
+ margin: 0 10px;
9
+ padding: 13px;
10
+ display: grid;
11
+ grid-template-columns: 1fr 54px;
12
+ border-radius: 8px;
13
13
 
14
- .name {
15
- font-size: 18px;
16
- color: #000000;
17
- line-height: 25px;
18
- display: block;
19
- width: 70%;
20
- }
14
+ .name {
15
+ font-size: 18px;
16
+ color: #000000;
17
+ line-height: 25px;
18
+ display: block;
19
+ width: 70%;
20
+ }
21
21
 
22
- .price {
23
- font-size: 20px;
24
- font-weight: 600;
25
- line-height: 28px;
26
- margin-bottom: 7px;
27
- }
22
+ .price {
23
+ font-size: 20px;
24
+ font-weight: 600;
25
+ line-height: 28px;
26
+ margin-bottom: 7px;
27
+ }
28
28
 
29
- .rPart {
30
- display: flex;
31
- justify-content: center;
32
- align-items: center;
33
- flex-direction: column;
34
- border-left: 1px solid #ededed;
35
- padding-left: 10px;
29
+ .rPart {
30
+ display: flex;
31
+ justify-content: center;
32
+ align-items: center;
33
+ flex-direction: column;
34
+ border-left: 1px solid #ededed;
35
+ padding-left: 10px;
36
36
 
37
- .icon {
38
- width: 21px;
39
- height: 21px;
40
- display: block;
41
- margin-bottom: 7px;
42
- }
37
+ .icon {
38
+ width: 21px;
39
+ height: 21px;
40
+ display: block;
41
+ margin-bottom: 7px;
42
+ }
43
43
 
44
- .txt {
45
- font-size: 12px;
46
- }
47
- }
44
+ .txt {
45
+ font-size: 12px;
46
+ }
48
47
  }
48
+ }
49
49
  }
@@ -1,77 +1,76 @@
1
1
  @import '../basic/textLine.scss';
2
2
 
3
3
  .goodsList {
4
- .top-info {
5
- padding-top: 15px;
6
- &-search {
7
- box-sizing: border-box;
8
- margin: 0 15px 17px;
9
- height: 34px;
10
- background-color: #f4f4f4;
11
- border-radius: 20px;
12
- text-align: center;
13
- display: flex;
14
- align-items: center;
15
- justify-content: center;
16
- .icon {
17
- width: 14px;
18
- height: 14px;
19
- margin-right: 5px;
20
- }
21
- }
4
+ .top-info {
5
+ &-search {
6
+ box-sizing: border-box;
7
+ margin: 0 15px 17px;
8
+ height: 34px;
9
+ background-color: #f4f4f4;
10
+ border-radius: 20px;
11
+ text-align: center;
12
+ display: flex;
13
+ align-items: center;
14
+ justify-content: center;
15
+ .icon {
16
+ width: 14px;
17
+ height: 14px;
18
+ margin-right: 5px;
19
+ }
20
+ }
22
21
 
23
- .sortWrap {
24
- height: 43px;
25
- line-height: 43px;
26
- display: grid;
27
- cursor: pointer;
28
- grid-template-columns: repeat(4, 1fr);
22
+ .sortWrap {
23
+ height: 43px;
24
+ line-height: 43px;
25
+ display: grid;
26
+ cursor: pointer;
27
+ grid-template-columns: repeat(4, 1fr);
29
28
 
30
- .sortItem {
31
- text-align: center;
32
- &.active {
33
- color: #ff0934;
34
- }
35
- }
29
+ .sortItem {
30
+ text-align: center;
31
+ &.active {
32
+ color: #ff0934;
36
33
  }
34
+ }
37
35
  }
36
+ }
38
37
 
39
- .listWrap {
40
- background-color: #f6f6f6;
41
- //padding: 10px;
42
- .list {
43
- display: grid;
44
- grid-template-columns: repeat(2, 1fr);
45
- gap: 10px;
46
- padding: 10px;
47
- .listItem {
48
- border-radius: 8px;
49
- overflow: hidden;
50
- background-color: #fff;
51
- padding-bottom: 12px;
38
+ .listWrap {
39
+ background-color: #f6f6f6;
40
+ //padding: 10px;
41
+ .list {
42
+ display: grid;
43
+ grid-template-columns: repeat(2, 1fr);
44
+ gap: 10px;
45
+ padding: 10px;
46
+ .listItem {
47
+ border-radius: 8px;
48
+ overflow: hidden;
49
+ background-color: #fff;
50
+ padding-bottom: 12px;
52
51
 
53
- .img {
54
- display: block;
55
- width: 100%;
56
- height: 170px;
57
- margin-bottom: 5px;
58
- }
52
+ .img {
53
+ display: block;
54
+ width: 100%;
55
+ height: 170px;
56
+ margin-bottom: 5px;
57
+ }
59
58
 
60
- .name {
61
- font-size: 12px;
62
- display: block;
63
- padding: 0 10px;
64
- margin-bottom: 5px;
65
- @include titleLine(1);
66
- }
59
+ .name {
60
+ font-size: 12px;
61
+ display: block;
62
+ padding: 0 10px;
63
+ margin-bottom: 5px;
64
+ @include titleLine(1);
65
+ }
67
66
 
68
- .price {
69
- display: block;
70
- color: #ff0934;
71
- font-size: 12px;
72
- padding: 0 10px;
73
- }
74
- }
67
+ .price {
68
+ display: block;
69
+ color: #ff0934;
70
+ font-size: 12px;
71
+ padding: 0 10px;
75
72
  }
73
+ }
76
74
  }
75
+ }
77
76
  }
@@ -24,12 +24,15 @@
24
24
  @import './couponList';
25
25
  @import './cart';
26
26
  @import './mine';
27
+ @import './mineData';
28
+ @import './mineOrderEntry';
29
+ @import './mineFunction';
27
30
  @import './paymentMode';
28
31
  //
29
32
  //* {
30
33
  // box-sizing: border-box;
31
34
  //}
32
35
 
33
- .design-container .monitor .actived:after {
34
- display: none;
35
- }
36
+ //.design-container .monitor .monitor-node .actived:after {
37
+ // display: none;
38
+ //}
@@ -1,92 +1,92 @@
1
1
  .mine {
2
- width: 100%;
3
- overflow: scroll;
4
- background: linear-gradient(-150deg, #d4d4d4 0%, #d4d4d415 25%, #fff 100%);
5
- padding: 10px 12px 0;
6
- box-sizing: border-box;
2
+ width: 100%;
3
+ overflow: scroll;
4
+ background: linear-gradient(-150deg, #d4d4d4 0%, #d4d4d415 25%, #fff 100%);
5
+ padding: 10px 12px 0;
6
+ box-sizing: border-box;
7
7
 
8
- .topBoard {
9
- display: flex;
10
- justify-content: space-between;
8
+ .topBoard {
9
+ display: flex;
10
+ justify-content: space-between;
11
11
 
12
- .icon {
13
- font-size: 20px !important;
14
- font-weight: 400 !important;
15
- }
12
+ .icon {
13
+ font-size: 20px !important;
14
+ font-weight: 400 !important;
16
15
  }
16
+ }
17
17
 
18
- .userSetting {
19
- padding: 27px 0;
20
- display: flex;
21
- justify-content: space-between;
18
+ .userSetting {
19
+ padding: 27px 0;
20
+ display: flex;
21
+ justify-content: space-between;
22
22
 
23
- .lPart {
24
- display: flex;
25
- justify-content: center;
26
- flex-direction: column;
23
+ .lPart {
24
+ display: flex;
25
+ justify-content: center;
26
+ flex-direction: column;
27
27
 
28
- .name {
29
- font-size: 20px;
30
- color: #333;
31
- }
28
+ .name {
29
+ font-size: 20px;
30
+ color: #333;
31
+ }
32
32
 
33
- .link {
34
- font-size: 12px;
35
- color: #999;
36
- }
37
- }
33
+ .link {
34
+ font-size: 12px;
35
+ color: #999;
36
+ }
37
+ }
38
38
 
39
- .avatar {
40
- width: 60px;
41
- height: 60px;
42
- border: 1px solid #ccc;
43
- box-sizing: border-box;
44
- border-radius: 50%;
45
- overflow: hidden;
46
- }
39
+ .avatar {
40
+ width: 60px;
41
+ height: 60px;
42
+ border: 1px solid #ccc;
43
+ box-sizing: border-box;
44
+ border-radius: 50%;
45
+ overflow: hidden;
47
46
  }
47
+ }
48
48
 
49
- .menuList {
50
- padding: 25px 13px 34px;
51
- box-sizing: border-box;
49
+ .menuList {
50
+ padding: 25px 13px 34px;
51
+ box-sizing: border-box;
52
52
 
53
- .menuListItem {
54
- margin-bottom: 20px;
55
- display: flex;
56
- justify-content: space-between;
57
- align-items: center;
53
+ .menuListItem {
54
+ margin-bottom: 20px;
55
+ display: flex;
56
+ justify-content: space-between;
57
+ align-items: center;
58
58
 
59
- .lPart {
60
- display: flex;
61
- align-items: center;
59
+ .lPart {
60
+ display: flex;
61
+ align-items: center;
62
62
 
63
- .icon {
64
- margin-right: 12px;
65
- }
63
+ .icon {
64
+ margin-right: 12px;
65
+ }
66
66
 
67
- .label {
68
- font-size: 15px;
69
- color: #232323;
70
- }
71
- }
67
+ .label {
68
+ font-size: 15px;
69
+ color: #232323;
70
+ }
71
+ }
72
72
 
73
- .tag {
74
- width: 6px;
75
- height: 10px;
76
- //background-color: yellowgreen;
77
- }
73
+ .tag {
74
+ width: 6px;
75
+ height: 10px;
76
+ //background-color: yellowgreen;
77
+ }
78
78
 
79
- &:last-child {
80
- margin-bottom: 0;
81
- }
82
- }
79
+ &:last-child {
80
+ margin-bottom: 0;
81
+ }
83
82
  }
83
+ }
84
84
 
85
- .banner {
86
- width: 100%;
87
- height: 130px;
88
- border: 1px solid #333333;
89
- border-radius: 10px;
90
- overflow: hidden;
91
- }
85
+ .banner {
86
+ width: 100%;
87
+ height: 130px;
88
+ border: 1px solid #333333;
89
+ border-radius: 10px;
90
+ overflow: hidden;
91
+ }
92
92
  }
@@ -0,0 +1,48 @@
1
+ .mineData {
2
+ width: 100%;
3
+ overflow: scroll;
4
+ background: linear-gradient(-150deg, #d4d4d4 0%, #d4d4d415 25%, #fff 100%);
5
+ padding: 10px 12px 0;
6
+ box-sizing: border-box;
7
+
8
+ .topBoard {
9
+ display: flex;
10
+ justify-content: space-between;
11
+
12
+ .icon {
13
+ font-size: 20px !important;
14
+ font-weight: 400 !important;
15
+ }
16
+ }
17
+
18
+ .userSetting {
19
+ padding: 27px 0;
20
+ display: flex;
21
+ justify-content: space-between;
22
+
23
+ .lPart {
24
+ display: flex;
25
+ justify-content: center;
26
+ flex-direction: column;
27
+
28
+ .name {
29
+ font-size: 20px;
30
+ color: #333;
31
+ }
32
+
33
+ .link {
34
+ font-size: 12px;
35
+ color: #999;
36
+ }
37
+ }
38
+
39
+ .avatar {
40
+ width: 60px;
41
+ height: 60px;
42
+ border: 1px solid #ccc;
43
+ box-sizing: border-box;
44
+ border-radius: 50%;
45
+ overflow: hidden;
46
+ }
47
+ }
48
+ }
@@ -0,0 +1,35 @@
1
+ .mineFunction {
2
+ padding: 25px 13px 34px;
3
+ box-sizing: border-box;
4
+
5
+ .menuListItem {
6
+ margin-bottom: 20px;
7
+ display: flex;
8
+ justify-content: space-between;
9
+ align-items: center;
10
+
11
+ .lPart {
12
+ display: flex;
13
+ align-items: center;
14
+
15
+ .icon {
16
+ margin-right: 12px;
17
+ }
18
+
19
+ .label {
20
+ font-size: 15px;
21
+ color: #232323;
22
+ }
23
+ }
24
+
25
+ .tag {
26
+ width: 6px;
27
+ height: 10px;
28
+ //background-color: yellowgreen;
29
+ }
30
+
31
+ &:last-child {
32
+ margin-bottom: 0;
33
+ }
34
+ }
35
+ }
@@ -0,0 +1,46 @@
1
+ .mineOrderEntry {
2
+ background: #fff;
3
+ box-shadow: 0 0 10px 0 rgba(231, 227, 227, 0.5);
4
+ border-radius: 8px;
5
+
6
+ .title {
7
+ height: 46px;
8
+ line-height: 46px;
9
+ display: flex;
10
+ justify-content: space-between;
11
+ border: 1px solid #f8f8f8;
12
+
13
+ .name {
14
+ font-size: 15px;
15
+ margin-left: 13px;
16
+ font-weight: bold;
17
+ }
18
+
19
+ .more {
20
+ font-size: 12px;
21
+ margin-right: 13px;
22
+ }
23
+ }
24
+
25
+ .content {
26
+ display: grid;
27
+ grid-template-columns: repeat(5, 1fr);
28
+ height: 73px;
29
+ text-align: center;
30
+ padding-top: 14px;
31
+
32
+ .contentItem {
33
+ .icon {
34
+ font-size: 22px !important;
35
+ font-weight: 500 !important;
36
+ display: block;
37
+ margin: 0 auto 7px;
38
+ }
39
+
40
+ .subTitle {
41
+ display: block;
42
+ font-size: 11px;
43
+ }
44
+ }
45
+ }
46
+ }
@@ -1,17 +1,17 @@
1
1
  .btnGroup {
2
- text-align: right;
2
+ text-align: right;
3
3
 
4
- .btn {
5
- &.white {
6
- --background-color: #fff;
7
- --border-color: #000;
8
- }
4
+ .btn {
5
+ &.white {
6
+ --background-color: #fff;
7
+ --border-color: #000;
8
+ }
9
9
 
10
- &.black {
11
- --background-color: #000;
12
- --border-color: #000;
13
- --text-color: #fff;
14
- margin-left: 10px;
15
- }
10
+ &.black {
11
+ --background-color: #000;
12
+ --border-color: #000;
13
+ --text-color: #fff;
14
+ margin-left: 10px;
16
15
  }
16
+ }
17
17
  }