s-material-react 2.2.36 → 2.2.38

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 (105) hide show
  1. package/README.md +5 -5
  2. package/css/basic/textLine.scss +13 -13
  3. package/css/common/addressItem.scss +91 -91
  4. package/css/common/card.scss +68 -68
  5. package/css/common/common.scss +7 -7
  6. package/css/common/countNum.scss +34 -34
  7. package/css/common/coupon.scss +96 -96
  8. package/css/common/evaluateItem.scss +58 -58
  9. package/css/common/icon.scss +255 -255
  10. package/css/common/index.scss +18 -18
  11. package/css/common/noData.scss +33 -33
  12. package/css/common/notice.scss +3 -3
  13. package/css/common/promotionItem.scss +87 -87
  14. package/css/common/rateItem.scss +72 -72
  15. package/css/common/refundGoodsDetail.scss +92 -92
  16. package/css/common/refundMsg.scss +90 -90
  17. package/css/common/refundOption.scss +32 -32
  18. package/css/common/stepNum.scss +21 -21
  19. package/css/common/tooltip.scss +89 -89
  20. package/css/common/uploading.scss +62 -62
  21. package/css/common/uploadingImg.scss +19 -19
  22. package/css/index.scss +3 -3
  23. package/css/pages/addressDetail.scss +79 -79
  24. package/css/pages/addressList.scss +71 -71
  25. package/css/pages/addressListGroup/addressListBtn.scss +15 -15
  26. package/css/pages/addressListGroup/index.scss +1 -1
  27. package/css/pages/afterSalesApplyGroup/afterSalesApply.scss +199 -199
  28. package/css/pages/afterSalesApplyGroup/index.scss +1 -1
  29. package/css/pages/afterSalesDetailGroup/afterSalesDetail.scss +203 -203
  30. package/css/pages/afterSalesDetailGroup/index.scss +1 -1
  31. package/css/pages/afterSalesListGroup/afterSalesList.scss +99 -99
  32. package/css/pages/afterSalesListGroup/index.scss +1 -1
  33. package/css/pages/afterSalesTypeGroup/afterSalesType.scss +126 -126
  34. package/css/pages/afterSalesTypeGroup/index.scss +1 -1
  35. package/css/pages/agreement.scss +13 -13
  36. package/css/pages/articleDetail.scss +26 -26
  37. package/css/pages/basic/backTopGroup/backTop.scss +3 -3
  38. package/css/pages/basic/backTopGroup/index.scss +1 -1
  39. package/css/pages/cart.scss +392 -392
  40. package/css/pages/classifyNavGroup/classifyNav.scss +19 -19
  41. package/css/pages/classifyNavGroup/classifyNavOne.scss +17 -17
  42. package/css/pages/classifyNavGroup/classifyNavThree.scss +36 -36
  43. package/css/pages/classifyNavGroup/classifyNavTwo.scss +28 -28
  44. package/css/pages/classifyNavGroup/index.scss +4 -4
  45. package/css/pages/collectionList.scss +137 -137
  46. package/css/pages/couponList.scss +237 -237
  47. package/css/pages/cube.scss +132 -132
  48. package/css/pages/evaluateDetail.scss +173 -173
  49. package/css/pages/evaluateEntry.scss +57 -57
  50. package/css/pages/evaluateList.scss +88 -88
  51. package/css/pages/expressinfo.scss +56 -56
  52. package/css/pages/footprint.scss +116 -116
  53. package/css/pages/goods.scss +92 -92
  54. package/css/pages/goodsClassifyGroup/goodsClassify.scss +160 -160
  55. package/css/pages/goodsClassifyGroup/goodsClassifyOne.scss +127 -127
  56. package/css/pages/goodsClassifyGroup/goodsClassifyTwo.scss +62 -62
  57. package/css/pages/goodsClassifyGroup/index.scss +3 -3
  58. package/css/pages/goodsDetail.scss +533 -533
  59. package/css/pages/goodsDetailGroup/GoodsDetailHandleBarOne.scss +61 -61
  60. package/css/pages/goodsDetailGroup/GoodsDetailInfoOne.scss +42 -42
  61. package/css/pages/goodsDetailGroup/index.scss +3 -3
  62. package/css/pages/goodsDetailGroup/share.scss +64 -64
  63. package/css/pages/goodsDetailTopInfo.scss +49 -49
  64. package/css/pages/goodsGroup/goodsSlider.scss +54 -54
  65. package/css/pages/goodsGroup/goodsSlideshow.scss +88 -88
  66. package/css/pages/goodsGroup/index.scss +2 -2
  67. package/css/pages/goodsList.scss +126 -126
  68. package/css/pages/index.scss +65 -65
  69. package/css/pages/lineGroup/index.scss +1 -1
  70. package/css/pages/lineGroup/textLine.scss +19 -19
  71. package/css/pages/marketingGroup/getCouponOne.scss +121 -121
  72. package/css/pages/marketingGroup/index.scss +2 -2
  73. package/css/pages/marketingGroup/promotionListTab.scss +10 -10
  74. package/css/pages/memberSignin.scss +121 -121
  75. package/css/pages/mine.scss +92 -92
  76. package/css/pages/mineData.scss +49 -49
  77. package/css/pages/mineFunction.scss +37 -37
  78. package/css/pages/mineOrderEntry.scss +50 -50
  79. package/css/pages/mySettingGroup/index.scss +1 -1
  80. package/css/pages/mySettingGroup/mySetting.scss +23 -23
  81. package/css/pages/noticeDetail.scss +23 -23
  82. package/css/pages/order-goodsItem.scss +20 -20
  83. package/css/pages/orderDetail.scss +192 -192
  84. package/css/pages/orderEntry.scss +46 -46
  85. package/css/pages/orderList.scss +115 -115
  86. package/css/pages/paymentMode.scss +75 -75
  87. package/css/pages/placeOrder.scss +152 -152
  88. package/css/pages/placeOrderGroup.scss +249 -249
  89. package/css/pages/placeOrderResult.scss +101 -101
  90. package/css/pages/refundGroup/index.scss +1 -1
  91. package/css/pages/refundGroup/refundAfter.scss +13 -13
  92. package/css/pages/refundOnlyGroup/index.scss +1 -1
  93. package/css/pages/refundOnlyGroup/refundOnly.scss +20 -20
  94. package/css/pages/search.scss +15 -15
  95. package/css/pages/searchPage.scss +78 -78
  96. package/css/pages/searchStyleTwo.scss +23 -23
  97. package/css/pages/service.scss +4 -4
  98. package/css/pages/signinDetail.scss +168 -168
  99. package/css/pages/slider.scss +78 -78
  100. package/css/pages/title.scss +6 -6
  101. package/css/theme/regular.scss +2 -2
  102. package/css/variables/default.scss +55 -55
  103. package/dist/components/basic/classify-nav-group/classify-nav/index.d.ts +1 -0
  104. package/dist/index.js +1 -1
  105. package/package.json +54 -54
