s-material-react 2.2.63 → 2.2.65

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.
@@ -1,126 +1,135 @@
1
- @import './order-goodsItem.scss';
2
-
3
- .order-container {
4
- height: 100%;
5
- overflow: hidden;
6
-
7
- .qj-tabs {
8
- .default-item {
9
- font-size: 11px;
10
- }
11
- .default-item {
12
- border-width: 0;
13
- color: #333333;
14
- }
15
- .actived-item {
16
- color: #34c0bc;
17
- border-color: #34c0bc !important;
18
- border-width: 2px;
19
- }
20
- }
21
-
22
- .orderList {
23
- .tabTitle {
24
- --title-font-size: 15px;
25
- }
26
-
27
- .orderListItemWrap {
28
- //overflow-y: auto;
29
- //margin-bottom: 20px;
30
- .nodata_img {
31
- width: 100%;
32
- display: flex;
33
- flex-direction: column;
34
- justify-content: center;
35
- align-items: center;
36
-
37
- .img {
38
- width: 200px;
39
- height: 200px;
40
- margin-top: 20px;
41
- }
42
- }
43
-
44
- .nodata-btn {
45
- margin-top: 20px;
46
- width: 150px;
47
- height: 50px;
48
- line-height: 50px;
49
- text-align: center;
50
- background-color: #34c0bc;
51
- color: #ffffff;
52
- border-radius: 30px;
53
- font-size: 18px;
54
- }
55
-
56
- .orderListItem {
57
- margin-left: 12px;
58
- margin-right: 12px;
59
- background: #fff;
60
- padding: 15px 15px 10px 15px;
61
- border-radius: 10px;
62
-
63
- .topInfo {
64
- display: flex;
65
- height: 20px;
66
- line-height: 20px;
67
- justify-content: space-between;
68
- margin-bottom: 12px;
69
- align-items: center;
70
-
71
- .orderNo {
72
- font-size: 14px;
73
- display: flex;
74
- align-items: center;
75
-
76
- .copy {
77
- color: #fff;
78
- padding: 0 4px;
79
- margin-left: 5px;
80
- background-color: #34c0bc;
81
- border-color: #34c0bc;
82
- border-radius: 2px;
83
- font-size: 12px;
84
- }
85
- }
86
-
87
- .status {
88
- font-size: 14px;
89
- font-weight: bold;
90
- color: #ff1643;
91
- }
92
- }
93
-
94
- .goodsItemWrap {
95
- padding-bottom: 6px;
96
- margin-bottom: 10px;
97
-
98
- .card-item {
99
- margin-top: 10px;
100
- &:first-of-type {
101
- margin-top: unset;
102
- }
103
- }
104
- }
105
-
106
- .allInfo {
107
- display: flex;
108
- justify-content: space-between;
109
- margin-bottom: 10px;
110
- margin-top: 10px;
111
-
112
- .totalNum {
113
- font-size: 12px;
114
- color: #999;
115
- }
116
-
117
- .totalPrice {
118
- font-size: 14px;
119
- color: #000;
120
- line-height: 20px;
121
- }
122
- }
123
- }
124
- }
125
- }
126
- }
1
+ @import './order-goodsItem.scss';
2
+
3
+ .order-container {
4
+ height: 100%;
5
+ display: flex;
6
+ flex-direction: column;
7
+
8
+ .qj-tabs {
9
+ position: sticky;
10
+ top: 78px;
11
+ left: 0;
12
+ z-index: 999;
13
+ width: 100%;
14
+ background: #F0F4F7;
15
+ .default-item {
16
+ font-size: 11px;
17
+ }
18
+ .default-item {
19
+ border-width: 0;
20
+ color: #333333;
21
+ }
22
+ .actived-item {
23
+ color: #34c0bc;
24
+ border-color: #34c0bc !important;
25
+ border-width: 2px;
26
+ }
27
+ }
28
+
29
+ .orderList {
30
+ flex: 1;
31
+ overflow-y: auto;
32
+ .tabTitle {
33
+ --title-font-size: 15px;
34
+ }
35
+
36
+ .orderListItemWrap {
37
+ //overflow-y: auto;
38
+ //margin-bottom: 20px;
39
+ .nodata_img {
40
+ width: 100%;
41
+ display: flex;
42
+ flex-direction: column;
43
+ justify-content: center;
44
+ align-items: center;
45
+
46
+ .img {
47
+ width: 200px;
48
+ height: 200px;
49
+ margin-top: 20px;
50
+ }
51
+ }
52
+
53
+ .nodata-btn {
54
+ margin-top: 20px;
55
+ width: 150px;
56
+ height: 50px;
57
+ line-height: 50px;
58
+ text-align: center;
59
+ background-color: #34c0bc;
60
+ color: #ffffff;
61
+ border-radius: 30px;
62
+ font-size: 18px;
63
+ }
64
+
65
+ .orderListItem {
66
+ margin-left: 12px;
67
+ margin-right: 12px;
68
+ background: #fff;
69
+ padding: 15px 15px 10px 15px;
70
+ border-radius: 10px;
71
+
72
+ .topInfo {
73
+ display: flex;
74
+ height: 20px;
75
+ line-height: 20px;
76
+ justify-content: space-between;
77
+ margin-bottom: 12px;
78
+ align-items: center;
79
+
80
+ .orderNo {
81
+ font-size: 14px;
82
+ display: flex;
83
+ align-items: center;
84
+
85
+ .copy {
86
+ color: #fff;
87
+ padding: 0 4px;
88
+ margin-left: 5px;
89
+ background-color: #34c0bc;
90
+ border-color: #34c0bc;
91
+ border-radius: 2px;
92
+ font-size: 12px;
93
+ }
94
+ }
95
+
96
+ .status {
97
+ font-size: 14px;
98
+ font-weight: bold;
99
+ color: #ff1643;
100
+ }
101
+ }
102
+
103
+ .goodsItemWrap {
104
+ padding-bottom: 6px;
105
+ margin-bottom: 10px;
106
+
107
+ .card-item {
108
+ margin-top: 10px;
109
+ &:first-of-type {
110
+ margin-top: unset;
111
+ }
112
+ }
113
+ }
114
+
115
+ .allInfo {
116
+ display: flex;
117
+ justify-content: space-between;
118
+ margin-bottom: 10px;
119
+ margin-top: 10px;
120
+
121
+ .totalNum {
122
+ font-size: 12px;
123
+ color: #999;
124
+ }
125
+
126
+ .totalPrice {
127
+ font-size: 14px;
128
+ color: #000;
129
+ line-height: 20px;
130
+ }
131
+ }
132
+ }
133
+ }
134
+ }
135
+ }