@@ -1,121 +1,121 @@
1
- .getCouponOne {
2
- .OneLineOneBlc {
3
- background: #ffffff;
4
- display: flex;
5
- min-height: 88px;
6
- border: 1px solid #000;
7
- box-sizing: border-box;
8
- margin: 10px;
9
-
10
- .lPart {
11
- flex: 1;
12
- padding: 23px;
13
- box-sizing: border-box;
14
- display: flex;
15
- justify-content: space-between;
16
-
17
- .intro {
18
- font-weight: bold;
19
- border-right: 1px dashed #000;
20
- padding-right: 23px;
21
-
22
- .type {
23
- font-size: 18px;
24
- margin-bottom: 4px;
25
- }
26
-
27
- .rule {
28
- font-size: 12px;
29
- }
30
- }
31
-
32
- .info {
33
- flex: 1;
34
- padding-left: 23px;
35
- display: flex;
36
- flex-direction: column;
37
-
38
- .title {
39
- font-weight: bold;
40
- font-size: 14px;
41
- color: #333;
42
- }
43
-
44
- .validity {
45
- font-size: 12px;
46
- color: #999;
47
- }
48
- }
49
- }
50
-
51
- .rPart {
52
- width: 40px;
53
- background: #000000;
54
- color: #fff;
55
- display: flex;
56
- align-items: center;
57
-
58
- .txt {
59
- writing-mode: vertical-rl;
60
- text-align: center;
61
- margin: 0 auto;
62
- height: 88px;
63
- }
64
- }
65
- }
66
-
67
- .oneLineTwoBlc {
68
- display: grid;
69
- grid-template-columns: repeat(2, 1fr);
70
- gap: 10px;
71
-
72
- .oneLineTwoBlcItem {
73
- height: 114px;
74
- display: flex;
75
- justify-content: space-between;
76
- border: 1px solid #000;
77
- box-sizing: border-box;
78
-
79
- .lPart {
80
- padding: 14px 8px;
81
-
82
- .price {
83
- font-weight: bold;
84
- margin-bottom: 10px;
85
-
86
- .num {
87
- font-size: 27px;
88
- display: inline-block;
89
- }
90
- }
91
-
92
- .info {
93
- font-size: 14px;
94
- font-weight: bold;
95
- color: #333;
96
- margin-bottom: 8px;
97
- }
98
-
99
- .condition {
100
- color: #999;
101
- font-size: 12px;
102
- }
103
- }
104
-
105
- .rPart {
106
- width: 40px;
107
- height: 100%;
108
- line-height: 100%;
109
- background: #000000;
110
- color: #fff;
111
-
112
- .txt {
113
- writing-mode: vertical-rl;
114
- text-align: center;
115
- margin: 0 auto;
116
- height: inherit;
117
- }
118
- }
119
- }
120
- }
121
- }
1
+ .getCouponOne {
2
+ .OneLineOneBlc {
3
+ background: #ffffff;
4
+ display: flex;
5
+ min-height: 88px;
6
+ border: 1px solid #000;
7
+ box-sizing: border-box;
8
+ margin: 10px;
9
+
10
+ .lPart {
11
+ flex: 1;
12
+ padding: 23px;
13
+ box-sizing: border-box;
14
+ display: flex;
15
+ justify-content: space-between;
16
+
17
+ .intro {
18
+ font-weight: bold;
19
+ border-right: 1px dashed #000;
20
+ padding-right: 23px;
21
+
22
+ .type {
23
+ font-size: 18px;
24
+ margin-bottom: 4px;
25
+ }
26
+
27
+ .rule {
28
+ font-size: 12px;
29
+ }
30
+ }
31
+
32
+ .info {
33
+ flex: 1;
34
+ padding-left: 23px;
35
+ display: flex;
36
+ flex-direction: column;
37
+
38
+ .title {
39
+ font-weight: bold;
40
+ font-size: 14px;
41
+ color: #333;
42
+ }
43
+
44
+ .validity {
45
+ font-size: 12px;
46
+ color: #999;
47
+ }
48
+ }
49
+ }
50
+
51
+ .rPart {
52
+ width: 40px;
53
+ background: #000000;
54
+ color: #fff;
55
+ display: flex;
56
+ align-items: center;
57
+
58
+ .txt {
59
+ writing-mode: vertical-rl;
60
+ text-align: center;
61
+ margin: 0 auto;
62
+ height: 88px;
63
+ }
64
+ }
65
+ }
66
+
67
+ .oneLineTwoBlc {
68
+ display: grid;
69
+ grid-template-columns: repeat(2, 1fr);
70
+ gap: 10px;
71
+
72
+ .oneLineTwoBlcItem {
73
+ height: 114px;
74
+ display: flex;
75
+ justify-content: space-between;
76
+ border: 1px solid #000;
77
+ box-sizing: border-box;
78
+
79
+ .lPart {
80
+ padding: 14px 8px;
81
+
82
+ .price {
83
+ font-weight: bold;
84
+ margin-bottom: 10px;
85
+
86
+ .num {
87
+ font-size: 27px;
88
+ display: inline-block;
89
+ }
90
+ }
91
+
92
+ .info {
93
+ font-size: 14px;
94
+ font-weight: bold;
95
+ color: #333;
96
+ margin-bottom: 8px;
97
+ }
98
+
99
+ .condition {
100
+ color: #999;
101
+ font-size: 12px;
102
+ }
103
+ }
104
+
105
+ .rPart {
106
+ width: 40px;
107
+ height: 100%;
108
+ line-height: 100%;
109
+ background: #000000;
110
+ color: #fff;
111
+
112
+ .txt {
113
+ writing-mode: vertical-rl;
114
+ text-align: center;
115
+ margin: 0 auto;
116
+ height: inherit;
117
+ }
118
+ }
119
+ }
120
+ }
121
+ }
@@ -1,2 +1,2 @@
1
- @import './getCouponOne';
2
- @import './promotionListTab';
1
+ @import './getCouponOne';
2
+ @import './promotionListTab';
@@ -1,10 +1,10 @@
1
- .promotionListTab {
2
- display: flex;
3
-
4
- .promotionListTabItem {
5
- flex: 1;
6
- height: 43px;
7
- line-height: 43px;
8
- text-align: center;
9
- }
10
- }
1
+ .promotionListTab {
2
+ display: flex;
3
+
4
+ .promotionListTabItem {
5
+ flex: 1;
6
+ height: 43px;
7
+ line-height: 43px;
8
+ text-align: center;
9
+ }
10
+ }
@@ -1,121 +1,121 @@
1
- .memberSignin {
2
- background-color: #ffffff;
3
- padding: 20px 15px;
4
- box-sizing: border-box;
5
-
6
- // 上面:年月日显示
7
- .signinHeader {
8
- margin-bottom: 20px;
9
-
10
- .dateText {
11
- font-size: 18px;
12
- font-weight: 500;
13
- color: #232323;
14
- }
15
- }
16
-
17
- // 中间:日历内容
18
- .signinCalendar {
19
- margin-bottom: 30px;
20
-
21
- // 星期标题
22
- .weekDays {
23
- display: flex;
24
- justify-content: space-around;
25
- margin-bottom: 15px;
26
-
27
- .weekDay {
28
- flex: 1;
29
- text-align: center;
30
-
31
- Text {
32
- font-size: 14px;
33
- color: #666666;
34
- }
35
- }
36
- }
37
-
38
- // 日期网格
39
- .calendarGrid {
40
- display: flex;
41
- flex-wrap: wrap;
42
-
43
- .calendarDay {
44
- position: relative;
45
- width: calc(100% / 7);
46
- aspect-ratio: 1;
47
- display: flex;
48
- align-items: center;
49
- justify-content: center;
50
- box-sizing: border-box;
51
-
52
- .dayNumber {
53
- font-size: 14px;
54
- color: #232323;
55
- }
56
-
57
- // 非当前月份的日期
58
- &.otherMonth {
59
- .dayNumber {
60
- color: #d9d9d9;
61
- }
62
- }
63
-
64
- // 当天突出显示(背景色和文字颜色在组件中动态设置)
65
- &.today {
66
- border-radius: 4px;
67
- background-color: #e6f7ff;
68
-
69
- .dayNumber {
70
- font-weight: 600;
71
- }
72
- }
73
-
74
- // 已签到的日期(图标样式已在组件中设置)
75
- }
76
- }
77
- }
78
-
79
- // 下面:签到按钮
80
- .signinButtonWrapper {
81
- display: flex;
82
- flex-direction: column;
83
- align-items: center;
84
- gap: 8px;
85
-
86
- .pointsTip {
87
- margin-bottom: 4px;
88
-
89
- .pointsTipText {
90
- font-size: 13px;
91
- color: #666666;
92
- Text {
93
- font-size: 15px;
94
- color: #fa8c16;
95
- font-weight: 500;
96
- }
97
- }
98
- }
99
-
100
- .signinButton {
101
- width: 100%;
102
- height: 44px;
103
- line-height: 44px;
104
- text-align: center;
105
- font-size: 16px;
106
- color: #ffffff;
107
- border: none;
108
- cursor: pointer;
109
- transition: opacity 0.3s;
110
-
111
- &:disabled {
112
- cursor: not-allowed;
113
- opacity: 0.6;
114
- }
115
-
116
- &:not(:disabled):active {
117
- opacity: 0.8;
118
- }
119
- }
120
- }
121
- }
1
+ .memberSignin {
2
+ background-color: #ffffff;
3
+ padding: 20px 15px;
4
+ box-sizing: border-box;
5
+
6
+ // 上面:年月日显示
7
+ .signinHeader {
8
+ margin-bottom: 20px;
9
+
10
+ .dateText {
11
+ font-size: 18px;
12
+ font-weight: 500;
13
+ color: #232323;
14
+ }
15
+ }
16
+
17
+ // 中间:日历内容
18
+ .signinCalendar {
19
+ margin-bottom: 30px;
20
+
21
+ // 星期标题
22
+ .weekDays {
23
+ display: flex;
24
+ justify-content: space-around;
25
+ margin-bottom: 15px;
26
+
27
+ .weekDay {
28
+ flex: 1;
29
+ text-align: center;
30
+
31
+ Text {
32
+ font-size: 14px;
33
+ color: #666666;
34
+ }
35
+ }
36
+ }
37
+
38
+ // 日期网格
39
+ .calendarGrid {
40
+ display: flex;
41
+ flex-wrap: wrap;
42
+
43
+ .calendarDay {
44
+ position: relative;
45
+ width: calc(100% / 7);
46
+ aspect-ratio: 1;
47
+ display: flex;
48
+ align-items: center;
49
+ justify-content: center;
50
+ box-sizing: border-box;
51
+
52
+ .dayNumber {
53
+ font-size: 14px;
54
+ color: #232323;
55
+ }
56
+
57
+ // 非当前月份的日期
58
+ &.otherMonth {
59
+ .dayNumber {
60
+ color: #d9d9d9;
61
+ }
62
+ }
63
+
64
+ // 当天突出显示(背景色和文字颜色在组件中动态设置)
65
+ &.today {
66
+ border-radius: 4px;
67
+ background-color: #e6f7ff;
68
+
69
+ .dayNumber {
70
+ font-weight: 600;
71
+ }
72
+ }
73
+
74
+ // 已签到的日期(图标样式已在组件中设置)
75
+ }
76
+ }
77
+ }
78
+
79
+ // 下面:签到按钮
80
+ .signinButtonWrapper {
81
+ display: flex;
82
+ flex-direction: column;
83
+ align-items: center;
84
+ gap: 8px;
85
+
86
+ .pointsTip {
87
+ margin-bottom: 4px;
88
+
89
+ .pointsTipText {
90
+ font-size: 13px;
91
+ color: #666666;
92
+ Text {
93
+ font-size: 15px;
94
+ color: #fa8c16;
95
+ font-weight: 500;
96
+ }
97
+ }
98
+ }
99
+
100
+ .signinButton {
101
+ width: 100%;
102
+ height: 44px;
103
+ line-height: 44px;
104
+ text-align: center;
105
+ font-size: 16px;
106
+ color: #ffffff;
107
+ border: none;
108
+ cursor: pointer;
109
+ transition: opacity 0.3s;
110
+
111
+ &:disabled {
112
+ cursor: not-allowed;
113
+ opacity: 0.6;
114
+ }
115
+
116
+ &:not(:disabled):active {
117
+ opacity: 0.8;
118
+ }
119
+ }
120
+ }
121
+ }
@@ -1,92 +1,92 @@
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;
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
-
49
- .menuList {
50
- padding: 25px 13px 34px;
51
- box-sizing: border-box;
52
-
53
- .menuListItem {
54
- margin-bottom: 20px;
55
- display: flex;
56
- justify-content: space-between;
57
- align-items: center;
58
-
59
- .lPart {
60
- display: flex;
61
- align-items: center;
62
-
63
- .icon {
64
- margin-right: 12px;
65
- }
66
-
67
- .label {
68
- font-size: 15px;
69
- color: #232323;
70
- }
71
- }
72
-
73
- .tag {
74
- width: 6px;
75
- height: 10px;
76
- //background-color: yellowgreen;
77
- }
78
-
79
- &:last-child {
80
- margin-bottom: 0;
81
- }
82
- }
83
- }
84
-
85
- .banner {
86
- width: 100%;
87
- height: 130px;
88
- border: 1px solid #333333;
89
- border-radius: 10px;
90
- overflow: hidden;
91
- }
92
- }
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;
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
+
49
+ .menuList {
50
+ padding: 25px 13px 34px;
51
+ box-sizing: border-box;
52
+
53
+ .menuListItem {
54
+ margin-bottom: 20px;
55
+ display: flex;
56
+ justify-content: space-between;
57
+ align-items: center;
58
+
59
+ .lPart {
60
+ display: flex;
61
+ align-items: center;
62
+
63
+ .icon {
64
+ margin-right: 12px;
65
+ }
66
+
67
+ .label {
68
+ font-size: 15px;
69
+ color: #232323;
70
+ }
71
+ }
72
+
73
+ .tag {
74
+ width: 6px;
75
+ height: 10px;
76
+ //background-color: yellowgreen;
77
+ }
78
+
79
+ &:last-child {
80
+ margin-bottom: 0;
81
+ }
82
+ }
83
+ }
84
+
85
+ .banner {
86
+ width: 100%;
87
+ height: 130px;
88
+ border: 1px solid #333333;
89
+ border-radius: 10px;
90
+ overflow: hidden;
91
+ }
92
+ }