@uxda/appkit 1.2.72 → 1.2.75

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 (39) hide show
  1. package/dist/appkit.css +1862 -1559
  2. package/dist/assets/asset-BnRbHhKf +88 -0
  3. package/dist/index.js +3041 -558
  4. package/package.json +2 -1
  5. package/src/balance/api/endpoints.ts +44 -44
  6. package/src/balance/types.ts +42 -42
  7. package/src/components/bt-cropper/index.vue +774 -0
  8. package/src/components/bt-cropper/utils/calcCropper.js +42 -0
  9. package/src/components/bt-cropper/utils/calcImagePosition.js +23 -0
  10. package/src/components/bt-cropper/utils/calcImageSize.js +37 -0
  11. package/src/components/bt-cropper/utils/calcPointDistance.js +12 -0
  12. package/src/components/bt-cropper/utils/calcRightAndBottom.js +7 -0
  13. package/src/components/bt-cropper/utils/ratio.js +3 -0
  14. package/src/components/bt-cropper/utils/tools.js +25 -0
  15. package/src/components/dd-search/index.vue +3 -3
  16. package/src/index.ts +1 -0
  17. package/src/notice/components/NoticeBanner.vue +1 -1
  18. package/src/notice/components/NoticeList.vue +4 -4
  19. package/src/notice/components/index.ts +1 -2
  20. package/src/shared/components/DeviceVersion.vue +3 -2
  21. package/src/shared/composables/index.ts +3 -0
  22. package/src/shared/composables/useCountdown.ts +46 -0
  23. package/src/shared/composables/useDragBox.ts +88 -0
  24. package/src/shared/composables/useEncode.ts +43 -0
  25. package/src/shared/composables/useValidator.ts +31 -0
  26. package/src/shared/http/Http.ts +4 -3
  27. package/src/user/api/endpoints.ts +17 -0
  28. package/src/user/api/index.ts +86 -0
  29. package/src/{notice → user}/components/LoginSetting.vue +1 -0
  30. package/src/user/components/UserBinding.vue +300 -0
  31. package/src/user/components/UserBindingSuccess.vue +80 -0
  32. package/src/user/components/UserEntry.vue +129 -0
  33. package/src/user/components/UserFeedback.vue +410 -0
  34. package/src/user/components/UserFeedbackEntry.vue +137 -0
  35. package/src/user/components/UserHeadCrop.vue +65 -0
  36. package/src/user/components/UserInfo.vue +612 -0
  37. package/src/user/components/UserResourceEmpty.vue +74 -0
  38. package/src/user/components/index.ts +21 -0
  39. package/src/user/index.ts +1 -0
package/dist/appkit.css CHANGED
@@ -1,1759 +1,2261 @@
1
- .user-entry {
2
- position: absolute;
3
- left: 0;
4
- top: 130px;
5
- transform: translateY(-50%);
6
- display: flex;
7
- padding: 0 22px;
8
- align-items: center;
9
- width: 100%;
1
+ .amount-picker {
2
+ padding: 14px 0 14px 14px;
10
3
  }
11
- .user-entry-head {
12
- position: relative;
13
- width: 65px;
14
- height: 65px;
15
- margin-right: 8px;
4
+ .amount-picker .nut-grid-item__content {
5
+ border: solid 2px transparent;
6
+ background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom, rgba(204, 204, 204, 0.5333333333), rgba(204, 204, 204, 0.5333333333)) border-box;
7
+ border-radius: 5px;
16
8
  }
17
- .user-entry-head-img {
18
- width: 100%;
19
- height: 100%;
20
- overflow: hidden;
21
- border-radius: 50%;
9
+ .amount-picker .tile {
10
+ height: 80px;
22
11
  }
23
- .user-entry-head-icon {
24
- position: absolute;
25
- width: 15px;
26
- height: 15px;
27
- bottom: 2px;
28
- left: 48px;
29
- background: url("https://cdn.ddjf.com/static/images/wx-yunservice/edit-icon.png") center;
30
- background-size: cover;
12
+ .amount-picker .tile.selected .nut-grid-item__content {
13
+ background: linear-gradient(#FFF7E3, #FEFDE6) padding-box, linear-gradient(to bottom, #efd082, #ffb877) border-box;
31
14
  }
32
- .user-entry-bd {
33
- color: #fff;
15
+ .amount-picker h4.token-line {
16
+ background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
17
+ background-size: 20px;
18
+ background-repeat: no-repeat;
19
+ background-position: left center;
20
+ padding-left: 24px;
21
+ color: #FD6701;
22
+ font-weight: 600;
23
+ line-height: 25px;
24
+ font-size: 18px;
34
25
  }
35
- .user-entry-bd-bigtxt {
36
- display: flex;
37
- align-items: center;
38
- font-size: 20px;
39
- font-weight: 500;
40
- line-height: 28px;
41
- margin-left: 10px;
26
+ .amount-picker h5 {
27
+ line-height: 18px;
28
+ color: #353535;
29
+ font-weight: 600;
30
+ opacity: 0.6;
31
+ margin-top: 4px;
32
+ font-size: 12px;
42
33
  }
43
- .user-entry-bd-bigtxt-icon {
44
- width: 20px;
34
+ .agreement-doc {
35
+ padding: 1em;
36
+ font-size: 12px;
45
37
  }
46
- .user-entry-bd-txt {
47
- font-size: 20px;
48
- font-weight: 500;
49
- line-height: 25px;
50
- margin-bottom: 5px;
38
+ .agreement-doc .bold {
39
+ font-weight: bold;
51
40
  }
52
- .user-entry-bd-smalltxt {
53
- margin-top: 0;
54
- font-size: 15px;
55
- line-height: 21px;
41
+ .agreement-doc h1 {
42
+ font-size: 20px;
43
+ margin-top: 1em;
56
44
  }
57
-
58
- .user-info {
59
- padding: 0 12px;
60
- padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
45
+ .agreement-doc p {
46
+ margin: 0;
61
47
  }
62
- .user-info-tit {
63
- height: 38px;
48
+ .page-header {
64
49
  display: flex;
65
- align-items: center;
66
- color: #666666;
67
- font-size: 12px;
68
- padding-left: 10px;
69
- }
70
- .user-info-head {
71
- border-radius: 5px;
72
- background: #fff;
73
- padding: 60px 11px 0;
74
- }
75
- .user-info-head-avatar {
76
50
  position: relative;
77
- width: 80px;
78
- height: 80px;
79
- margin: 0 auto 60px;
51
+ align-items: center;
52
+ padding-top: var(--top);
53
+ min-height: var(--height);
80
54
  }
81
- .user-info-head-img {
55
+ .page-header .page-title {
56
+ position: absolute;
57
+ font-size: 18px;
58
+ height: var(--height);
59
+ line-height: var(--height);
60
+ top: var(--top);
82
61
  width: 100%;
83
- height: 100%;
84
- overflow: hidden;
85
- border-radius: 50%;
62
+ text-align: center;
86
63
  }
87
- .user-info-head-upload {
64
+ .page-header .back-button {
88
65
  position: absolute;
89
- bottom: -2px;
90
- left: 52px;
91
- width: 29px;
92
- height: 29px;
93
- background: #333333;
94
- overflow: hidden;
95
- border-radius: 50%;
96
- display: flex;
97
- align-items: center;
98
- justify-content: center;
66
+ top: var(--top);
67
+ left: 10px;
68
+ width: var(--height);
69
+ height: var(--height);
70
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg3OCA0MUw0MC45OTk5IDQxTDQwLjk5OTkgMUwwLjk5OTg3OCAxTDAuOTk5ODc4IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTMzIDE4Ljk0NzdDMTEuODYzMyAyMC4wMTQ1IDExLjgxMiAyMS43OTU0IDEyLjg3ODggMjIuOTI1NUwyNy45MTA1IDM3LjEzNDVDMjguNjkyNSAzNy44NzM0IDI5LjkyNTUgMzcuODM4NCAzMC42NjQ0IDM3LjA1NjRDMzEuMzY4MSAzNi4zMTE2IDMxLjM2OTkgMzUuMTU3OSAzMC42OTI5IDM0LjQxMTRMMTYuNTAxMiAyMC45OTM5TDMwLjU4NTcgNy42OTc4NUMzMS4zMzA4IDYuOTk0NDkgMzEuMjk4MiA1LjcyNzk1IDMwLjY2NDkgNC45NDQwMkMyOS45NjE2IDQuMTk4OTUgMjguODA5OCA0LjEzMTI5IDI4LjAyNTkgNC43NjQ1MkwxMi45OTMzIDE4Ljk0NzdaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
71
+ background-size: 50%;
72
+ background-repeat: no-repeat;
73
+ background-position: center center;
99
74
  }
100
- .user-info-head-upload-icon {
101
- width: 17px;
102
- height: 17px;
75
+ .page-header.color-mode-dark {
76
+ color: var(--text-color-dark-mode, #fff);
103
77
  }
104
- .user-info-team-item {
105
- border-radius: 5px;
106
- background: #fff;
78
+ .page-header.color-mode-dark .back-button {
79
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg0NyA0MUw0MC45OTk4IDQxTDQwLjk5OTggMUwwLjk5OTg0NyAxTDAuOTk5ODQ3IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTM0IDE4Ljk0NzVDMTEuODYzNCAyMC4wMTQzIDExLjgxMjEgMjEuNzk1MiAxMi44Nzg5IDIyLjkyNTJMMjcuOTEwNiAzNy4xMzQzQzI4LjY5MjcgMzcuODczMSAyOS45MjU2IDM3LjgzODIgMzAuNjY0NSAzNy4wNTYyQzMxLjM2ODIgMzYuMzExNCAzMS4zNyAzNS4xNTc2IDMwLjY5MyAzNC40MTExTDE2LjUwMTMgMjAuOTkzNkwzMC41ODU4IDcuNjk3NjFDMzEuMzMwOSA2Ljk5NDI0IDMxLjI5ODMgNS43Mjc3MSAzMC42NjUxIDQuOTQzNzdDMjkuOTYxNyA0LjE5ODcxIDI4LjgwOTkgNC4xMzEwNCAyOC4wMjYgNC43NjQyN0wxMi45OTM0IDE4Ljk0NzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
80
+ }
81
+ .app-drawer {
82
+ position: absolute;
107
83
  display: flex;
108
- padding: 15px;
109
- margin-bottom: 10px;
84
+ flex-direction: column;
110
85
  }
111
- .user-info-team-item-avatar {
112
- width: 38px;
113
- height: 38px;
114
- margin-right: 15px;
115
- border-radius: 5px;
86
+ .app-drawer.open {
87
+ height: 100vh;
116
88
  }
117
- .user-info-team-item-avatar-img {
118
- width: 100%;
119
- height: 100%;
89
+ .app-drawer .page-header {
90
+ flex-grow: 0;
91
+ background-color: #fff;
120
92
  }
121
- .user-info-team-item-title {
122
- font-size: 16px;
123
- font-weight: 500;
124
- margin-bottom: 5px;
93
+ .app-drawer .drawer-body {
94
+ flex-grow: 1;
95
+ overflow: scroll;
125
96
  }
126
- .user-info-team-item-app {
127
- margin-bottom: 8px;
97
+ .dd-notice-bar {
98
+ position: fixed;
99
+ top: 0;
100
+ left: 0;
101
+ z-index: 10;
102
+ font-size: 13px;
103
+ color: #ea5959;
128
104
  display: flex;
129
105
  align-items: center;
106
+ justify-content: center;
107
+ width: 100%;
108
+ min-height: 30px;
109
+ line-height: 18px;
110
+ padding: 6px 18px;
111
+ background: #ffe8d8;
112
+ box-sizing: border-box;
130
113
  }
131
- .user-info-team-item-app-tag {
132
- border: 1px solid rgba(53, 53, 53, 0.2);
133
- font-size: 10px;
134
- height: 18px;
135
- display: inline-flex;
136
- align-items: center;
114
+ .dd-notice-bar__close {
115
+ width: 22px;
116
+ height: 22px;
117
+ display: flex;
118
+ margin-right: -6px;
119
+ margin-left: 6px;
137
120
  justify-content: center;
138
- padding: 0 6px;
139
- border-radius: 2px;
140
- margin-right: 20px;
121
+ align-items: center;
141
122
  }
142
- .user-info-team-item-bd {
143
- flex: 1;
123
+ .dd-notice-bar__close-img {
124
+ width: 10px;
125
+ height: 10px;
144
126
  }
145
- .user-info-team-item-role-btn {
146
- color: var(--app-primary-color, #017fff);
147
- font-size: 10px;
148
- display: inline-flex;
149
- align-items: center;
127
+ .dd-notice-bar.close {
128
+ justify-content: space-between;
129
+ color: #fb970c;
130
+ background: #fff2d8;
150
131
  }
151
- .user-info-team-item-role-btn-icon {
152
- width: 12px;
153
- height: 12px;
154
- position: relative;
155
- top: 1px;
132
+ .dd-notice-bar.close .dd-notice-bar__txt {
133
+ text-align: left;
156
134
  }
157
- .user-info-team-item-role-btn-icon.showRole {
158
- transform: rotate(180deg);
135
+ .dd-notice-bar__txt {
136
+ flex: 1;
137
+ text-align: center;
138
+ opacity: 0.8;
139
+ display: flex;
140
+ align-items: center;
159
141
  }
160
- .user-info-team-item-role-item {
142
+ .recharge-view {
143
+ height: 100%;
161
144
  display: flex;
162
- font-size: 10px;
163
- padding: 10px;
164
- background: rgba(245, 245, 245, 0.5);
165
- border-radius: 5px;
166
- margin-bottom: 10px;
145
+ flex-direction: column;
167
146
  }
168
- .user-info-team-item-role-item-name {
169
- opacity: 0.5;
170
- white-space: nowrap;
171
- margin-right: 10px;
147
+ .recharge-view .flex-grow {
148
+ flex-grow: 1;
172
149
  }
173
- .user-info-team-item-role-item-info {
174
- flex: 1;
175
- color: #1a1a1a;
150
+ .recharge-view .amount-footer {
151
+ padding: 10px;
152
+ padding-bottom: 20px;
176
153
  }
177
- .user-info-team-item-user {
178
- margin-bottom: 4px;
154
+ .recharge-view .amount-footer .agreement {
179
155
  font-size: 12px;
180
156
  display: flex;
181
- align-items: center;
157
+ justify-content: center;
158
+ align-items: cebter;
159
+ height: 40px;
182
160
  }
183
- .user-info-team-item-user-icon {
184
- width: 10px;
185
- height: 10px;
186
- margin-left: 4px;
161
+ .recharge-view .amount-footer .recharge-button {
162
+ background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
163
+ color: #353535;
164
+ margin: 12px 0;
165
+ border: 0;
166
+ border-radius: 8px;
187
167
  }
188
- .user-info-team-item-dept {
189
- font-size: 10px;
190
- color: rgba(26, 26, 26, 0.8);
168
+ .recharge-view .amount-footer .nut-checkbox {
169
+ line-height: 40px;
191
170
  }
192
- .user-info-ft-btn {
193
- width: 100%;
194
- border-color: transparent !important;
195
- color: rgba(27, 63, 107, 0.8) !important;
171
+ .recharge-view .amount-footer .nut-checkbox__label {
172
+ margin-left: 8px;
173
+ flex: flex;
174
+ font-size: 12px;
196
175
  }
197
- .user-info .nut-cell {
198
- padding-top: 11px;
199
- padding-bottom: 11px;
200
- box-shadow: none;
201
- border-bottom: 1px solid #f0f0f0;
176
+ .recharge-view .amount-footer .link {
177
+ display: inline;
178
+ color: #FD6701;
202
179
  }
203
- .user-feedback {
204
- margin: 10px 12px;
205
- padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px));
180
+ .recharge-result {
181
+ background-color: #fff;
206
182
  height: 100vh;
183
+ padding-top: 120px;
207
184
  box-sizing: border-box;
208
- overflow: hidden;
209
185
  }
210
- .user-feedback-wrap {
211
- height: 100%;
212
- background: #fff;
186
+ .recharge-result .content {
213
187
  display: flex;
188
+ width: 100%;
189
+ height: fit-content;
214
190
  flex-direction: column;
215
- box-sizing: border-box;
216
- padding: 10px;
217
- border-radius: 5px;
191
+ justify-content: flex-start;
192
+ align-items: center;
218
193
  }
219
- .user-feedback-head {
220
- background: #f2f9ff;
221
- padding: 15px;
222
- border-radius: 2px;
223
- font-size: 12px;
224
- margin-bottom: 8px;
194
+ .recharge-result h2 {
195
+ font-size: 16px;
196
+ font-weight: bold;
197
+ margin-top: 20px;
225
198
  }
226
- .user-feedback-head-info {
227
- padding-left: 9px;
228
- text-indent: -9px;
199
+ .recharge-result .caption {
200
+ color: #353535;
201
+ opacity: 0.5;
202
+ margin-top: 8px;
229
203
  }
230
- .user-feedback-tit {
231
- height: 44px;
232
- display: flex;
233
- align-items: center;
234
- color: #1a1a1a;
235
- font-weight: 500;
236
- font-size: 17px;
204
+ .recharge-result .figure {
205
+ width: 100px;
206
+ height: 100px;
207
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjEyMDQgMTYuMjkxOUw3Ljk5ODg0IDEyLjczMjFMMTUuOTI5NCA1LjA1ODk3TDE5LjEyMDQgMTYuMjkxOVoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTEyLjgzNCAyMy40NjQyTDguNTQ2MzEgMjcuNTc3OEw3LjEyNzY1IDIxLjgwNzhMMTIuODM0IDIzLjQ2NDJaIiBmaWxsPSIjQ0FGQUVDIi8+Cjwvc3ZnPgo=");
237
208
  }
238
- .user-feedback-body {
239
- flex: 1;
240
- background: #f5f5f5;
241
- border-radius: 4px 4px 0px 0px;
242
- display: flex;
243
- flex-direction: column;
209
+ .recharge-result .back-button {
210
+ margin-top: 40px;
211
+ width: 128px;
212
+ }
213
+ .trade-picker {
214
+ padding: 14px 0 14px 14px;
215
+ }
216
+ .trade-picker .nut-grid-item__content {
217
+ border: solid 2px transparent;
218
+ background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom, rgba(204, 204, 204, 0.5333333333), rgba(204, 204, 204, 0.5333333333)) border-box;
219
+ border-radius: 5px;
220
+ }
221
+ .trade-picker .tile {
222
+ height: 80px;
223
+ position: relative;
244
224
  overflow: hidden;
245
225
  }
246
- .user-feedback-handle {
247
- border: 1px solid rgba(138, 138, 138, 0.1019607843);
248
- background: #ffffff;
249
- height: 30px;
250
- display: flex;
251
- align-items: center;
252
- padding: 3px 10px;
253
- border-radius: 4px 4px 0 0;
226
+ .trade-picker .tile.selected .nut-grid-item__content {
227
+ background: linear-gradient(#FFF7E3, #FEFDE6) padding-box, linear-gradient(to bottom, #efd082, #ffb877) border-box;
254
228
  }
255
- .user-feedback-handle-item {
256
- border-radius: 4px;
257
- color: #838383;
229
+ .trade-picker .tile .tag {
230
+ position: absolute;
231
+ left: 0;
232
+ top: 0;
233
+ background: linear-gradient(90deg, #FD6701 0%, #FF9349 100%);
234
+ color: #fff;
235
+ font-size: 10px;
236
+ padding: 0 10px;
237
+ line-height: 17px;
238
+ height: 17px;
239
+ border-radius: 10px 100px 100px 0px;
240
+ }
241
+ .trade-picker h4.token-line {
242
+ color: #FD6701;
243
+ font-weight: 600;
244
+ line-height: 25px;
245
+ font-size: 18px;
246
+ }
247
+ .trade-picker h5 {
248
+ line-height: 18px;
249
+ color: #353535;
250
+ font-weight: 600;
251
+ opacity: 0.6;
252
+ margin-top: 4px;
258
253
  font-size: 12px;
259
- padding: 0 5px;
260
- height: 24px;
261
- display: flex;
262
- align-items: center;
263
254
  }
264
- .user-feedback-handle-item-icon {
265
- width: 18px;
266
- height: 18px;
267
- margin-right: 6px;
255
+ @charset "UTF-8";
256
+ .recharge-view2 {
257
+ height: 100%;
258
+ display: flex;
259
+ flex-direction: column;
268
260
  }
269
- .user-feedback-handle-item:active {
270
- background: rgba(217, 217, 217, 0.2);
261
+ .recharge-view2 .flex-grow {
262
+ flex-grow: 1;
271
263
  }
272
- .user-feedback-editor {
264
+ .recharge-view2 .bean-buy {
265
+ margin: 0 15px;
273
266
  padding: 10px;
267
+ background: #FFFBF3;
268
+ border-radius: 5px;
269
+ display: flex;
270
+ justify-content: space-between;
271
+ align-items: center;
272
+ }
273
+ .recharge-view2 .bean-buy .left .title {
274
+ color: #FD6701;
274
275
  font-size: 14px;
275
- flex: 1;
276
- overflow-y: auto;
276
+ font-weight: 600;
277
+ line-height: 20px;
278
+ margin-bottom: 6px;
277
279
  }
278
- .user-feedback .ql-editor.ql-blank:before {
279
- color: rgba(0, 0, 0, 0.3);
280
- font-style: normal;
280
+ .recharge-view2 .bean-buy .left .amount {
281
+ color: #353535;
282
+ font-size: 13px;
283
+ line-height: 16px;
284
+ background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
285
+ background-repeat: no-repeat;
286
+ background-size: 16px 16px;
287
+ padding-left: 24px;
281
288
  }
282
- .user-feedback-footer {
283
- position: fixed;
284
- z-index: 10;
285
- bottom: 0;
286
- left: 0;
287
- width: 100%;
288
- min-height: 63px;
289
- background: #ffffff;
290
- box-shadow: 0 -3px 11px 0 rgba(224, 224, 224, 0.5);
291
- padding: 10px 12px calc(8px + env(safe-area-inset-bottom, 0px));
289
+ .recharge-view2 .bean-buy .right {
292
290
  display: flex;
293
- justify-content: space-between;
294
- box-sizing: border-box;
295
- }
296
- .user-feedback-footer-btn {
297
- flex: 1;
291
+ align-items: center;
298
292
  }
299
- .user-feedback-footer-btn:first-child {
293
+ .recharge-view2 .bean-buy .right .amount {
294
+ color: #353535;
295
+ font-size: 15px;
296
+ line-height: 20px;
300
297
  margin-right: 10px;
301
298
  }
302
- .user-head-crop {
303
- height: 100vh;
304
- }
305
- .user-head-crop-btns {
306
- position: absolute;
307
- bottom: 0;
308
- left: 0;
309
- width: 100%;
310
- height: 50px;
311
- padding: 0 20px;
312
- box-sizing: border-box;
313
- line-height: 50px;
299
+ .recharge-view2 .bean-buy .right .icon {
300
+ display: block;
301
+ width: 16px;
302
+ height: 16px;
303
+ font-size: 0;
314
304
  }
315
- .user-head-crop .cbtn {
316
- color: #fff;
305
+ .recharge-view2 .amount-footer {
306
+ padding: 10px 0;
307
+ padding-bottom: 20px;
317
308
  }
318
- .user-head-crop .comfirmBtn {
319
- color: var(--app-primary-color, #017fff);
309
+ .recharge-view2 .amount-footer .agreement {
310
+ font-size: 12px;
311
+ display: flex;
312
+ justify-content: center;
313
+ align-items: cebter;
314
+ height: 40px;
320
315
  }
321
- .bt-container {
316
+ .recharge-view2 .amount-footer .buy-amount {
322
317
  display: flex;
323
- flex-direction: column;
324
318
  justify-content: space-between;
325
- height: 100%;
326
- box-sizing: border-box;
327
- background-color: #0e1319;
328
- position: relative;
329
- overflow: hidden;
319
+ align-items: center;
320
+ padding: 0 10px;
321
+ border-radius: 0px;
322
+ box-shadow: 0px -5px 14px -5px rgba(0, 0, 0, 0.1); /* 上边框阴影 */
330
323
  }
331
- .bt-container .iconfont {
332
- position: absolute;
333
- z-index: 999;
334
- top: 20px;
335
- font-size: 15px;
336
- padding: 5px;
337
- background-color: rgba(255, 255, 255, 0.2);
338
- border-radius: 50%;
339
- color: #ffffff;
324
+ .recharge-view2 .amount-footer .buy-amount .left {
325
+ width: 70%;
326
+ color: #353535;
327
+ font-size: 13px;
340
328
  }
341
- .bt-container .iconfont.active {
342
- color: #007aff;
329
+ .recharge-view2 .amount-footer .buy-amount .left .amount {
330
+ color: #FD6701;
331
+ font-size: 20px;
332
+ font-weight: 600;
343
333
  }
344
- .bt-container .icon-replay {
345
- right: 20px;
346
- }
347
- .bt-container .bt-canvas {
348
- position: absolute;
349
- left: 100%;
350
- top: 0;
351
- width: 300px;
352
- height: 300px;
334
+ .recharge-view2 .amount-footer .buy-amount .left .amount i {
335
+ font-size: 14px;
336
+ font-style: normal;
353
337
  }
354
- .bt-container .mainContent {
338
+ .recharge-view2 .amount-footer .buy-amount .recharge-button {
339
+ background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
340
+ color: #353535;
341
+ margin: 12px 0;
342
+ border: 0;
343
+ border-radius: 8px;
355
344
  flex: 1;
356
- margin: 30px;
357
- position: relative;
358
345
  }
359
- .bt-container .mainContent .image {
360
- position: absolute;
361
- transform-origin: center center;
346
+ .recharge-view2 .amount-footer .nut-checkbox {
347
+ line-height: 40px;
362
348
  }
363
- .bt-container .mainContent .controller {
364
- position: absolute;
365
- z-index: 99;
366
- padding: 10px;
349
+ .recharge-view2 .amount-footer .nut-checkbox__label {
350
+ margin-left: 8px;
351
+ flex: flex;
352
+ font-size: 12px;
367
353
  }
368
- .bt-container .mainContent .controller::after {
369
- display: block;
370
- content: "";
371
- box-shadow: 0 0 5px #333;
372
- background-color: #e4e7ed;
354
+ .recharge-view2 .amount-footer .link {
355
+ display: inline;
356
+ color: #FD6701;
373
357
  }
374
- .bt-container .mainContent .controller.controller_dot::after {
358
+ .trade-dialog .nut-dialog__header {
359
+ font-size: 16px;
360
+ color: #262626;
361
+ }
362
+ .trade-dialog .item {
363
+ font-size: 14px;
364
+ color: #666666;
365
+ line-height: 21px;
366
+ }
367
+ .trade-dialog .nut-dialog__footer-cancel {
368
+ color: #353535 !important;
369
+ border-color: #CCCCCC !important;
370
+ }
371
+ .trade-dialog .nut-dialog__footer-ok {
372
+ border: none;
373
+ color: #353535;
374
+ background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
375
+ }
376
+ page {
377
+ --text-color: #333;
378
+ --text-color-dark-mode: #eee;
379
+ }
380
+ .number {
381
+ font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
382
+ }
383
+ .account-card .card {
384
+ background: #2f2f2f;
385
+ border-radius: 10px;
386
+ padding: 13px 20px;
387
+ margin: 0;
388
+ }
389
+ .account-card .card .card-row {
390
+ display: flex;
391
+ justify-content: space-between;
392
+ align-items: center;
393
+ }
394
+ .account-card .card .card-row .card-row-left {
395
+ display: flex;
396
+ flex-direction: column;
397
+ }
398
+ .account-card .card .card-row .card-row-left .bean-box {
399
+ display: flex;
400
+ align-items: center;
401
+ }
402
+ .account-card .card .card-row .card-row-left .bean-box .bean-icon-box {
375
403
  width: 20px;
376
404
  height: 20px;
377
- border-radius: 99px;
405
+ margin-right: 8px;
378
406
  }
379
- .bt-container .mainContent .controller.vertical::after {
380
- width: 5px;
381
- height: 20px;
407
+ .account-card .card .card-row .card-row-left .bean-box .bean-icon-box .bean-icon {
408
+ display: block;
409
+ font-size: 0;
410
+ width: 100%;
411
+ height: 100%;
382
412
  }
383
- .bt-container .mainContent .controller.horizon::after {
384
- width: 20px;
385
- height: 5px;
413
+ .account-card .card .card-row .card-row-left .bean-box .baan-name {
414
+ color: #f3d59d;
415
+ font-weight: 600;
416
+ font-size: 11px;
386
417
  }
387
- .bt-container .mainContent .cropper {
388
- position: absolute;
389
- border: 1px solid #eee;
390
- box-sizing: content-box;
391
- transform-origin: center center;
392
- outline: 999px solid rgba(0, 0, 0, 0.5);
393
- will-change: transform;
394
- display: contain;
395
- pointer-events: none;
418
+ .account-card .card .card-row .card-row-left .bean-nums {
419
+ color: #fff;
420
+ line-height: 22px;
421
+ font-weight: 500;
422
+ font-size: 16px;
423
+ margin-top: 3px;
396
424
  }
397
- .bt-container .mainContent .cropper .line {
398
- position: absolute;
425
+ .account-card .card .card-row .desc {
426
+ font-size: 10px;
427
+ color: #ccc;
428
+ line-height: 14px;
399
429
  }
400
- .bt-container .mainContent .cropper .row {
430
+ .account-card .card .line {
431
+ margin: 6px 0px 8px 0px;
432
+ height: 0.5px;
433
+ background: rgb(195, 195, 195);
434
+ opacity: 0.2;
435
+ }
436
+ .account-card .card .card-row-right .pay {
437
+ padding: 0 8px;
438
+ line-height: 18px;
439
+ color: #ffd6a5;
440
+ border: 1px solid #ffd6a5;
441
+ border-radius: 9px;
442
+ font-size: 12px;
443
+ display: flex;
444
+ align-items: center;
445
+ }
446
+ .account-card .card .card-row-right .pay .pay-icon {
447
+ display: block;
448
+ font-size: 0;
449
+ width: 3.5px;
450
+ height: 6px;
451
+ margin-left: 6px;
452
+ }
453
+ .account-card .card .card-row-right .account-info-entry {
454
+ display: flex;
455
+ align-items: center;
456
+ padding: 0 10px;
457
+ height: 28px;
458
+ line-height: 28px;
459
+ border-radius: 14px;
460
+ background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
461
+ }
462
+ .account-card .card .card-row-right .account-info-entry .account-info-name {
463
+ color: #975213;
464
+ font-size: 13px;
465
+ font-weight: 500;
466
+ margin-right: 8px;
467
+ }
468
+ .account-card .card .card-row-right .account-info-entry .account-info-icon {
469
+ width: 14px;
470
+ height: 14px;
471
+ border-radius: 7px;
472
+ }
473
+ .account-card .card .card-row-right .account-info-entry .account-info-icon .icon {
474
+ display: block;
475
+ font-size: 0;
401
476
  width: 100%;
402
- height: 0px;
403
- left: 0;
404
- border-top: 1px dashed #007aff;
477
+ height: 100%;
405
478
  }
406
- .bt-container .mainContent .cropper .col {
479
+ .consumption-filter {
407
480
  height: 100%;
408
- width: 0px;
409
- border-left: 1px dashed #007aff;
481
+ display: flex;
482
+ flex-direction: column;
483
+ width: 100%;
410
484
  }
411
- .bt-container .mainContent .cropper .row1 {
412
- top: 33%;
485
+ .consumption-filter-title {
486
+ position: relative;
487
+ height: 44px;
488
+ line-height: 44px;
489
+ font-size: 17px;
490
+ color: #353535;
491
+ background: #f5f5f5;
492
+ text-align: center;
413
493
  }
414
- .bt-container .mainContent .cropper .row2 {
415
- top: 66%;
494
+ .consumption-filter-content {
495
+ flex: 1;
496
+ margin: 15px;
497
+ overflow-y: scroll;
498
+ color: #353535;
499
+ font-size: 13px;
416
500
  }
417
- .bt-container .mainContent .cropper .col1 {
418
- left: 33%;
501
+ .consumption-filter-content .title {
502
+ opacity: 0.6;
503
+ line-height: 18px;
419
504
  }
420
- .bt-container .mainContent .cropper .col2 {
421
- left: 66%;
505
+ .consumption-filter-content .info {
506
+ display: grid;
507
+ grid-template-columns: 1fr 1fr 1fr;
508
+ grid-gap: 10px;
509
+ margin: 10px 0;
422
510
  }
423
- .bt-container .slot {
424
- position: relative;
425
- padding-top: 10px;
511
+ .consumption-filter-content .info-item {
512
+ height: 30px;
513
+ line-height: 30px;
514
+ border: 1px solid #ccc;
515
+ border-radius: 6px;
516
+ text-align: center;
426
517
  }
427
- .user-feedback-entry {
428
- position: fixed;
429
- right: 12px;
430
- bottom: calc(120px + env(safe-area-inset-bottom, 0px));
518
+ .consumption-filter-content .info .current {
519
+ border-radius: 5px;
520
+ border: 1px solid #EFD082;
521
+ background: linear-gradient(180deg, #FFF7E3 0%, #FEFDE6 100%);
522
+ }
523
+ .consumption-filter-btn {
524
+ margin: 0 15px;
431
525
  display: flex;
432
- flex-direction: column;
526
+ justify-content: space-between;
433
527
  align-items: center;
434
- justify-content: center;
435
- background: #fff;
436
- box-shadow: 0px 2px 5px 0px rgba(0, 110, 229, 0.1019607843);
437
- width: 40px;
528
+ }
529
+ .consumption-filter-btn .btn {
530
+ flex: 1;
438
531
  height: 40px;
439
- border-radius: 50%;
440
- color: rgba(0, 0, 0, 0.5);
441
- font-size: 10px;
532
+ line-height: 40px;
533
+ text-align: center;
534
+ border: 1px solid #ccc;
535
+ box-sizing: border-box;
536
+ color: #666;
537
+ font-size: 16px;
538
+ border-radius: 6px;
442
539
  }
443
- .user-feedback-entry-icon {
444
- width: 13px;
445
- height: 13px;
446
- margin-bottom: 1px;
540
+ .consumption-filter-btn .confirm {
541
+ margin-left: 11px;
542
+ color: #000;
543
+ border: none;
544
+ background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
447
545
  }
448
- .user-feedback-entry:active {
449
- background: rgba(255, 255, 255, 0.7);
546
+ .consumption-filter-bottom {
547
+ height: 32px;
548
+ background: #fff;
450
549
  }
451
- .login-setting {
452
- position: fixed;
453
- z-index: 4;
454
- left: 12px;
455
- top: 10px;
456
- bottom: 10px;
457
- align-items: center;
458
- justify-content: center;
459
- width: calc(100% - 24px);
460
- background: #ffffff;
461
- border-radius: 5px;
550
+ .consumption-filter .icon {
551
+ display: block;
552
+ width: 20px;
553
+ height: 20px;
554
+ background-size: 40px;
555
+ background-repeat: no-repeat;
556
+ background-position: center center;
557
+ }
558
+ .consumption-filter .icon.icon-x {
559
+ position: absolute;
560
+ right: 10px;
561
+ top: 11px;
562
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MSA0MUgxVjFINDFWNDFaIiBmaWxsPSIjRDhEOEQ4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC4wMSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjM1NjEgMjAuOTk5OUwzMy45NjM3IDMxLjYwNzJDMzQuNjE0NiAzMi4yNTgxIDM0LjYxNDYgMzMuMzEzNCAzMy45NjM3IDMzLjk2NDJDMzMuMzQyNSAzNC41ODU1IDMyLjM1MjcgMzQuNjEzOCAzMS42OTc5IDM0LjA0ODlMMjAuOTk5NCAyMy4zNTY2TDEwLjM5MzUgMzMuOTY0MkM5Ljc0MjY1IDM0LjYxNTEgOC42ODczOCAzNC42MTUxIDguMDM2NSAzMy45NjQyQzcuNDE1MTkgMzMuMzQyOSA3LjM4Njk3IDMyLjM1MzIgNy45NTE3OSAzMS42OTg0TDE4LjY0MjggMjAuOTk5OUw4LjAzNjUgMTAuMzk0QzcuMzg1NjMgOS43NDMxNCA3LjM4NTYzIDguNjg3ODcgOC4wMzY1IDguMDM2OTlDOC42NTc3OSA3LjQxNTY4IDkuNjQ3NTQgNy4zODc0NiAxMC4zMDIzIDcuOTUyMjdMMjAuOTk5NCAxOC42NDMzTDMxLjYwNjcgOC4wMzY5OUMzMi4yNTc2IDcuMzg2MTIgMzMuMzEyOSA3LjM4NjEyIDMzLjk2MzcgOC4wMzY5OUMzNC41ODUgOC42NTgyOCAzNC42MTMzIDkuNjQ4MDMgMzQuMDQ4NSAxMC4zMDI4TDIzLjM1NjEgMjAuOTk5OVoiIGZpbGw9IiMxNzFBMUQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjAxIi8+Cjwvc3ZnPgo=");
563
+ }
564
+ .consumption-date-filter {
565
+ height: 100%;
462
566
  display: flex;
463
567
  flex-direction: column;
568
+ width: 100%;
464
569
  }
465
- .login-setting-img {
466
- height: 111px;
467
- width: 198px;
570
+ .consumption-date-filter .date-filter-header {
571
+ text-align: center;
572
+ height: 44px;
573
+ line-height: 44px;
574
+ color: #353535;
575
+ font-size: 17px;
576
+ background-color: #f5f5f5;
468
577
  }
469
- .login-setting-text {
470
- margin-top: 10px;
578
+ .consumption-date-filter .content {
579
+ flex: 1;
580
+ margin: 15px;
581
+ overflow-y: scroll;
471
582
  color: #353535;
583
+ font-size: 13px;
584
+ }
585
+ .consumption-date-filter .content .title {
586
+ opacity: 0.6;
587
+ line-height: 18px;
588
+ }
589
+ .consumption-date-filter .content .info {
590
+ display: grid;
591
+ grid-template-columns: 1fr 1fr 1fr;
592
+ grid-gap: 10px;
593
+ margin: 10px 0;
594
+ }
595
+ .consumption-date-filter .content .info .item {
596
+ height: 30px;
597
+ line-height: 30px;
598
+ border: 1px solid #ccc;
599
+ border-radius: 6px;
600
+ text-align: center;
601
+ }
602
+ .consumption-date-filter .content .info .current {
603
+ border: 1px solid;
604
+ border-image-source: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%);
605
+ background: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%), linear-gradient(180deg, #fff7e3 0%, #fefde6 100%);
606
+ }
607
+ .consumption-date-filter .buttons {
608
+ margin: 0 15px;
609
+ display: flex;
610
+ justify-content: space-between;
611
+ align-items: center;
612
+ }
613
+ .consumption-date-filter .buttons .btn {
614
+ flex: 1;
615
+ height: 40px;
616
+ line-height: 40px;
617
+ text-align: center;
618
+ border: 1px solid #ccc;
619
+ box-sizing: border-box;
620
+ color: #666;
621
+ font-size: 16px;
622
+ border-radius: 6px;
623
+ }
624
+ .consumption-date-filter .buttons .confirm {
625
+ margin-left: 11px;
626
+ color: #000;
627
+ border: none;
628
+ background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
629
+ }
630
+ .consumption-date-filter .time {
631
+ display: flex;
632
+ justify-content: flex-start;
633
+ align-items: center;
634
+ margin: 10px 0 30px 0;
635
+ }
636
+ .consumption-date-filter .time .line {
637
+ margin: 0 8px;
638
+ }
639
+ .consumption-date-filter .time .item {
640
+ height: 30px;
641
+ line-height: 30px;
642
+ padding: 0 15px;
643
+ font-size: 13px;
644
+ color: #353535;
645
+ border: 1px solid transparent;
646
+ box-sizing: border-box;
647
+ background: rgba(245, 245, 245, 0.8);
648
+ border-radius: 6px;
649
+ }
650
+ .consumption-date-filter .time .current {
651
+ border: 1px solid #353535;
652
+ }
653
+ .consumption-date-filter .bottom {
654
+ height: 32px;
655
+ background: #fff;
656
+ }
657
+ .consumption-rules .title {
658
+ line-height: 16px;
659
+ font-weight: 500;
660
+ color: #1a1a1a;
661
+ font-size: 16px;
662
+ text-align: center;
663
+ width: 100%;
664
+ }
665
+ .consumption-rules .desc {
666
+ flex: 1;
667
+ font-size: 14px;
668
+ line-height: 21px;
669
+ color: #666;
670
+ overflow-y: scroll;
671
+ margin: 10px 0;
672
+ }
673
+ .consumption-rules .desc-title {
674
+ font-weight: 600;
675
+ }
676
+ .consumption-rules .know {
677
+ background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
678
+ height: 30px;
679
+ line-height: 30px;
680
+ font-size: 14px;
681
+ color: #353535;
682
+ border-radius: 15px;
683
+ width: 130px;
684
+ margin: 0 auto;
685
+ text-align: center;
686
+ }
687
+ .empty-view {
688
+ display: flex;
689
+ flex-direction: column;
690
+ justify-content: center;
691
+ align-items: center;
692
+ margin-top: 80px;
693
+ }
694
+ .empty-view-image {
695
+ display: block;
696
+ font-size: 0;
697
+ width: 144px;
698
+ height: 80px;
699
+ filter: grayscale(1);
700
+ }
701
+ .empty-view-text {
472
702
  opacity: 0.4;
703
+ color: #353535;
704
+ font-size: 12px;
705
+ line-height: 28px;
706
+ }
707
+ .tip {
708
+ margin: 0 15px;
709
+ display: flex;
710
+ padding: 8px 10px;
711
+ justify-content: start;
712
+ background: #fff;
713
+ box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
714
+ border-radius: 5px;
715
+ margin-top: 10px;
716
+ }
717
+ .tip .tip-icon {
718
+ display: block;
719
+ font-size: 0;
720
+ width: 18px;
721
+ height: 18px;
722
+ }
723
+ .tip .tip-content {
724
+ margin-left: 6px;
725
+ color: #5D4431;
726
+ line-height: 18px;
473
727
  font-size: 12px;
474
728
  }
475
- .amount-picker {
476
- padding: 14px 0 14px 14px;
729
+ .account-view {
730
+ height: 100vh;
477
731
  }
478
- .amount-picker .nut-grid-item__content {
479
- border: solid 2px transparent;
480
- background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom, rgba(204, 204, 204, 0.5333333333), rgba(204, 204, 204, 0.5333333333)) border-box;
481
- border-radius: 5px;
732
+ .account-view .scroll-content {
733
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUwIiBoZWlnaHQ9IjQwNiIgdmlld0JveD0iMCAwIDc1MCA0MDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zODIuNSA0MDcuNUM1NzcuMzU3IDQwNy41IDc1My43ODggMzgxLjI0OCA4ODEuNTIxIDMzOC43OTFDOTQ1LjM4NiAzMTcuNTYzIDk5Ny4xMDQgMjkyLjI3NiAxMDMyLjg3IDI2NC4xNzFDMTA2OC42MiAyMzYuMDcxIDEwODguNSAyMDUuMDk3IDEwODguNSAxNzIuNUMxMDg4LjUgMTM5LjkwMyAxMDY4LjYyIDEwOC45MjkgMTAzMi44NyA4MC44Mjg5Qzk5Ny4xMDQgNTIuNzI0NSA5NDUuMzg2IDI3LjQzNjcgODgxLjUyMSA2LjIwODk4Qzc1My43ODggLTM2LjI0ODIgNTc3LjM1NyAtNjIuNSAzODIuNSAtNjIuNUMxODcuNjQzIC02Mi41IDExLjIxMjIgLTM2LjI0ODIgLTExNi41MjIgNi4yMDg5OEMtMTgwLjM4NiAyNy40MzY3IC0yMzIuMTA0IDUyLjcyNDUgLTI2Ny44NjcgODAuODI4OUMtMzAzLjYyNCAxMDguOTI5IC0zMjMuNSAxMzkuOTAzIC0zMjMuNSAxNzIuNUMtMzIzLjUgMjA1LjA5NyAtMzAzLjYyNCAyMzYuMDcxIC0yNjcuODY3IDI2NC4xNzFDLTIzMi4xMDQgMjkyLjI3NiAtMTgwLjM4NiAzMTcuNTYzIC0xMTYuNTIyIDMzOC43OTFDMTEuMjEyMiAzODEuMjQ4IDE4Ny42NDMgNDA3LjUgMzgyLjUgNDA3LjVaIiBmaWxsPSIjM0IzOTNDIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=");
734
+ background-position: center -200px;
735
+ background-repeat: no-repeat;
482
736
  }
483
- .amount-picker .tile {
484
- height: 80px;
737
+ .account-view .page-header {
738
+ background-color: #3b393c;
739
+ position: sticky;
740
+ top: 0;
741
+ z-index: 1;
742
+ transition: background-color 0.3s;
485
743
  }
486
- .amount-picker .tile.selected .nut-grid-item__content {
487
- background: linear-gradient(#FFF7E3, #FEFDE6) padding-box, linear-gradient(to bottom, #efd082, #ffb877) border-box;
744
+ .account-view .page-header.with-background {
745
+ background-color: #3b393c;
488
746
  }
489
- .amount-picker h4.token-line {
490
- background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
491
- background-size: 20px;
492
- background-repeat: no-repeat;
493
- background-position: left center;
494
- padding-left: 24px;
495
- color: #FD6701;
496
- font-weight: 600;
497
- line-height: 25px;
498
- font-size: 18px;
747
+ .account-view .spa-between {
748
+ display: flex;
749
+ justify-content: space-between;
750
+ align-items: center;
499
751
  }
500
- .amount-picker h5 {
501
- line-height: 18px;
502
- color: #353535;
503
- font-weight: 600;
504
- opacity: 0.6;
505
- margin-top: 4px;
506
- font-size: 12px;
752
+ .account-view .row {
753
+ display: flex;
754
+ flex-direction: row;
755
+ margin: 10px 15px;
507
756
  }
508
- .agreement-doc {
509
- padding: 1em;
510
- font-size: 12px;
757
+ .account-view .jusify-right {
758
+ justify-content: flex-end;
511
759
  }
512
- .agreement-doc .bold {
513
- font-weight: bold;
760
+ .account-view .small-bean-button {
761
+ height: 22px;
762
+ border-radius: 11px;
763
+ border: 1px solid rgba(255, 255, 255, 0.062745098);
764
+ background-color: rgba(255, 255, 255, 0.0941176471);
765
+ display: inline-block;
766
+ padding: 0 10px;
767
+ line-height: 22px;
768
+ color: #e7caad;
769
+ font-size: 12px;
514
770
  }
515
- .agreement-doc h1 {
516
- font-size: 20px;
517
- margin-top: 1em;
771
+ .account-view .small-bean-button label {
772
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDZMMTYgMTJMMTAgMThWNloiIGZpbGw9IiNFN0NBQUQiIHN0cm9rZT0iI0U3Q0FBRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
773
+ padding-right: 18px;
774
+ background-repeat: no-repeat;
775
+ background-position: right center;
776
+ background-size: 16px;
518
777
  }
519
- .agreement-doc p {
520
- margin: 0;
778
+ .account-view .balance {
779
+ border-radius: 15px;
780
+ background: linear-gradient(105deg, #f4e2ce 1.88%, #debb9b 98.18%);
781
+ box-shadow: 0px -10px 9px -3px rgba(0, 0, 0, 0.33);
782
+ height: 112px;
783
+ padding: 20px;
784
+ margin: 0 15px;
785
+ box-sizing: border-box;
786
+ font-size: 10px;
521
787
  }
522
- .page-header {
788
+ .account-view .balance .bean-img {
523
789
  display: flex;
524
- position: relative;
790
+ justify-content: flex-start;
525
791
  align-items: center;
526
- padding-top: var(--top);
527
- min-height: var(--height);
528
792
  }
529
- .page-header .page-title {
530
- position: absolute;
531
- font-size: 18px;
532
- height: var(--height);
533
- line-height: var(--height);
534
- top: var(--top);
535
- width: 100%;
536
- text-align: center;
793
+ .account-view .balance .bean-img .bean-icon {
794
+ display: block;
795
+ font-size: 0;
796
+ width: 20px;
797
+ height: 20px;
798
+ margin-right: 4px;
537
799
  }
538
- .page-header .back-button {
539
- position: absolute;
540
- top: var(--top);
541
- left: 10px;
542
- width: var(--height);
543
- height: var(--height);
544
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg3OCA0MUw0MC45OTk5IDQxTDQwLjk5OTkgMUwwLjk5OTg3OCAxTDAuOTk5ODc4IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTMzIDE4Ljk0NzdDMTEuODYzMyAyMC4wMTQ1IDExLjgxMiAyMS43OTU0IDEyLjg3ODggMjIuOTI1NUwyNy45MTA1IDM3LjEzNDVDMjguNjkyNSAzNy44NzM0IDI5LjkyNTUgMzcuODM4NCAzMC42NjQ0IDM3LjA1NjRDMzEuMzY4MSAzNi4zMTE2IDMxLjM2OTkgMzUuMTU3OSAzMC42OTI5IDM0LjQxMTRMMTYuNTAxMiAyMC45OTM5TDMwLjU4NTcgNy42OTc4NUMzMS4zMzA4IDYuOTk0NDkgMzEuMjk4MiA1LjcyNzk1IDMwLjY2NDkgNC45NDQwMkMyOS45NjE2IDQuMTk4OTUgMjguODA5OCA0LjEzMTI5IDI4LjAyNTkgNC43NjQ1MkwxMi45OTMzIDE4Ljk0NzdaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
545
- background-size: 50%;
546
- background-repeat: no-repeat;
547
- background-position: center center;
800
+ .account-view .balance .bean-img .bean-tag {
801
+ color: #353535;
802
+ height: 15px;
803
+ line-height: 15px;
804
+ border-radius: 30px 50px 50px 0px;
805
+ background: rgba(255, 131, 32, 0.3);
806
+ padding-left: 5px;
807
+ padding-right: 10px;
548
808
  }
549
- .page-header.color-mode-dark {
550
- color: var(--text-color-dark-mode, #fff);
809
+ .account-view .balance .bean-img .tag {
810
+ background: #ff8320;
811
+ color: #fff;
551
812
  }
552
- .page-header.color-mode-dark .back-button {
553
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg0NyA0MUw0MC45OTk4IDQxTDQwLjk5OTggMUwwLjk5OTg0NyAxTDAuOTk5ODQ3IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTM0IDE4Ljk0NzVDMTEuODYzNCAyMC4wMTQzIDExLjgxMjEgMjEuNzk1MiAxMi44Nzg5IDIyLjkyNTJMMjcuOTEwNiAzNy4xMzQzQzI4LjY5MjcgMzcuODczMSAyOS45MjU2IDM3LjgzODIgMzAuNjY0NSAzNy4wNTYyQzMxLjM2ODIgMzYuMzExNCAzMS4zNyAzNS4xNTc2IDMwLjY5MyAzNC40MTExTDE2LjUwMTMgMjAuOTkzNkwzMC41ODU4IDcuNjk3NjFDMzEuMzMwOSA2Ljk5NDI0IDMxLjI5ODMgNS43Mjc3MSAzMC42NjUxIDQuOTQzNzdDMjkuOTYxNyA0LjE5ODcxIDI4LjgwOTkgNC4xMzEwNCAyOC4wMjYgNC43NjQyN0wxMi45OTM0IDE4Ljk0NzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
813
+ .account-view .balance .rule {
814
+ color: #353535;
815
+ opacity: 0.5;
554
816
  }
555
- .app-drawer {
556
- position: absolute;
817
+ .account-view .bean-counts {
818
+ margin-top: 12px;
819
+ }
820
+ .account-view .bean-counts .counts {
821
+ color: #3d3835;
822
+ font-size: 32px;
823
+ font-weight: 700;
824
+ }
825
+ .account-view .bean-counts .pay {
826
+ padding: 0 20px;
827
+ height: 32px;
828
+ line-height: 32px;
829
+ background: linear-gradient(187.18deg, #353535 10.04%, #433f46 90.21%);
830
+ border-radius: 16px;
831
+ color: #e7caad;
832
+ font-size: 15px;
833
+ font-weight: 500;
834
+ }
835
+ .consumption-rules-popup {
836
+ border-radius: 16px;
837
+ width: 70%;
838
+ max-height: 80%;
839
+ padding: 24px;
840
+ }
841
+ .operation-box {
842
+ width: 100vw;
843
+ overflow: hidden;
557
844
  display: flex;
558
845
  flex-direction: column;
846
+ height: calc(100vh - 87px);
559
847
  }
560
- .app-drawer.open {
561
- height: 100vh;
848
+ .operation-box .operation-title {
849
+ padding: 10px 15px;
850
+ background: #fff;
851
+ transition: box-shadow 0.3s;
562
852
  }
563
- .app-drawer .page-header {
564
- flex-grow: 0;
565
- background-color: #fff;
853
+ .operation-box .operation-title.with-shadow {
854
+ box-shadow: 0px 1px 10px 0px rgba(153, 153, 153, 0.2);
566
855
  }
567
- .app-drawer .drawer-body {
568
- flex-grow: 1;
569
- overflow: scroll;
856
+ .operation-box .operation-title .text {
857
+ color: #353535;
858
+ font-size: 12px;
859
+ opacity: 0.5;
570
860
  }
571
- .dd-notice-bar {
572
- position: fixed;
573
- top: 0;
574
- left: 0;
575
- z-index: 10;
576
- font-size: 13px;
577
- color: #ea5959;
861
+ .operation-box .operation-title .time-icon {
862
+ display: block;
863
+ font-size: 0;
864
+ width: 12px;
865
+ height: 12px;
866
+ margin-left: 4px;
867
+ }
868
+ .operation-box .operation-title .search-time {
578
869
  display: flex;
579
870
  align-items: center;
580
- justify-content: center;
581
- width: 100%;
582
- min-height: 30px;
583
- line-height: 18px;
584
- padding: 6px 18px;
585
- background: #ffe8d8;
586
- box-sizing: border-box;
587
871
  }
588
- .dd-notice-bar__close {
589
- width: 22px;
872
+ .operation-box .operation-title .search-time .title {
873
+ color: #000;
874
+ font-weight: 500;
875
+ font-size: 17px;
876
+ margin-right: 10px;
877
+ }
878
+ .operation-box .operation-title .search-time .time {
590
879
  height: 22px;
880
+ padding-right: 5px;
881
+ flex: 1;
591
882
  display: flex;
592
- margin-right: -6px;
593
- margin-left: 6px;
594
- justify-content: center;
595
883
  align-items: center;
596
884
  }
597
- .dd-notice-bar__close-img {
598
- width: 10px;
599
- height: 10px;
885
+ .operation-box .operation-title .search {
886
+ display: flex;
887
+ align-items: center;
888
+ height: 22px;
889
+ padding-left: 5px;
600
890
  }
601
- .dd-notice-bar.close {
891
+ .operation-box .spa-between {
892
+ display: flex;
602
893
  justify-content: space-between;
603
- color: #fb970c;
604
- background: #fff2d8;
894
+ align-items: center;
605
895
  }
606
- .dd-notice-bar.close .dd-notice-bar__txt {
607
- text-align: left;
896
+ .operation-box .operation-list {
897
+ flex: 1;
898
+ width: 100%;
899
+ }
900
+ .operation-box .operation-list .operation-scroll {
901
+ height: calc(100vh - 130px);
902
+ padding: 0 15px;
903
+ box-sizing: border-box;
904
+ }
905
+ .operation-box .operation-list .box-detail .title {
906
+ line-height: 22px;
907
+ font-weight: 700;
908
+ font-size: 12px;
909
+ color: #000;
910
+ opacity: 0.5;
911
+ margin-bottom: 10px;
912
+ }
913
+ .operation-box .operation-list .box-detail .item {
914
+ border-radius: 5px;
915
+ background: rgba(255, 255, 255, 0.5);
916
+ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
917
+ border-radius: 5px;
918
+ padding: 12px 10px;
919
+ display: flex;
920
+ margin-bottom: 10px;
608
921
  }
609
- .dd-notice-bar__txt {
610
- flex: 1;
922
+ .operation-box .operation-list .box-detail .item-type {
923
+ background: linear-gradient(113.95deg, #f4e2ce 1.2%, #debb9b 77.63%);
924
+ width: 30px;
925
+ height: 30px;
926
+ border-radius: 15px;
927
+ margin-right: 15px;
928
+ line-height: 30px;
929
+ font-size: 10px;
930
+ font-weight: 500;
931
+ color: #000;
611
932
  text-align: center;
612
- opacity: 0.8;
613
- display: flex;
614
- align-items: center;
615
933
  }
616
- .recharge-view {
617
- height: 100%;
618
- display: flex;
619
- flex-direction: column;
934
+ .operation-box .operation-list .box-detail .item-detail {
935
+ flex: 1;
620
936
  }
621
- .recharge-view .flex-grow {
622
- flex-grow: 1;
937
+ .operation-box .operation-list .box-detail .item-detail .item-info {
938
+ padding: 0;
939
+ font-size: 14px;
940
+ font-weight: 700;
941
+ color: #000;
623
942
  }
624
- .recharge-view .amount-footer {
625
- padding: 10px;
626
- padding-bottom: 20px;
943
+ .operation-box .operation-list .box-detail .item-detail .item-info-type {
944
+ line-height: 15px;
627
945
  }
628
- .recharge-view .amount-footer .agreement {
629
- font-size: 12px;
630
- display: flex;
631
- justify-content: center;
632
- align-items: cebter;
633
- height: 40px;
946
+ .operation-box .operation-list .box-detail .item-detail .item-info-title {
947
+ font-weight: 400;
948
+ opacity: 0.8;
949
+ font-size: 11px;
634
950
  }
635
- .recharge-view .amount-footer .recharge-button {
636
- background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
637
- color: #353535;
638
- margin: 12px 0;
639
- border: 0;
640
- border-radius: 8px;
951
+ .operation-box .operation-list .box-detail .item-detail .item-info-amount {
952
+ color: #9e7b5a;
641
953
  }
642
- .recharge-view .amount-footer .nut-checkbox {
643
- line-height: 40px;
954
+ .operation-box .operation-list .box-detail .item-detail-remark {
955
+ opacity: 0.3;
956
+ line-height: 15px;
957
+ font-size: 10px;
644
958
  }
645
- .recharge-view .amount-footer .nut-checkbox__label {
646
- margin-left: 8px;
647
- flex: flex;
959
+ .operation-box .operation-list .box-not-text {
960
+ opacity: 0.4;
961
+ color: #353535;
648
962
  font-size: 12px;
963
+ line-height: 20px;
964
+ margin: 0 auto 40px;
965
+ text-align: center;
649
966
  }
650
- .recharge-view .amount-footer .link {
651
- display: inline;
652
- color: #FD6701;
967
+ .rights-card {
968
+ margin: 10px 15px 0px;
969
+ background: #fff8f3;
970
+ border-radius: 5px;
971
+ box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
972
+ padding: 15px 20px;
653
973
  }
654
- .recharge-result {
655
- background-color: #fff;
656
- height: 100vh;
657
- padding-top: 120px;
658
- box-sizing: border-box;
974
+ .rights-card .title {
975
+ height: 25px;
976
+ line-height: 25px;
977
+ background: rgba(255, 131, 32, 0.3);
978
+ border-radius: 20px 50px 50px 0px;
979
+ color: #353535;
980
+ font-size: 12px;
981
+ display: inline-block;
982
+ padding-left: 5px;
983
+ padding-right: 12px;
659
984
  }
660
- .recharge-result .content {
985
+ .rights-card .list {
661
986
  display: flex;
662
- width: 100%;
663
- height: fit-content;
664
- flex-direction: column;
665
- justify-content: flex-start;
666
- align-items: center;
987
+ flex-wrap: wrap;
667
988
  }
668
- .recharge-result h2 {
669
- font-size: 16px;
670
- font-weight: bold;
671
- margin-top: 20px;
989
+ .rights-card .list .item {
990
+ width: 50%;
991
+ margin-top: 15px;
672
992
  }
673
- .recharge-result .caption {
993
+ .rights-card .list .item .item-count {
994
+ font-size: 20px;
674
995
  color: #353535;
675
- opacity: 0.5;
676
- margin-top: 8px;
677
- }
678
- .recharge-result .figure {
679
- width: 100px;
680
- height: 100px;
681
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjEyMDQgMTYuMjkxOUw3Ljk5ODg0IDEyLjczMjFMMTUuOTI5NCA1LjA1ODk3TDE5LjEyMDQgMTYuMjkxOVoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTEyLjgzNCAyMy40NjQyTDguNTQ2MzEgMjcuNTc3OEw3LjEyNzY1IDIxLjgwNzhMMTIuODM0IDIzLjQ2NDJaIiBmaWxsPSIjQ0FGQUVDIi8+Cjwvc3ZnPgo=");
682
- }
683
- .recharge-result .back-button {
684
- margin-top: 40px;
685
- width: 128px;
996
+ font-weight: 700;
997
+ line-height: 23px;
686
998
  }
687
- .trade-picker {
688
- padding: 14px 0 14px 14px;
999
+ .rights-card .list .item .item-title {
1000
+ line-height: 23px;
1001
+ color: #987356;
1002
+ font-size: 11px;
1003
+ display: flex;
1004
+ align-items: center;
689
1005
  }
690
- .trade-picker .nut-grid-item__content {
691
- border: solid 2px transparent;
692
- background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom, rgba(204, 204, 204, 0.5333333333), rgba(204, 204, 204, 0.5333333333)) border-box;
693
- border-radius: 5px;
1006
+ .rights-card .list .item .item-title .item-title-button {
1007
+ padding: 0 27rpx;
1008
+ height: 54rpx;
1009
+ line-height: 54rpx;
1010
+ background: -webkit-linear-gradient(262.82deg, #353535 10.04%, #433f46 90.21%);
1011
+ background: linear-gradient(187.18deg, #353535 10.04%, #433f46 90.21%);
1012
+ border-radius: 27rpx;
1013
+ color: #e7caad;
1014
+ font-size: 24rpx;
1015
+ font-weight: 400;
1016
+ margin-left: 40rpx;
1017
+ display: flex;
1018
+ align-items: center;
694
1019
  }
695
- .trade-picker .tile {
696
- height: 80px;
697
- position: relative;
698
- overflow: hidden;
1020
+ .rights-card .list .item .item-title .item-title-button .button-icon {
1021
+ display: block;
1022
+ width: 24rpx;
1023
+ height: 24rpx;
1024
+ font-size: 0;
1025
+ margin-left: 4px;
699
1026
  }
700
- .trade-picker .tile.selected .nut-grid-item__content {
701
- background: linear-gradient(#FFF7E3, #FEFDE6) padding-box, linear-gradient(to bottom, #efd082, #ffb877) border-box;
1027
+ .rights-card .list .star-item {
1028
+ width: 100%;
702
1029
  }
703
- .trade-picker .tile .tag {
704
- position: absolute;
705
- left: 0;
706
- top: 0;
707
- background: linear-gradient(90deg, #FD6701 0%, #FF9349 100%);
708
- color: #fff;
709
- font-size: 10px;
710
- padding: 0 10px;
711
- line-height: 17px;
712
- height: 17px;
713
- border-radius: 10px 100px 100px 0px;
1030
+ .balance-reminder-popup {
1031
+ width: 90%;
714
1032
  }
715
- .trade-picker h4.token-line {
716
- color: #FD6701;
717
- font-weight: 600;
718
- line-height: 25px;
719
- font-size: 18px;
1033
+
1034
+ .balance-reminder {
1035
+ --primary-button-background: linear-gradient(135deg, #098C9D 0%, #66BF97 100%);
720
1036
  }
721
- .trade-picker h5 {
722
- line-height: 18px;
723
- color: #353535;
724
- font-weight: 600;
725
- opacity: 0.6;
726
- margin-top: 4px;
727
- font-size: 12px;
1037
+
1038
+ .balance-reminder h2 {
1039
+ font-size: 16px;
1040
+ font-weight: bold;
1041
+ margin-bottom: 14px;
728
1042
  }
729
- @charset "UTF-8";
730
- .recharge-view2 {
731
- height: 100%;
1043
+
1044
+ .balance-reminder .body {
1045
+ height: 120px;
1046
+ box-sizing: border-box;
732
1047
  display: flex;
733
1048
  flex-direction: column;
1049
+ align-items: center;
1050
+ justify-content: center;
1051
+ padding: 20px 10px 10px 10px;
1052
+ font-size: 14px;
1053
+ text-align: center;
1054
+ color: #666;
734
1055
  }
735
- .recharge-view2 .flex-grow {
1056
+
1057
+ .balance-reminder .footer {
1058
+ display: flex;
1059
+ flex-direction: row;
1060
+ justify-content: stretch;
1061
+ align-items: center;
1062
+ padding: 10px 20px 20px 20px;
1063
+ }
1064
+
1065
+ .balance-reminder .footer .col {
736
1066
  flex-grow: 1;
1067
+ padding: 6px;
737
1068
  }
738
- .recharge-view2 .bean-buy {
739
- margin: 0 15px;
740
- padding: 10px;
741
- background: #FFFBF3;
742
- border-radius: 5px;
1069
+
1070
+ .balance-reminder .footer .recharge-button {
1071
+ color: #fff;
1072
+ background: var(--primary-button-background);
1073
+ }
1074
+ .ocr-id__img {
1075
+ width: 20px;
1076
+ height: 20px;
1077
+ }
1078
+ .dd-area {
743
1079
  display: flex;
744
- justify-content: space-between;
1080
+ justify-content: flex-end;
745
1081
  align-items: center;
746
1082
  }
747
- .recharge-view2 .bean-buy .left .title {
748
- color: #FD6701;
749
- font-size: 14px;
750
- font-weight: 600;
751
- line-height: 20px;
752
- margin-bottom: 6px;
753
- }
754
- .recharge-view2 .bean-buy .left .amount {
755
- color: #353535;
756
- font-size: 13px;
757
- line-height: 16px;
758
- background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
759
- background-repeat: no-repeat;
760
- background-size: 16px 16px;
761
- padding-left: 24px;
1083
+ .dd-area-value {
1084
+ text-align: right;
1085
+ color: black;
762
1086
  }
763
- .recharge-view2 .bean-buy .right {
1087
+ .dd-area-label {
1088
+ color: var(--placeholder-color);
1089
+ }
1090
+ .dd-selector {
764
1091
  display: flex;
1092
+ justify-content: flex-end;
765
1093
  align-items: center;
766
1094
  }
767
- .recharge-view2 .bean-buy .right .amount {
768
- color: #353535;
769
- font-size: 15px;
770
- line-height: 20px;
771
- margin-right: 10px;
772
- }
773
- .recharge-view2 .bean-buy .right .icon {
774
- display: block;
775
- width: 16px;
776
- height: 16px;
777
- font-size: 0;
1095
+ .dd-selector-value {
1096
+ text-align: right;
1097
+ color: black;
778
1098
  }
779
- .recharge-view2 .amount-footer {
780
- padding: 10px 0;
781
- padding-bottom: 20px;
1099
+ .dd-selector-label {
1100
+ color: var(--placeholder-color);
782
1101
  }
783
- .recharge-view2 .amount-footer .agreement {
784
- font-size: 12px;
1102
+ .self-registration {
1103
+ width: 100%;
1104
+ height: 100%;
785
1105
  display: flex;
786
- justify-content: center;
787
- align-items: cebter;
788
- height: 40px;
1106
+ flex-direction: column;
789
1107
  }
790
- .recharge-view2 .amount-footer .buy-amount {
791
- display: flex;
792
- justify-content: space-between;
793
- align-items: center;
794
- padding: 0 10px;
795
- border-radius: 0px;
796
- box-shadow: 0px -5px 14px -5px rgba(0, 0, 0, 0.1); /* 上边框阴影 */
1108
+ .self-registration-body {
1109
+ flex: 1;
1110
+ padding: 12px;
1111
+ overflow: auto;
797
1112
  }
798
- .recharge-view2 .amount-footer .buy-amount .left {
799
- width: 70%;
800
- color: #353535;
801
- font-size: 13px;
1113
+ .self-registration-banner {
1114
+ width: 100%;
1115
+ height: 170px;
802
1116
  }
803
- .recharge-view2 .amount-footer .buy-amount .left .amount {
804
- color: #FD6701;
805
- font-size: 20px;
806
- font-weight: 600;
1117
+ .self-registration .nut-cell-group__warp {
1118
+ border-radius: 5px;
1119
+ margin: 12px 0 0;
807
1120
  }
808
- .recharge-view2 .amount-footer .buy-amount .left .amount i {
809
- font-size: 14px;
810
- font-style: normal;
1121
+ .self-registration__input {
1122
+ display: flex;
1123
+ align-items: center;
811
1124
  }
812
- .recharge-view2 .amount-footer .buy-amount .recharge-button {
813
- background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
814
- color: #353535;
815
- margin: 12px 0;
816
- border: 0;
817
- border-radius: 8px;
818
- flex: 1;
1125
+ .self-registration-bottom {
1126
+ background-color: white;
1127
+ padding-bottom: var(--safe-bottom-height);
819
1128
  }
820
- .recharge-view2 .amount-footer .nut-checkbox {
821
- line-height: 40px;
1129
+ .self-registration .experience-button {
1130
+ margin: 7.5px 12px;
1131
+ border-radius: 5px;
1132
+ width: calc(100% - 24px);
822
1133
  }
823
- .recharge-view2 .amount-footer .nut-checkbox__label {
824
- margin-left: 8px;
825
- flex: flex;
826
- font-size: 12px;
1134
+ .self-registration .nut-input-text {
1135
+ text-align: right !important;
827
1136
  }
828
- .recharge-view2 .amount-footer .link {
829
- display: inline;
830
- color: #FD6701;
1137
+ .self-registration .nut-form-item__label.required::before {
1138
+ display: none;
831
1139
  }
832
- .trade-dialog .nut-dialog__header {
833
- font-size: 16px;
834
- color: #262626;
1140
+ .self-registration .nut-form-item__label.required::after {
1141
+ content: "*";
1142
+ color: #fa2c19;
1143
+ margin-right: 4px;
835
1144
  }
836
- .trade-dialog .item {
837
- font-size: 14px;
838
- color: #666666;
839
- line-height: 21px;
1145
+ .self-registration .nut-form-item__label {
1146
+ width: unset;
840
1147
  }
841
- .trade-dialog .nut-dialog__footer-cancel {
842
- color: #353535 !important;
843
- border-color: #CCCCCC !important;
1148
+ .self-registration .input-placeholder {
1149
+ color: #cccccc;
844
1150
  }
845
- .trade-dialog .nut-dialog__footer-ok {
846
- border: none;
847
- color: #353535;
848
- background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
1151
+ .self-registration .nut-radio__icon {
1152
+ font-size: 16px;
849
1153
  }
850
- page {
851
- --text-color: #333;
852
- --text-color-dark-mode: #eee;
1154
+ .self-registration .nut-radio__icon--unchecked {
1155
+ font-size: 16px;
853
1156
  }
854
- .number {
855
- font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
1157
+ .notice-popup {
1158
+ width: 280px;
1159
+ padding: 20px 15px;
1160
+ border-radius: 10px !important;
1161
+ background: linear-gradient(136.72deg, #d0fdfe 6.02%, #a2b9ff 59.97%, #6593ff 108.78%);
856
1162
  }
857
- .account-card .card {
858
- background: #2f2f2f;
1163
+ .notice-popup::after {
1164
+ content: "";
1165
+ position: absolute;
1166
+ width: 100%;
1167
+ height: 100%;
1168
+ left: 0;
1169
+ top: 0;
1170
+ background: linear-gradient(360deg, #ffffff 4.73%, rgba(255, 255, 255, 0) 85.82%);
1171
+ z-index: 1;
859
1172
  border-radius: 10px;
860
- padding: 13px 20px;
861
- margin: 0;
862
1173
  }
863
- .account-card .card .card-row {
864
- display: flex;
865
- justify-content: space-between;
866
- align-items: center;
1174
+ .notice-popup::before {
1175
+ content: "";
1176
+ width: 236px;
1177
+ height: 241px;
1178
+ position: absolute;
1179
+ top: 0;
1180
+ right: 40px;
1181
+ background: url("https://cdn.ddjf.com/static/images/customer-center/notice-modal-bg.png");
867
1182
  }
868
- .account-card .card .card-row .card-row-left {
869
- display: flex;
870
- flex-direction: column;
1183
+ .notice-popup .nutui-popup__content-wrapper {
1184
+ position: relative;
1185
+ z-index: 2;
871
1186
  }
872
- .account-card .card .card-row .card-row-left .bean-box {
1187
+ .notice-popup-hd {
1188
+ color: #0a2668;
1189
+ font-size: 17px;
873
1190
  display: flex;
874
1191
  align-items: center;
1192
+ margin-bottom: 20px;
1193
+ font-weight: 600;
875
1194
  }
876
- .account-card .card .card-row .card-row-left .bean-box .bean-icon-box {
1195
+ .notice-popup-hd-icon {
877
1196
  width: 20px;
878
1197
  height: 20px;
879
- margin-right: 8px;
1198
+ margin-right: 4px;
880
1199
  }
881
- .account-card .card .card-row .card-row-left .bean-box .bean-icon-box .bean-icon {
882
- display: block;
883
- font-size: 0;
884
- width: 100%;
885
- height: 100%;
1200
+ .notice-popup-bd {
1201
+ color: #353535;
1202
+ box-shadow: 0px 2px 8px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 1px 0px rgba(255, 255, 255, 0.5019607843) inset, 0px 0px 1px 0px rgba(255, 255, 255, 0.6980392157);
1203
+ border-radius: 3px;
1204
+ background: rgba(255, 255, 255, 0.6);
1205
+ min-height: 160px;
1206
+ margin-bottom: 20px;
1207
+ padding: 15px 10px;
1208
+ box-sizing: border-box;
1209
+ font-size: 10px;
886
1210
  }
887
- .account-card .card .card-row .card-row-left .bean-box .baan-name {
888
- color: #f3d59d;
1211
+ .notice-popup-bd-link {
1212
+ color: #007fff;
1213
+ margin-top: 2px;
889
1214
  font-weight: 600;
890
- font-size: 11px;
891
1215
  }
892
- .account-card .card .card-row .card-row-left .bean-nums {
1216
+ .notice-popup-ft {
1217
+ display: flex;
1218
+ align-items: center;
1219
+ justify-content: center;
1220
+ }
1221
+ .notice-popup-ft-btn {
1222
+ background: #007fff;
893
1223
  color: #fff;
894
- line-height: 22px;
895
- font-weight: 500;
896
- font-size: 16px;
897
- margin-top: 3px;
1224
+ width: 128px;
1225
+ height: 30px;
1226
+ display: flex;
1227
+ align-items: center;
1228
+ justify-content: center;
1229
+ border-radius: 15px;
898
1230
  }
899
- .account-card .card .card-row .desc {
1231
+ .notice-banner {
1232
+ background: #e6f2ff;
1233
+ height: 30px;
1234
+ margin-bottom: 8px;
1235
+ }
1236
+ .notice-banner.fixed {
1237
+ position: fixed;
1238
+ z-index: 10;
1239
+ width: 100%;
1240
+ }
1241
+ .notice-banner .dd-notice-bar {
1242
+ position: relative;
1243
+ background: #e6f2ff;
900
1244
  font-size: 10px;
901
- color: #ccc;
902
- line-height: 14px;
1245
+ color: rgba(0, 0, 0, 0.8980392157);
1246
+ padding: 0 8px;
1247
+ height: 0;
1248
+ min-height: auto;
1249
+ transition: all 0.2s;
1250
+ opacity: 0;
1251
+ }
1252
+ .notice-banner .dd-notice-bar.show {
1253
+ height: 30px;
1254
+ opacity: 1;
1255
+ }
1256
+ .notice-banner-icon {
1257
+ width: 22px;
1258
+ height: 22px;
1259
+ margin-right: 8px;
1260
+ }
1261
+ .notice-banner .dd-notice-bar__close-img {
1262
+ display: none;
1263
+ }
1264
+ .notice-banner .dd-notice-bar__close {
1265
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E %3Cpath d='M3.3335 3.33331L16.6668 16.6666' stroke='%23353535' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M3.3335 16.6666L16.6668 3.33331' stroke='%23353535' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
1266
+ background-position: center;
1267
+ background-repeat: no-repeat;
1268
+ background-size: 12px 12px;
1269
+ opacity: 0.6;
1270
+ }
1271
+ .notice-banner-text {
1272
+ flex: 1;
1273
+ overflow: hidden;
1274
+ text-overflow: ellipsis;
1275
+ display: -webkit-box;
1276
+ -webkit-line-clamp: 1;
1277
+ -webkit-box-orient: vertical;
1278
+ text-align: left;
903
1279
  }
904
- .account-card .card .line {
905
- margin: 6px 0px 8px 0px;
906
- height: 0.5px;
907
- background: rgb(195, 195, 195);
908
- opacity: 0.2;
1280
+ .notice-banner-btn {
1281
+ color: var(--app-primary-color, #017fff);
1282
+ padding-left: 6px;
909
1283
  }
910
- .account-card .card .card-row-right .pay {
911
- padding: 0 8px;
912
- line-height: 18px;
913
- color: #ffd6a5;
914
- border: 1px solid #ffd6a5;
915
- border-radius: 9px;
916
- font-size: 12px;
1284
+ .notice-entry {
1285
+ position: fixed;
1286
+ right: 0;
1287
+ top: 120px;
1288
+ min-width: 66px;
1289
+ padding: 0 12px 0 15px;
1290
+ text-align: center;
1291
+ box-sizing: border-box;
1292
+ height: 25px;
1293
+ line-height: 11px;
1294
+ color: #855f0b;
1295
+ font-size: 13px;
1296
+ background: #ffdf68;
1297
+ border-radius: 50px 0 0 50px;
917
1298
  display: flex;
918
1299
  align-items: center;
1300
+ justify-content: center;
919
1301
  }
920
- .account-card .card .card-row-right .pay .pay-icon {
921
- display: block;
922
- font-size: 0;
923
- width: 3.5px;
1302
+ .notice-entry-img {
1303
+ width: 20px;
1304
+ height: 20px;
1305
+ }
1306
+ .notice-entry-icon {
1307
+ position: absolute;
1308
+ background-color: red;
1309
+ width: 6px;
924
1310
  height: 6px;
925
- margin-left: 6px;
1311
+ border-radius: 50%;
1312
+ top: 1px;
1313
+ left: 27px;
926
1314
  }
927
- .account-card .card .card-row-right .account-info-entry {
1315
+ .dd-search {
1316
+ padding: 8px 12px;
928
1317
  display: flex;
929
1318
  align-items: center;
930
- padding: 0 10px;
931
- height: 28px;
932
- line-height: 28px;
933
- border-radius: 14px;
934
- background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
1319
+ background: #fefefe;
935
1320
  }
936
- .account-card .card .card-row-right .account-info-entry .account-info-name {
937
- color: #975213;
938
- font-size: 13px;
939
- font-weight: 500;
940
- margin-right: 8px;
1321
+ .dd-search.bordered {
1322
+ border-bottom: 1px solid #ddd;
941
1323
  }
942
- .account-card .card .card-row-right .account-info-entry .account-info-icon {
943
- width: 14px;
944
- height: 14px;
945
- border-radius: 7px;
1324
+ .dd-search.inNavbar {
1325
+ padding: 0;
1326
+ width: 235px;
1327
+ z-index: 10;
1328
+ position: absolute;
1329
+ left: 40px;
1330
+ background: transparent;
946
1331
  }
947
- .account-card .card .card-row-right .account-info-entry .account-info-icon .icon {
948
- display: block;
949
- font-size: 0;
950
- width: 100%;
951
- height: 100%;
1332
+ .dd-search.inNavbar .dd-search__form {
1333
+ background: #f1f3f5;
1334
+ border-color: transparent;
952
1335
  }
953
- .consumption-filter {
954
- height: 100%;
955
- display: flex;
956
- flex-direction: column;
957
- width: 100%;
1336
+ .dd-search.focus .dd-search__form {
1337
+ border-color: var(--app-primary-color, #017fff);
958
1338
  }
959
- .consumption-filter-title {
960
- position: relative;
961
- height: 44px;
962
- line-height: 44px;
963
- font-size: 17px;
964
- color: #353535;
965
- background: #f5f5f5;
966
- text-align: center;
1339
+ .dd-search__placeholder {
1340
+ color: #b4b4b4;
967
1341
  }
968
- .consumption-filter-content {
1342
+ .dd-search__form {
969
1343
  flex: 1;
970
- margin: 15px;
971
- overflow-y: scroll;
972
- color: #353535;
1344
+ box-sizing: border-box;
1345
+ height: 36px;
1346
+ border-radius: 5px;
1347
+ display: flex;
1348
+ align-items: center;
1349
+ padding: 0 10px;
1350
+ background-color: #f1f3f5;
1351
+ }
1352
+ .dd-search__control {
973
1353
  font-size: 13px;
1354
+ flex: 1;
974
1355
  }
975
- .consumption-filter-content .title {
976
- opacity: 0.6;
977
- line-height: 18px;
1356
+ .dd-search__input {
1357
+ width: 100%;
1358
+ box-sizing: border-box;
1359
+ padding: 0 10px;
1360
+ caret-color: var(--app-primary-color, #017fff);
978
1361
  }
979
- .consumption-filter-content .info {
980
- display: grid;
981
- grid-template-columns: 1fr 1fr 1fr;
982
- grid-gap: 10px;
983
- margin: 10px 0;
1362
+ .dd-search__prefix, .dd-search__suffix {
1363
+ width: 15px !important;
1364
+ height: 15px !important;
984
1365
  }
985
- .consumption-filter-content .info-item {
986
- height: 30px;
987
- line-height: 30px;
988
- border: 1px solid #ccc;
989
- border-radius: 6px;
990
- text-align: center;
1366
+ .dd-search__btn {
1367
+ height: 33px;
1368
+ line-height: 33px;
1369
+ padding: 0 10px;
1370
+ font-size: 16px;
1371
+ color: var(--app-primary-color, #017fff);
991
1372
  }
992
- .consumption-filter-content .info .current {
993
- border-radius: 5px;
994
- border: 1px solid #EFD082;
995
- background: linear-gradient(180deg, #FFF7E3 0%, #FEFDE6 100%);
1373
+ .dd-search.disabled .dd-search__suffix {
1374
+ display: none;
996
1375
  }
997
- .consumption-filter-btn {
998
- margin: 0 15px;
1376
+ .dd-search.disabled .dd-search__control {
1377
+ flex: 1;
1378
+ width: fit-content;
1379
+ }
1380
+ .notice-list {
1381
+ height: 100vh;
1382
+ overflow: hidden;
999
1383
  display: flex;
1000
- justify-content: space-between;
1001
- align-items: center;
1384
+ flex-direction: column;
1002
1385
  }
1003
- .consumption-filter-btn .btn {
1004
- flex: 1;
1005
- height: 40px;
1006
- line-height: 40px;
1007
- text-align: center;
1008
- border: 1px solid #ccc;
1386
+ .notice-list .wrapper {
1387
+ height: 100%;
1388
+ padding: 10px 12px;
1009
1389
  box-sizing: border-box;
1010
- color: #666;
1011
- font-size: 16px;
1012
- border-radius: 6px;
1013
1390
  }
1014
- .consumption-filter-btn .confirm {
1015
- margin-left: 11px;
1016
- color: #000;
1017
- border: none;
1018
- background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
1391
+ .notice-list .wrapper .content {
1392
+ height: 100%;
1393
+ background: #ffffff;
1394
+ border-radius: 10px;
1019
1395
  }
1020
- .consumption-filter-bottom {
1021
- height: 32px;
1396
+ .notice-list .wrapper .content .card {
1397
+ margin: 0 10px;
1398
+ min-height: 64px;
1022
1399
  background: #fff;
1400
+ position: relative;
1401
+ padding: 10px;
1023
1402
  }
1024
- .consumption-filter .icon {
1025
- display: block;
1026
- width: 20px;
1027
- height: 20px;
1028
- background-size: 40px;
1029
- background-repeat: no-repeat;
1030
- background-position: center center;
1403
+ .notice-list .wrapper .content .card::before {
1404
+ content: "";
1405
+ position: absolute;
1406
+ left: 2px;
1407
+ top: 0;
1408
+ height: 18px;
1409
+ width: 1px;
1410
+ background: #d8d8d8;
1031
1411
  }
1032
- .consumption-filter .icon.icon-x {
1412
+ .notice-list .wrapper .content .card::after {
1413
+ content: "";
1033
1414
  position: absolute;
1034
- right: 10px;
1035
- top: 11px;
1036
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MSA0MUgxVjFINDFWNDFaIiBmaWxsPSIjRDhEOEQ4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC4wMSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjM1NjEgMjAuOTk5OUwzMy45NjM3IDMxLjYwNzJDMzQuNjE0NiAzMi4yNTgxIDM0LjYxNDYgMzMuMzEzNCAzMy45NjM3IDMzLjk2NDJDMzMuMzQyNSAzNC41ODU1IDMyLjM1MjcgMzQuNjEzOCAzMS42OTc5IDM0LjA0ODlMMjAuOTk5NCAyMy4zNTY2TDEwLjM5MzUgMzMuOTY0MkM5Ljc0MjY1IDM0LjYxNTEgOC42ODczOCAzNC42MTUxIDguMDM2NSAzMy45NjQyQzcuNDE1MTkgMzMuMzQyOSA3LjM4Njk3IDMyLjM1MzIgNy45NTE3OSAzMS42OTg0TDE4LjY0MjggMjAuOTk5OUw4LjAzNjUgMTAuMzk0QzcuMzg1NjMgOS43NDMxNCA3LjM4NTYzIDguNjg3ODcgOC4wMzY1IDguMDM2OTlDOC42NTc3OSA3LjQxNTY4IDkuNjQ3NTQgNy4zODc0NiAxMC4zMDIzIDcuOTUyMjdMMjAuOTk5NCAxOC42NDMzTDMxLjYwNjcgOC4wMzY5OUMzMi4yNTc2IDcuMzg2MTIgMzMuMzEyOSA3LjM4NjEyIDMzLjk2MzcgOC4wMzY5OUMzNC41ODUgOC42NTgyOCAzNC42MTMzIDkuNjQ4MDMgMzQuMDQ4NSAxMC4zMDI4TDIzLjM1NjEgMjAuOTk5OVoiIGZpbGw9IiMxNzFBMUQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjAxIi8+Cjwvc3ZnPgo=");
1415
+ left: 2px;
1416
+ top: 18px;
1417
+ bottom: 0;
1418
+ width: 1px;
1419
+ background: #d8d8d8;
1037
1420
  }
1038
- .consumption-date-filter {
1039
- height: 100%;
1040
- display: flex;
1041
- flex-direction: column;
1042
- width: 100%;
1421
+ .notice-list .wrapper .content .card:first-child::before {
1422
+ display: none;
1043
1423
  }
1044
- .consumption-date-filter .date-filter-header {
1045
- text-align: center;
1046
- height: 44px;
1047
- line-height: 44px;
1048
- color: #353535;
1049
- font-size: 17px;
1050
- background-color: #f5f5f5;
1424
+ .notice-list .wrapper .content .card:last-child::after {
1425
+ display: none;
1051
1426
  }
1052
- .consumption-date-filter .content {
1053
- flex: 1;
1054
- margin: 15px;
1055
- overflow-y: scroll;
1056
- color: #353535;
1427
+ .notice-list .wrapper .content .card .point {
1428
+ width: 5px;
1429
+ height: 5px;
1430
+ background-color: #d8d8d8;
1431
+ border-radius: 50%;
1432
+ position: absolute;
1433
+ left: 0;
1434
+ top: 18px;
1435
+ z-index: 9;
1436
+ }
1437
+ .notice-list .wrapper .content .card .time {
1057
1438
  font-size: 13px;
1439
+ color: #353535;
1440
+ line-height: 19px;
1441
+ opacity: 0.2;
1442
+ margin-bottom: 5px;
1443
+ }
1444
+ .notice-list .wrapper .content .card .text {
1445
+ font-size: 14px;
1446
+ line-height: 20px;
1447
+ color: #9fa0a1;
1448
+ }
1449
+ .notice-list .wrapper .content .card.active .point {
1450
+ background-color: #f43309;
1058
1451
  }
1059
- .consumption-date-filter .content .title {
1060
- opacity: 0.6;
1061
- line-height: 18px;
1452
+ .notice-list .wrapper .content .card.active .text {
1453
+ color: #171a1d;
1454
+ font-size: 13px;
1062
1455
  }
1063
- .consumption-date-filter .content .info {
1064
- display: grid;
1065
- grid-template-columns: 1fr 1fr 1fr;
1066
- grid-gap: 10px;
1067
- margin: 10px 0;
1456
+ .notice-list .wrapper .content .card.active .text.tit {
1457
+ font-size: 15px;
1458
+ margin-bottom: 4px;
1068
1459
  }
1069
- .consumption-date-filter .content .info .item {
1070
- height: 30px;
1071
- line-height: 30px;
1072
- border: 1px solid #ccc;
1073
- border-radius: 6px;
1074
- text-align: center;
1460
+ .notice-list .wrapper .content .card.active .notice-list-label {
1461
+ opacity: 1;
1075
1462
  }
1076
- .consumption-date-filter .content .info .current {
1077
- border: 1px solid;
1078
- border-image-source: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%);
1079
- background: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%), linear-gradient(180deg, #fff7e3 0%, #fefde6 100%);
1463
+ .notice-list .wrapper .content .card.active .notice-list-file {
1464
+ opacity: 1;
1080
1465
  }
1081
- .consumption-date-filter .buttons {
1082
- margin: 0 15px;
1466
+ .notice-list .no-data {
1467
+ background-color: #fff;
1083
1468
  display: flex;
1084
- justify-content: space-between;
1085
1469
  align-items: center;
1470
+ flex-direction: column;
1471
+ height: 100%;
1086
1472
  }
1087
- .consumption-date-filter .buttons .btn {
1088
- flex: 1;
1089
- height: 40px;
1090
- line-height: 40px;
1473
+ .notice-list .no-data .text {
1474
+ height: 20px;
1475
+ font-size: 14px;
1476
+ color: #7e7e7e;
1477
+ line-height: 20px;
1478
+ }
1479
+ .notice-list .no-data-img {
1480
+ width: 238px;
1481
+ height: 157px;
1482
+ margin-top: 105px;
1483
+ margin-bottom: 19px;
1484
+ }
1485
+ .notice-list-file {
1486
+ font-size: 10px;
1487
+ color: var(--app-primary-color, #017fff);
1488
+ opacity: 0.5;
1489
+ }
1490
+ .notice-list .cue-text {
1491
+ font-size: 13px;
1492
+ color: rgba(60, 60, 60, 0.5);
1493
+ padding: 30px 0 calc(30px + env(safe-area-inset-bottom, 0px));
1091
1494
  text-align: center;
1092
- border: 1px solid #ccc;
1093
- box-sizing: border-box;
1094
- color: #666;
1095
- font-size: 16px;
1096
- border-radius: 6px;
1097
1495
  }
1098
- .consumption-date-filter .buttons .confirm {
1099
- margin-left: 11px;
1100
- color: #000;
1101
- border: none;
1102
- background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
1496
+ .notice-list-label {
1497
+ border: 1px solid #caa264;
1498
+ color: #caa264;
1499
+ border-radius: 1px;
1500
+ font-size: 8px;
1501
+ display: inline-flex;
1502
+ justify-content: center;
1503
+ align-items: center;
1504
+ height: 14px;
1505
+ padding: 0 5px;
1506
+ margin-left: 4px;
1507
+ opacity: 0.5;
1103
1508
  }
1104
- .consumption-date-filter .time {
1509
+ .user-entry {
1510
+ position: absolute;
1511
+ left: 0;
1512
+ top: 130px;
1513
+ transform: translateY(-50%);
1105
1514
  display: flex;
1106
- justify-content: flex-start;
1515
+ padding: 0 22px;
1107
1516
  align-items: center;
1108
- margin: 10px 0 30px 0;
1517
+ width: 100%;
1109
1518
  }
1110
- .consumption-date-filter .time .line {
1111
- margin: 0 8px;
1519
+ .user-entry-head {
1520
+ position: relative;
1521
+ width: 62px;
1522
+ height: 62px;
1523
+ margin-right: 8px;
1112
1524
  }
1113
- .consumption-date-filter .time .item {
1114
- height: 30px;
1115
- line-height: 30px;
1116
- padding: 0 15px;
1117
- font-size: 13px;
1118
- color: #353535;
1119
- border: 1px solid transparent;
1120
- box-sizing: border-box;
1121
- background: rgba(245, 245, 245, 0.8);
1122
- border-radius: 6px;
1525
+ .user-entry-head-img {
1526
+ width: 100%;
1527
+ height: 100%;
1528
+ overflow: hidden;
1529
+ border-radius: 50%;
1530
+ border: 1.5px solid #fff;
1123
1531
  }
1124
- .consumption-date-filter .time .current {
1125
- border: 1px solid #353535;
1532
+ .user-entry-head-icon {
1533
+ position: absolute;
1534
+ width: 15px;
1535
+ height: 15px;
1536
+ bottom: 2px;
1537
+ left: 48px;
1538
+ background: url("https://cdn.ddjf.com/static/images/wx-yunservice/edit-icon.png") center;
1539
+ background-size: cover;
1126
1540
  }
1127
- .consumption-date-filter .bottom {
1128
- height: 32px;
1129
- background: #fff;
1541
+ .user-entry-bd {
1542
+ color: #fff;
1130
1543
  }
1131
- .consumption-rules .title {
1132
- line-height: 16px;
1544
+ .user-entry-bd-bigtxt {
1545
+ display: flex;
1546
+ align-items: center;
1547
+ font-size: 20px;
1133
1548
  font-weight: 500;
1134
- color: #1a1a1a;
1135
- font-size: 16px;
1136
- text-align: center;
1137
- width: 100%;
1549
+ line-height: 28px;
1550
+ margin-left: 10px;
1138
1551
  }
1139
- .consumption-rules .desc {
1140
- flex: 1;
1141
- font-size: 14px;
1552
+ .user-entry-bd-bigtxt-icon {
1553
+ width: 20px;
1554
+ }
1555
+ .user-entry-bd-txt {
1556
+ font-size: 20px;
1557
+ font-weight: 500;
1558
+ line-height: 25px;
1559
+ margin-bottom: 5px;
1560
+ }
1561
+ .user-entry-bd-smalltxt {
1562
+ margin-top: 0;
1563
+ font-size: 15px;
1142
1564
  line-height: 21px;
1143
- color: #666;
1144
- overflow-y: scroll;
1145
- margin: 10px 0;
1146
1565
  }
1147
- .consumption-rules .desc-title {
1148
- font-weight: 600;
1566
+ .user-info {
1567
+ height: 100vh;
1149
1568
  }
1150
- .consumption-rules .know {
1151
- background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
1152
- height: 30px;
1153
- line-height: 30px;
1154
- font-size: 14px;
1155
- color: #353535;
1156
- border-radius: 15px;
1157
- width: 130px;
1158
- margin: 0 auto;
1159
- text-align: center;
1569
+ .user-info-wrap {
1570
+ padding: 0 12px;
1571
+ padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
1572
+ box-sizing: border-box;
1573
+ min-height: 100%;
1160
1574
  }
1161
- .empty-view {
1575
+ .user-info-tit {
1576
+ height: 38px;
1162
1577
  display: flex;
1163
- flex-direction: column;
1164
- justify-content: center;
1165
1578
  align-items: center;
1166
- margin-top: 80px;
1167
- }
1168
- .empty-view-image {
1169
- display: block;
1170
- font-size: 0;
1171
- width: 144px;
1172
- height: 80px;
1173
- filter: grayscale(1);
1174
- }
1175
- .empty-view-text {
1176
- opacity: 0.4;
1177
- color: #353535;
1579
+ color: #666666;
1178
1580
  font-size: 12px;
1179
- line-height: 28px;
1581
+ padding-left: 10px;
1180
1582
  }
1181
- .tip {
1182
- margin: 0 15px;
1183
- display: flex;
1184
- padding: 8px 10px;
1185
- justify-content: start;
1186
- background: #fff;
1187
- box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
1583
+ .user-info-head {
1188
1584
  border-radius: 5px;
1189
- margin-top: 10px;
1190
- }
1191
- .tip .tip-icon {
1192
- display: block;
1193
- font-size: 0;
1194
- width: 18px;
1195
- height: 18px;
1585
+ background: #fff;
1586
+ padding: 30px 11px 0;
1196
1587
  }
1197
- .tip .tip-content {
1198
- margin-left: 6px;
1199
- color: #5D4431;
1200
- line-height: 18px;
1201
- font-size: 12px;
1588
+ .user-info-head-avatar {
1589
+ position: relative;
1590
+ width: 80px;
1591
+ height: 80px;
1592
+ margin: 0 auto 25px;
1202
1593
  }
1203
- .account-view {
1204
- height: 100vh;
1594
+ .user-info-head-img {
1595
+ width: 100%;
1596
+ height: 100%;
1597
+ overflow: hidden;
1598
+ border-radius: 50%;
1205
1599
  }
1206
- .account-view .scroll-content {
1207
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUwIiBoZWlnaHQ9IjQwNiIgdmlld0JveD0iMCAwIDc1MCA0MDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zODIuNSA0MDcuNUM1NzcuMzU3IDQwNy41IDc1My43ODggMzgxLjI0OCA4ODEuNTIxIDMzOC43OTFDOTQ1LjM4NiAzMTcuNTYzIDk5Ny4xMDQgMjkyLjI3NiAxMDMyLjg3IDI2NC4xNzFDMTA2OC42MiAyMzYuMDcxIDEwODguNSAyMDUuMDk3IDEwODguNSAxNzIuNUMxMDg4LjUgMTM5LjkwMyAxMDY4LjYyIDEwOC45MjkgMTAzMi44NyA4MC44Mjg5Qzk5Ny4xMDQgNTIuNzI0NSA5NDUuMzg2IDI3LjQzNjcgODgxLjUyMSA2LjIwODk4Qzc1My43ODggLTM2LjI0ODIgNTc3LjM1NyAtNjIuNSAzODIuNSAtNjIuNUMxODcuNjQzIC02Mi41IDExLjIxMjIgLTM2LjI0ODIgLTExNi41MjIgNi4yMDg5OEMtMTgwLjM4NiAyNy40MzY3IC0yMzIuMTA0IDUyLjcyNDUgLTI2Ny44NjcgODAuODI4OUMtMzAzLjYyNCAxMDguOTI5IC0zMjMuNSAxMzkuOTAzIC0zMjMuNSAxNzIuNUMtMzIzLjUgMjA1LjA5NyAtMzAzLjYyNCAyMzYuMDcxIC0yNjcuODY3IDI2NC4xNzFDLTIzMi4xMDQgMjkyLjI3NiAtMTgwLjM4NiAzMTcuNTYzIC0xMTYuNTIyIDMzOC43OTFDMTEuMjEyMiAzODEuMjQ4IDE4Ny42NDMgNDA3LjUgMzgyLjUgNDA3LjVaIiBmaWxsPSIjM0IzOTNDIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=");
1208
- background-position: center -200px;
1209
- background-repeat: no-repeat;
1600
+ .user-info-head-upload {
1601
+ position: absolute;
1602
+ bottom: -2px;
1603
+ left: 52px;
1604
+ width: 29px;
1605
+ height: 29px;
1606
+ background: #333333;
1607
+ overflow: hidden;
1608
+ border-radius: 50%;
1609
+ display: flex;
1610
+ align-items: center;
1611
+ justify-content: center;
1210
1612
  }
1211
- .account-view .page-header {
1212
- background-color: #3b393c;
1213
- position: sticky;
1214
- top: 0;
1215
- z-index: 1;
1216
- transition: background-color 0.3s;
1613
+ .user-info-head-upload-icon {
1614
+ width: 17px;
1615
+ height: 17px;
1217
1616
  }
1218
- .account-view .page-header.with-background {
1219
- background-color: #3b393c;
1617
+ .user-info-team-item {
1618
+ border-radius: 5px;
1619
+ background: #fff;
1620
+ display: flex;
1621
+ padding: 15px;
1622
+ margin-bottom: 10px;
1220
1623
  }
1221
- .account-view .spa-between {
1624
+ .user-info-team-item-avatar {
1625
+ width: 38px;
1626
+ height: 38px;
1627
+ margin-right: 15px;
1628
+ border-radius: 5px;
1629
+ background: rgba(1, 127, 255, 0.3);
1222
1630
  display: flex;
1223
- justify-content: space-between;
1224
1631
  align-items: center;
1632
+ justify-content: center;
1225
1633
  }
1226
- .account-view .row {
1634
+ .user-info-team-item-avatar-img {
1635
+ width: 100%;
1636
+ height: 100%;
1637
+ }
1638
+ .user-info-team-item-title {
1639
+ font-size: 16px;
1640
+ font-weight: 500;
1641
+ margin-bottom: 5px;
1642
+ }
1643
+ .user-info-team-item-app {
1644
+ margin-bottom: 8px;
1227
1645
  display: flex;
1228
- flex-direction: row;
1229
- margin: 10px 15px;
1646
+ align-items: center;
1647
+ flex-wrap: wrap;
1230
1648
  }
1231
- .account-view .jusify-right {
1232
- justify-content: flex-end;
1649
+ .user-info-team-item-app-tag {
1650
+ border: 1px solid rgba(53, 53, 53, 0.2);
1651
+ font-size: 10px;
1652
+ height: 18px;
1653
+ display: inline-flex;
1654
+ align-items: center;
1655
+ justify-content: center;
1656
+ padding: 0 6px;
1657
+ border-radius: 2px;
1658
+ margin: 0 10px 6px 0;
1233
1659
  }
1234
- .account-view .small-bean-button {
1235
- height: 22px;
1236
- border-radius: 11px;
1237
- border: 1px solid rgba(255, 255, 255, 0.062745098);
1238
- background-color: rgba(255, 255, 255, 0.0941176471);
1239
- display: inline-block;
1240
- padding: 0 10px;
1241
- line-height: 22px;
1242
- color: #e7caad;
1243
- font-size: 12px;
1660
+ .user-info-team-item-bd {
1661
+ flex: 1;
1244
1662
  }
1245
- .account-view .small-bean-button label {
1246
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDZMMTYgMTJMMTAgMThWNloiIGZpbGw9IiNFN0NBQUQiIHN0cm9rZT0iI0U3Q0FBRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
1247
- padding-right: 18px;
1248
- background-repeat: no-repeat;
1249
- background-position: right center;
1250
- background-size: 16px;
1663
+ .user-info-team-item-role {
1664
+ padding: 10px;
1665
+ background: rgba(245, 245, 245, 0.5);
1666
+ border-radius: 5px;
1667
+ margin-bottom: 10px;
1251
1668
  }
1252
- .account-view .balance {
1253
- border-radius: 15px;
1254
- background: linear-gradient(105deg, #f4e2ce 1.88%, #debb9b 98.18%);
1255
- box-shadow: 0px -10px 9px -3px rgba(0, 0, 0, 0.33);
1256
- height: 112px;
1257
- padding: 20px;
1258
- margin: 0 15px;
1259
- box-sizing: border-box;
1669
+ .user-info-team-item-role-btn {
1670
+ color: var(--app-primary-color, #017fff);
1260
1671
  font-size: 10px;
1261
- }
1262
- .account-view .balance .bean-img {
1263
- display: flex;
1264
- justify-content: flex-start;
1672
+ display: inline-flex;
1265
1673
  align-items: center;
1674
+ margin-bottom: 6px;
1266
1675
  }
1267
- .account-view .balance .bean-img .bean-icon {
1268
- display: block;
1269
- font-size: 0;
1270
- width: 20px;
1271
- height: 20px;
1272
- margin-right: 4px;
1676
+ .user-info-team-item-role-btn-icon {
1677
+ width: 12px;
1678
+ height: 12px;
1679
+ position: relative;
1680
+ top: 1px;
1273
1681
  }
1274
- .account-view .balance .bean-img .bean-tag {
1275
- color: #353535;
1276
- height: 15px;
1277
- line-height: 15px;
1278
- border-radius: 30px 50px 50px 0px;
1279
- background: rgba(255, 131, 32, 0.3);
1280
- padding-left: 5px;
1281
- padding-right: 10px;
1682
+ .user-info-team-item-role-btn-icon.showRole {
1683
+ transform: rotate(180deg);
1282
1684
  }
1283
- .account-view .balance .bean-img .tag {
1284
- background: #ff8320;
1285
- color: #fff;
1685
+ .user-info-team-item-role-item {
1686
+ display: flex;
1687
+ font-size: 10px;
1688
+ margin-bottom: 10px;
1286
1689
  }
1287
- .account-view .balance .rule {
1288
- color: #353535;
1289
- opacity: 0.5;
1690
+ .user-info-team-item-role-item:last-child {
1691
+ margin-bottom: 0;
1290
1692
  }
1291
- .account-view .bean-counts {
1292
- margin-top: 12px;
1693
+ .user-info-team-item-role-item-name {
1694
+ opacity: 0.5;
1695
+ white-space: nowrap;
1696
+ margin-right: 10px;
1697
+ min-width: 40px;
1293
1698
  }
1294
- .account-view .bean-counts .counts {
1295
- color: #3d3835;
1296
- font-size: 32px;
1297
- font-weight: 700;
1699
+ .user-info-team-item-role-item-info {
1700
+ flex: 1;
1701
+ color: #1a1a1a;
1298
1702
  }
1299
- .account-view .bean-counts .pay {
1300
- padding: 0 20px;
1301
- height: 32px;
1302
- line-height: 32px;
1303
- background: linear-gradient(187.18deg, #353535 10.04%, #433f46 90.21%);
1304
- border-radius: 16px;
1305
- color: #e7caad;
1306
- font-size: 15px;
1307
- font-weight: 500;
1703
+ .user-info-team-item-user {
1704
+ margin-bottom: 4px;
1705
+ font-size: 12px;
1706
+ display: flex;
1707
+ align-items: center;
1308
1708
  }
1309
- .consumption-rules-popup {
1310
- border-radius: 16px;
1311
- width: 70%;
1312
- max-height: 80%;
1313
- padding: 24px;
1709
+ .user-info-team-item-user-icon {
1710
+ width: 10px;
1711
+ height: 10px;
1712
+ margin-left: 4px;
1314
1713
  }
1315
- .operation-box {
1316
- width: 100vw;
1317
- overflow: hidden;
1714
+ .user-info-team-item-dept {
1318
1715
  display: flex;
1319
- flex-direction: column;
1320
- height: calc(100vh - 87px);
1321
- }
1322
- .operation-box .operation-title {
1323
- padding: 10px 15px;
1324
- background: #fff;
1325
- transition: box-shadow 0.3s;
1716
+ flex-wrap: wrap;
1717
+ font-size: 10px;
1718
+ color: rgba(26, 26, 26, 0.8);
1326
1719
  }
1327
- .operation-box .operation-title.with-shadow {
1328
- box-shadow: 0px 1px 10px 0px rgba(153, 153, 153, 0.2);
1720
+ .user-info-team-item-dept-item {
1721
+ font-size: 10px;
1722
+ color: rgba(26, 26, 26, 0.5);
1723
+ margin: 4px 10px 4px 0;
1329
1724
  }
1330
- .operation-box .operation-title .text {
1331
- color: #353535;
1332
- font-size: 12px;
1333
- opacity: 0.5;
1725
+ .user-info-team-item-dept-item:first-child {
1726
+ color: rgba(26, 26, 26, 0.8);
1334
1727
  }
1335
- .operation-box .operation-title .time-icon {
1336
- display: block;
1337
- font-size: 0;
1338
- width: 12px;
1339
- height: 12px;
1340
- margin-left: 4px;
1728
+ .user-info-ft-btn {
1729
+ width: 100%;
1730
+ border-color: transparent !important;
1731
+ color: rgba(27, 63, 107, 0.8) !important;
1341
1732
  }
1342
- .operation-box .operation-title .search-time {
1343
- display: flex;
1344
- align-items: center;
1733
+ .user-info .nut-cell {
1734
+ padding: 11px 0;
1735
+ margin: 0;
1736
+ box-shadow: none;
1737
+ border-bottom: 1px solid #f0f0f0;
1738
+ font-size: 16px;
1345
1739
  }
1346
- .operation-box .operation-title .search-time .title {
1740
+ .user-info .nut-cell .nut-cell__value {
1741
+ font-size: 16px;
1347
1742
  color: #000;
1348
- font-weight: 500;
1349
- font-size: 17px;
1350
- margin-right: 10px;
1351
1743
  }
1352
- .operation-box .operation-title .search-time .time {
1353
- height: 22px;
1354
- padding-right: 5px;
1355
- flex: 1;
1744
+ .user-info .nut-cell .nut-cell__link {
1745
+ color: #ccc;
1746
+ margin-left: 8px;
1747
+ }
1748
+ .upload-avatar-popup-box {
1356
1749
  display: flex;
1750
+ flex-direction: column;
1357
1751
  align-items: center;
1752
+ justify-content: center;
1358
1753
  }
1359
- .operation-box .operation-title .search {
1754
+ .upload-avatar-popup-avatar {
1755
+ width: 320px;
1756
+ height: 320px;
1757
+ overflow: hidden;
1758
+ border-radius: 50%;
1759
+ margin-bottom: 50px;
1760
+ }
1761
+ .upload-avatar-popup-btn {
1762
+ width: 106px;
1763
+ height: 37px;
1764
+ border-radius: 50px;
1765
+ border: 1px solid #ffffff;
1360
1766
  display: flex;
1767
+ justify-content: center;
1361
1768
  align-items: center;
1362
- height: 22px;
1363
- padding-left: 5px;
1769
+ color: #ffffff;
1770
+ font-size: 16px;
1364
1771
  }
1365
- .operation-box .spa-between {
1772
+ .change-username-popup .nut-dialog {
1773
+ min-height: auto;
1774
+ }
1775
+ .change-username-popup .nut-input {
1776
+ height: 40px;
1777
+ padding: 0;
1366
1778
  display: flex;
1367
- justify-content: space-between;
1368
1779
  align-items: center;
1780
+ font-size: 16px;
1781
+ border: none;
1369
1782
  }
1370
- .operation-box .operation-list {
1371
- flex: 1;
1783
+ .change-username-popup .nut-input .input-text {
1372
1784
  width: 100%;
1785
+ height: 100%;
1786
+ font-size: 14px;
1373
1787
  }
1374
- .operation-box .operation-list .operation-scroll {
1375
- height: calc(100vh - 130px);
1788
+ .change-username-popup .nut-input .nut-input-value,
1789
+ .change-username-popup .nut-input .nut-input-inner,
1790
+ .change-username-popup .nut-input .nut-input-box {
1791
+ height: 100%;
1792
+ overflow: hidden;
1793
+ background: #f5f5f5;
1794
+ border-radius: 6px;
1795
+ }
1796
+ .change-username-popup .nut-input .nut-placeholder {
1797
+ color: #cccccc;
1798
+ line-height: 38px;
1799
+ height: 38px;
1800
+ }
1801
+ .change-username-popup .nut-input .nut-input-box {
1376
1802
  padding: 0 15px;
1377
- box-sizing: border-box;
1378
1803
  }
1379
- .operation-box .operation-list .box-detail .title {
1380
- line-height: 22px;
1381
- font-weight: 700;
1382
- font-size: 12px;
1383
- color: #000;
1384
- opacity: 0.5;
1385
- margin-bottom: 10px;
1804
+ .change-username-popup-cancel.nut-button {
1805
+ border-radius: 15px;
1806
+ font-size: 14px;
1807
+ height: 30px;
1386
1808
  }
1387
- .operation-box .operation-list .box-detail .item {
1388
- border-radius: 5px;
1389
- background: rgba(255, 255, 255, 0.5);
1390
- box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
1391
- border-radius: 5px;
1392
- padding: 12px 10px;
1809
+ .change-username-popup-ok.nut-button {
1810
+ background: var(--app-primary-color, #017fff);
1811
+ height: 30px;
1812
+ font-size: 14px;
1813
+ border-radius: 15px;
1814
+ }
1815
+ .user-binding {
1816
+ height: 100vh;
1393
1817
  display: flex;
1818
+ flex-direction: column;
1819
+ box-sizing: border-box;
1820
+ padding: 10px 12px env(safe-area-inset-bottom, 0px);
1821
+ }
1822
+ .user-binding-img {
1823
+ width: 351px;
1824
+ height: 192px;
1825
+ }
1826
+ .user-binding-layout {
1827
+ position: relative;
1828
+ width: 351px;
1829
+ border-radius: 4px;
1830
+ background: #fff;
1831
+ overflow: hidden;
1394
1832
  margin-bottom: 10px;
1395
1833
  }
1396
- .operation-box .operation-list .box-detail .item-type {
1397
- background: linear-gradient(113.95deg, #f4e2ce 1.2%, #debb9b 77.63%);
1398
- width: 30px;
1834
+ .user-binding-btn {
1835
+ position: absolute;
1836
+ bottom: 50px;
1837
+ left: 25px;
1838
+ width: calc(100% - 50px);
1839
+ font-size: 16px;
1840
+ background: var(--app-primary-color, #017fff);
1841
+ height: 40px;
1842
+ line-height: 38px;
1843
+ }
1844
+ .user-binding-codebtn {
1399
1845
  height: 30px;
1400
- border-radius: 15px;
1401
- margin-right: 15px;
1402
- line-height: 30px;
1403
- font-size: 10px;
1404
- font-weight: 500;
1405
- color: #000;
1406
- text-align: center;
1846
+ font-size: 12px;
1847
+ padding: 0;
1848
+ width: 90px;
1849
+ border: none;
1850
+ color: var(--app-primary-color, #017fff);
1851
+ background: #f2f2f2;
1407
1852
  }
1408
- .operation-box .operation-list .box-detail .item-detail {
1409
- flex: 1;
1853
+ .user-binding-steps {
1854
+ margin-top: 15px;
1410
1855
  }
1411
- .operation-box .operation-list .box-detail .item-detail .item-info {
1412
- padding: 0;
1413
- font-size: 14px;
1414
- font-weight: 700;
1415
- color: #000;
1856
+ .user-binding-steps .nut-step-line {
1857
+ background: rgb(220, 220, 220);
1858
+ left: 60%;
1859
+ right: -40%;
1416
1860
  }
1417
- .operation-box .operation-list .box-detail .item-detail .item-info-type {
1418
- line-height: 15px;
1861
+ .user-binding-steps .nut-step-title {
1862
+ font-weight: bold;
1863
+ color: rgba(0, 0, 0, 0.4);
1419
1864
  }
1420
- .operation-box .operation-list .box-detail .item-detail .item-info-title {
1421
- font-weight: 400;
1422
- opacity: 0.8;
1423
- font-size: 11px;
1865
+ .user-binding-steps .nut-step.nut-step-wait .nut-step-icon.is-text {
1866
+ background: rgb(243, 243, 243);
1867
+ border-color: rgb(243, 243, 243);
1868
+ color: rgba(0, 0, 0, 0.4);
1424
1869
  }
1425
- .operation-box .operation-list .box-detail .item-detail .item-info-amount {
1426
- color: #9e7b5a;
1870
+ .user-binding-steps .nut-step.nut-step-process .nut-step-icon.is-text {
1871
+ background: var(--app-primary-color, #017fff);
1872
+ border-color: var(--app-primary-color, #017fff);
1427
1873
  }
1428
- .operation-box .operation-list .box-detail .item-detail-remark {
1429
- opacity: 0.3;
1430
- line-height: 15px;
1431
- font-size: 10px;
1874
+ .user-binding-steps .nut-step.nut-step-process .nut-step-title {
1875
+ color: var(--app-primary-color, #017fff);
1432
1876
  }
1433
- .operation-box .operation-list .box-not-text {
1434
- opacity: 0.4;
1435
- color: #353535;
1436
- font-size: 12px;
1437
- line-height: 20px;
1438
- margin: 0 auto 40px;
1439
- text-align: center;
1877
+ .user-binding-steps .nut-step-head {
1878
+ margin-bottom: 8px;
1440
1879
  }
1441
- .rights-card {
1442
- margin: 10px 15px 0px;
1443
- background: #fff8f3;
1444
- border-radius: 5px;
1445
- box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
1446
- padding: 15px 20px;
1880
+ .user-binding-steps .nut-step.nut-step-finish .nut-step-title {
1881
+ color: rgba(0, 0, 0, 0.9);
1447
1882
  }
1448
- .rights-card .title {
1449
- height: 25px;
1450
- line-height: 25px;
1451
- background: rgba(255, 131, 32, 0.3);
1452
- border-radius: 20px 50px 50px 0px;
1453
- color: #353535;
1454
- font-size: 12px;
1455
- display: inline-block;
1456
- padding-left: 5px;
1457
- padding-right: 12px;
1883
+ .user-binding-steps .nut-step.nut-step-finish .nut-step-line {
1884
+ background: var(--app-primary-color, #017fff);
1458
1885
  }
1459
- .rights-card .list {
1460
- display: flex;
1461
- flex-wrap: wrap;
1886
+ .user-binding-steps .nut-step.nut-step-finish .nut-step-head {
1887
+ color: var(--app-primary-color, #017fff);
1888
+ border-color: var(--app-primary-color, #017fff);
1462
1889
  }
1463
- .rights-card .list .item {
1464
- width: 50%;
1465
- margin-top: 15px;
1890
+ .user-binding-steps .nut-step-icon {
1891
+ width: 22px;
1892
+ height: 22px;
1466
1893
  }
1467
- .rights-card .list .item .item-count {
1468
- font-size: 20px;
1469
- color: #353535;
1470
- font-weight: 700;
1471
- line-height: 23px;
1894
+ .user-binding-inputlayout {
1895
+ padding: 0 10px;
1896
+ box-sizing: border-box;
1472
1897
  }
1473
- .rights-card .list .item .item-title {
1474
- line-height: 23px;
1475
- color: #987356;
1476
- font-size: 11px;
1898
+ .user-binding-inputlayout .nut-input {
1899
+ height: 40px;
1900
+ padding: 0;
1477
1901
  display: flex;
1478
1902
  align-items: center;
1903
+ font-size: 16px;
1904
+ padding-left: 3px;
1905
+ border-color: #f5f5f5;
1479
1906
  }
1480
- .rights-card .list .item .item-title .item-title-button {
1481
- padding: 0 27rpx;
1482
- height: 54rpx;
1483
- line-height: 54rpx;
1484
- background: -webkit-linear-gradient(262.82deg, #353535 10.04%, #433f46 90.21%);
1485
- background: linear-gradient(187.18deg, #353535 10.04%, #433f46 90.21%);
1486
- border-radius: 27rpx;
1487
- color: #e7caad;
1488
- font-size: 24rpx;
1489
- font-weight: 400;
1490
- margin-left: 40rpx;
1907
+ .user-binding-inputlayout .nut-input .input-text {
1908
+ width: 100%;
1909
+ }
1910
+ .user-binding-inputlayout .nut-input-label {
1911
+ color: #666;
1912
+ }
1913
+ .user-binding .nut-placeholder {
1914
+ color: #cccccc;
1915
+ }
1916
+ .user-binding-success {
1917
+ height: 100vh;
1491
1918
  display: flex;
1919
+ flex-direction: column;
1492
1920
  align-items: center;
1921
+ box-sizing: border-box;
1922
+ background: #fff;
1493
1923
  }
1494
- .rights-card .list .item .item-title .item-title-button .button-icon {
1495
- display: block;
1496
- width: 24rpx;
1497
- height: 24rpx;
1498
- font-size: 0;
1499
- margin-left: 4px;
1500
- }
1501
- .rights-card .list .star-item {
1502
- width: 100%;
1924
+ .user-binding-success-icon {
1925
+ margin-top: 80px;
1926
+ width: 50px;
1927
+ height: 50px;
1928
+ margin-bottom: 30px;
1503
1929
  }
1504
- .balance-reminder-popup {
1505
- width: 90%;
1930
+ .user-binding-success-info {
1931
+ font-size: 30px;
1932
+ color: #000000;
1933
+ font-weight: bold;
1934
+ margin-bottom: 15px;
1506
1935
  }
1507
-
1508
- .balance-reminder {
1509
- --primary-button-background: linear-gradient(135deg, #098C9D 0%, #66BF97 100%);
1936
+ .user-binding-success-sbtn {
1937
+ padding: 0 15px;
1938
+ color: #017fff;
1939
+ font-size: 16px;
1510
1940
  }
1511
-
1512
- .balance-reminder h2 {
1941
+ .user-binding-success-btn {
1942
+ margin-top: 80px;
1943
+ width: 296px;
1513
1944
  font-size: 16px;
1514
- font-weight: bold;
1515
- margin-bottom: 14px;
1945
+ background: var(--app-primary-color, #017fff);
1946
+ height: 40px;
1947
+ line-height: 38px;
1516
1948
  }
1517
-
1518
- .balance-reminder .body {
1519
- height: 120px;
1520
- box-sizing: border-box;
1949
+ .bt-container {
1521
1950
  display: flex;
1522
1951
  flex-direction: column;
1523
- align-items: center;
1524
- justify-content: center;
1525
- padding: 20px 10px 10px 10px;
1526
- font-size: 14px;
1527
- text-align: center;
1528
- color: #666;
1952
+ justify-content: space-between;
1953
+ height: 100%;
1954
+ box-sizing: border-box;
1955
+ background-color: #0e1319;
1956
+ position: relative;
1957
+ overflow: hidden;
1529
1958
  }
1530
-
1531
- .balance-reminder .footer {
1532
- display: flex;
1533
- flex-direction: row;
1534
- justify-content: stretch;
1535
- align-items: center;
1536
- padding: 10px 20px 20px 20px;
1959
+ .bt-container .iconfont {
1960
+ position: absolute;
1961
+ z-index: 999;
1962
+ top: 20px;
1963
+ font-size: 15px;
1964
+ padding: 5px;
1965
+ background-color: rgba(255, 255, 255, 0.2);
1966
+ border-radius: 50%;
1967
+ color: #ffffff;
1537
1968
  }
1538
-
1539
- .balance-reminder .footer .col {
1540
- flex-grow: 1;
1541
- padding: 6px;
1969
+ .bt-container .iconfont.active {
1970
+ color: #007aff;
1542
1971
  }
1543
-
1544
- .balance-reminder .footer .recharge-button {
1545
- color: #fff;
1546
- background: var(--primary-button-background);
1972
+ .bt-container .icon-replay {
1973
+ right: 20px;
1547
1974
  }
1548
- .ocr-id__img {
1549
- width: 20px;
1550
- height: 20px;
1975
+ .bt-container .bt-canvas {
1976
+ position: absolute;
1977
+ left: 100%;
1978
+ top: 0;
1979
+ width: 300px;
1980
+ height: 300px;
1551
1981
  }
1552
- .dd-area {
1553
- display: flex;
1554
- justify-content: flex-end;
1555
- align-items: center;
1982
+ .bt-container .mainContent {
1983
+ flex: 1;
1984
+ margin: 30px;
1985
+ position: relative;
1556
1986
  }
1557
- .dd-area-value {
1558
- text-align: right;
1559
- color: black;
1987
+ .bt-container .mainContent .image {
1988
+ position: absolute;
1989
+ transform-origin: center center;
1560
1990
  }
1561
- .dd-area-label {
1562
- color: var(--placeholder-color);
1991
+ .bt-container .mainContent .controller {
1992
+ position: absolute;
1993
+ z-index: 99;
1994
+ padding: 10px;
1563
1995
  }
1564
- .dd-selector {
1565
- display: flex;
1566
- justify-content: flex-end;
1567
- align-items: center;
1996
+ .bt-container .mainContent .controller::after {
1997
+ display: block;
1998
+ content: "";
1999
+ box-shadow: 0 0 5px #333;
2000
+ background-color: #e4e7ed;
1568
2001
  }
1569
- .dd-selector-value {
1570
- text-align: right;
1571
- color: black;
2002
+ .bt-container .mainContent .controller.controller_dot::after {
2003
+ width: 20px;
2004
+ height: 20px;
2005
+ border-radius: 99px;
1572
2006
  }
1573
- .dd-selector-label {
1574
- color: var(--placeholder-color);
2007
+ .bt-container .mainContent .controller.vertical::after {
2008
+ width: 5px;
2009
+ height: 20px;
1575
2010
  }
1576
- .self-registration {
1577
- width: 100%;
1578
- height: 100%;
1579
- display: flex;
1580
- flex-direction: column;
2011
+ .bt-container .mainContent .controller.horizon::after {
2012
+ width: 20px;
2013
+ height: 5px;
1581
2014
  }
1582
- .self-registration-body {
1583
- flex: 1;
1584
- padding: 12px;
1585
- overflow: auto;
2015
+ .bt-container .mainContent .cropper {
2016
+ position: absolute;
2017
+ border: 1px solid #eee;
2018
+ box-sizing: content-box;
2019
+ transform-origin: center center;
2020
+ outline: 999px solid rgba(0, 0, 0, 0.5);
2021
+ will-change: transform;
2022
+ display: contain;
2023
+ pointer-events: none;
2024
+ }
2025
+ .bt-container .mainContent .cropper .line {
2026
+ position: absolute;
1586
2027
  }
1587
- .self-registration-banner {
2028
+ .bt-container .mainContent .cropper .row {
1588
2029
  width: 100%;
1589
- height: 170px;
2030
+ height: 0px;
2031
+ left: 0;
2032
+ border-top: 1px dashed #007aff;
1590
2033
  }
1591
- .self-registration .nut-cell-group__warp {
1592
- border-radius: 5px;
1593
- margin: 12px 0 0;
2034
+ .bt-container .mainContent .cropper .col {
2035
+ height: 100%;
2036
+ width: 0px;
2037
+ border-left: 1px dashed #007aff;
1594
2038
  }
1595
- .self-registration__input {
1596
- display: flex;
1597
- align-items: center;
2039
+ .bt-container .mainContent .cropper .row1 {
2040
+ top: 33%;
1598
2041
  }
1599
- .self-registration-bottom {
1600
- background-color: white;
1601
- padding-bottom: var(--safe-bottom-height);
2042
+ .bt-container .mainContent .cropper .row2 {
2043
+ top: 66%;
1602
2044
  }
1603
- .self-registration .experience-button {
1604
- margin: 7.5px 12px;
1605
- border-radius: 5px;
1606
- width: calc(100% - 24px);
2045
+ .bt-container .mainContent .cropper .col1 {
2046
+ left: 33%;
1607
2047
  }
1608
- .self-registration .nut-input-text {
1609
- text-align: right !important;
2048
+ .bt-container .mainContent .cropper .col2 {
2049
+ left: 66%;
1610
2050
  }
1611
- .self-registration .nut-form-item__label.required::before {
1612
- display: none;
2051
+ .bt-container .slot {
2052
+ position: relative;
2053
+ padding-top: 10px;
1613
2054
  }
1614
- .self-registration .nut-form-item__label.required::after {
1615
- content: "*";
1616
- color: #fa2c19;
1617
- margin-right: 4px;
2055
+ .user-head-crop {
2056
+ height: 100vh;
1618
2057
  }
1619
- .self-registration .nut-form-item__label {
1620
- width: unset;
2058
+ .user-head-crop-btns {
2059
+ position: absolute;
2060
+ bottom: 0;
2061
+ left: 0;
2062
+ width: 100%;
2063
+ height: 50px;
2064
+ padding: 0 20px;
2065
+ box-sizing: border-box;
2066
+ line-height: 50px;
2067
+ display: flex;
2068
+ justify-content: space-between;
1621
2069
  }
1622
- .self-registration .input-placeholder {
1623
- color: #cccccc;
2070
+ .user-head-crop .cbtn {
2071
+ color: #fff;
1624
2072
  }
1625
- .self-registration .nut-radio__icon {
1626
- font-size: 16px;
2073
+ .user-head-crop .comfirmBtn {
2074
+ color: var(--app-primary-color, #017fff);
1627
2075
  }
1628
- .self-registration .nut-radio__icon--unchecked {
1629
- font-size: 16px;
2076
+ .user-feedback {
2077
+ margin: 10px 12px;
2078
+ padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px));
2079
+ min-height: 100vh;
2080
+ box-sizing: border-box;
2081
+ overflow: hidden;
1630
2082
  }
1631
- .notice-popup {
1632
- width: 280px;
1633
- padding: 20px 15px;
1634
- border-radius: 10px !important;
1635
- background: linear-gradient(136.72deg, #d0fdfe 6.02%, #a2b9ff 59.97%, #6593ff 108.78%);
2083
+ .user-feedback.isSuccess {
2084
+ margin: 0;
2085
+ padding: 0;
2086
+ height: 100%;
1636
2087
  }
1637
- .notice-popup::after {
1638
- content: "";
1639
- position: absolute;
1640
- width: 100%;
2088
+ .user-feedback.isSuccess .user-feedback-wrap {
2089
+ height: 100vh;
2090
+ align-items: center;
2091
+ }
2092
+ .user-feedback-wrap {
2093
+ min-height: calc(100vh - (75px + env(safe-area-inset-bottom, 0px)));
1641
2094
  height: 100%;
1642
- left: 0;
1643
- top: 0;
1644
- background: linear-gradient(360deg, #ffffff 4.73%, rgba(255, 255, 255, 0) 85.82%);
1645
- z-index: 1;
1646
- border-radius: 10px;
2095
+ background: #fff;
2096
+ display: flex;
2097
+ flex-direction: column;
2098
+ box-sizing: border-box;
2099
+ padding: 10px;
2100
+ border-radius: 5px;
1647
2101
  }
1648
- .notice-popup::before {
1649
- content: "";
1650
- width: 236px;
1651
- height: 241px;
1652
- position: absolute;
1653
- top: 0;
1654
- right: 40px;
1655
- background: url("https://cdn.ddjf.com/static/images/customer-center/notice-modal-bg.png");
2102
+ .user-feedback-head {
2103
+ background: #f2f9ff;
2104
+ padding: 15px;
2105
+ border-radius: 2px;
2106
+ font-size: 12px;
2107
+ margin-bottom: 8px;
1656
2108
  }
1657
- .notice-popup .nutui-popup__content-wrapper {
1658
- position: relative;
1659
- z-index: 2;
2109
+ .user-feedback-head-info {
2110
+ padding-left: 9px;
2111
+ text-indent: -9px;
1660
2112
  }
1661
- .notice-popup-hd {
1662
- color: #0a2668;
1663
- font-size: 17px;
2113
+ .user-feedback-tit {
2114
+ height: 44px;
1664
2115
  display: flex;
1665
2116
  align-items: center;
1666
- margin-bottom: 20px;
1667
- font-weight: 600;
2117
+ color: #1a1a1a;
2118
+ font-weight: 500;
2119
+ font-size: 17px;
1668
2120
  }
1669
- .notice-popup-hd-icon {
1670
- width: 20px;
1671
- height: 20px;
1672
- margin-right: 4px;
2121
+ .user-feedback-body {
2122
+ border-radius: 4px 4px 0px 0px;
2123
+ display: flex;
2124
+ flex-direction: column;
2125
+ overflow: hidden;
1673
2126
  }
1674
- .notice-popup-bd {
1675
- color: #353535;
1676
- box-shadow: 0px 2px 8px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 1px 0px rgba(255, 255, 255, 0.5019607843) inset, 0px 0px 1px 0px rgba(255, 255, 255, 0.6980392157);
1677
- border-radius: 3px;
1678
- background: rgba(255, 255, 255, 0.6);
1679
- min-height: 160px;
1680
- margin-bottom: 20px;
1681
- padding: 15px 10px;
1682
- box-sizing: border-box;
1683
- font-size: 10px;
2127
+ .user-feedback-editor {
2128
+ padding: 10px;
2129
+ font-size: 14px;
2130
+ background: #f5f5f5;
2131
+ overflow-y: auto;
2132
+ min-height: 165px;
1684
2133
  }
1685
- .notice-popup-bd-link {
1686
- color: #007fff;
1687
- margin-top: 2px;
1688
- font-weight: 600;
2134
+ .user-feedback-handle {
2135
+ display: flex;
2136
+ align-items: center;
2137
+ flex-wrap: wrap;
2138
+ margin-top: 10px;
2139
+ margin-right: -4px;
1689
2140
  }
1690
- .notice-popup-ft {
2141
+ .user-feedback-handle-item {
2142
+ position: relative;
2143
+ border-radius: 2px;
1691
2144
  display: flex;
1692
2145
  align-items: center;
1693
2146
  justify-content: center;
2147
+ width: 79px;
2148
+ height: 79px;
2149
+ background: #f5f5f5;
2150
+ font-size: 30px;
2151
+ color: rgba(53, 53, 53, 0.3);
2152
+ margin-right: 4px;
2153
+ margin-bottom: 4px;
1694
2154
  }
1695
- .notice-popup-ft-btn {
1696
- background: #007fff;
1697
- color: #fff;
1698
- width: 128px;
1699
- height: 30px;
2155
+ .user-feedback-handle-item-img {
2156
+ max-width: 100%;
2157
+ max-height: 100%;
2158
+ }
2159
+ .user-feedback-handle-item-close {
2160
+ position: absolute;
2161
+ top: -2px;
2162
+ right: -2px;
2163
+ width: 20px;
2164
+ height: 20px;
1700
2165
  display: flex;
1701
- align-items: center;
1702
2166
  justify-content: center;
1703
- border-radius: 15px;
2167
+ align-items: center;
1704
2168
  }
1705
- .notice-banner {
1706
- background: #e6f2ff;
1707
- height: 30px;
1708
- margin-bottom: 8px;
2169
+ .user-feedback-handle-item-close-img {
2170
+ width: 10px;
2171
+ height: 10px;
1709
2172
  }
1710
- .notice-banner.fixed {
2173
+ .user-feedback .ql-editor.ql-blank:before {
2174
+ color: rgba(0, 0, 0, 0.3);
2175
+ font-style: normal;
2176
+ }
2177
+ .user-feedback-footer {
1711
2178
  position: fixed;
1712
2179
  z-index: 10;
2180
+ bottom: 0;
2181
+ left: 0;
1713
2182
  width: 100%;
2183
+ min-height: 63px;
2184
+ background: #ffffff;
2185
+ box-shadow: 0 -3px 11px 0 rgba(224, 224, 224, 0.5);
2186
+ padding: 10px 12px calc(8px + env(safe-area-inset-bottom, 0px));
2187
+ display: flex;
2188
+ justify-content: space-between;
2189
+ box-sizing: border-box;
1714
2190
  }
1715
- .notice-banner .dd-notice-bar {
1716
- position: relative;
1717
- background: #e6f2ff;
2191
+ .user-feedback-footer-btn {
2192
+ flex: 1;
2193
+ }
2194
+ .user-feedback-footer-btn:first-child {
2195
+ margin-right: 10px;
2196
+ }
2197
+ .user-feedback-success-img {
2198
+ width: 87px;
2199
+ height: 90px;
2200
+ margin-top: 110px;
2201
+ margin-bottom: 20px;
2202
+ }
2203
+ .user-feedback-success-info {
2204
+ color: #353535;
2205
+ font-size: 16px;
2206
+ font-weight: 500;
2207
+ }
2208
+ .user-feedback-entry {
2209
+ position: fixed;
2210
+ z-index: 10;
2211
+ right: 12px;
2212
+ bottom: calc(120px + env(safe-area-inset-bottom, 0px));
2213
+ display: flex;
2214
+ flex-direction: column;
2215
+ align-items: center;
2216
+ justify-content: center;
2217
+ background: #fff;
2218
+ box-shadow: 0px 2px 5px 0px rgba(0, 110, 229, 0.1019607843);
2219
+ width: 40px;
2220
+ height: 40px;
2221
+ border-radius: 50%;
2222
+ color: rgba(0, 0, 0, 0.5);
1718
2223
  font-size: 10px;
1719
- color: rgba(0, 0, 0, 0.8980392157);
1720
- padding: 0 8px;
1721
- height: 0;
1722
- min-height: auto;
1723
- transition: all 0.2s;
1724
- opacity: 0;
1725
2224
  }
1726
- .notice-banner .dd-notice-bar.show {
1727
- height: 30px;
1728
- opacity: 1;
2225
+ .user-feedback-entry-icon {
2226
+ width: 13px;
2227
+ height: 13px;
2228
+ margin-bottom: 1px;
1729
2229
  }
1730
- .notice-banner-icon {
1731
- width: 22px;
1732
- height: 22px;
1733
- margin-right: 8px;
2230
+ .user-feedback-entry:active {
2231
+ background: rgba(255, 255, 255, 0.7);
1734
2232
  }
1735
- .notice-banner .dd-notice-bar__close-img {
1736
- display: none;
2233
+ .user-feedback-entry.hasStorage {
2234
+ width: 92px;
2235
+ height: 43px;
2236
+ background: transparent;
2237
+ box-shadow: none;
1737
2238
  }
1738
- .notice-banner .dd-notice-bar__close {
1739
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E %3Cpath d='M3.3335 3.33331L16.6668 16.6666' stroke='%23353535' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M3.3335 16.6666L16.6668 3.33331' stroke='%23353535' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
1740
- background-position: center;
1741
- background-repeat: no-repeat;
1742
- background-size: 12px 12px;
1743
- opacity: 0.6;
2239
+ .user-feedback-entry.hasStorage .user-feedback-entry-icon {
2240
+ width: 100%;
2241
+ height: 100%;
1744
2242
  }
1745
- .notice-banner-text {
1746
- flex: 1;
1747
- overflow: hidden;
1748
- text-overflow: ellipsis;
1749
- display: -webkit-box;
1750
- -webkit-line-clamp: 1;
1751
- -webkit-box-orient: vertical;
1752
- text-align: left;
2243
+ .user-feedback-entry.hasStorage:active {
2244
+ background: transparent;
1753
2245
  }
1754
- .notice-banner-btn {
1755
- color: #017fff;
1756
- padding-left: 6px;
2246
+ .user-feedback-entry.hasStorage .user-feedback-entry-close {
2247
+ position: absolute;
2248
+ top: -6px;
2249
+ right: -6px;
2250
+ width: 20px;
2251
+ height: 20px;
2252
+ display: flex;
2253
+ justify-content: center;
2254
+ align-items: center;
2255
+ }
2256
+ .user-feedback-entry.hasStorage .user-feedback-entry-close-img {
2257
+ width: 10px;
2258
+ height: 10px;
1757
2259
  }
1758
2260
  .login-setting {
1759
2261
  position: fixed;
@@ -1778,229 +2280,30 @@ page {
1778
2280
  color: #353535;
1779
2281
  opacity: 0.4;
1780
2282
  font-size: 12px;
2283
+ padding: 0 30px;
1781
2284
  }
1782
- .notice-entry {
2285
+ .login-setting {
1783
2286
  position: fixed;
1784
- right: 0;
1785
- top: 120px;
1786
- min-width: 66px;
1787
- padding: 0 12px 0 15px;
1788
- text-align: center;
1789
- box-sizing: border-box;
1790
- height: 25px;
1791
- line-height: 11px;
1792
- color: #855f0b;
1793
- font-size: 13px;
1794
- background: #ffdf68;
1795
- border-radius: 50px 0 0 50px;
1796
- display: flex;
2287
+ z-index: 4;
2288
+ left: 12px;
2289
+ top: 10px;
2290
+ bottom: 10px;
1797
2291
  align-items: center;
1798
2292
  justify-content: center;
1799
- }
1800
- .notice-entry-img {
1801
- width: 20px;
1802
- height: 20px;
1803
- }
1804
- .notice-entry-icon {
1805
- position: absolute;
1806
- background-color: red;
1807
- width: 6px;
1808
- height: 6px;
1809
- border-radius: 50%;
1810
- top: 1px;
1811
- left: 27px;
1812
- }
1813
- .dd-search {
1814
- padding: 8px 12px;
1815
- display: flex;
1816
- align-items: center;
1817
- background: #fefefe;
1818
- }
1819
- .dd-search.bordered {
1820
- border-bottom: 1px solid #ddd;
1821
- }
1822
- .dd-search.inNavbar {
1823
- padding: 0;
1824
- width: 235px;
1825
- z-index: 10;
1826
- position: absolute;
1827
- left: 40px;
1828
- background: transparent;
1829
- }
1830
- .dd-search.inNavbar .dd-search__form {
1831
- background: #f1f3f5;
1832
- border-color: transparent;
1833
- }
1834
- .dd-search.focus .dd-search__form {
1835
- border-color: #017fff;
1836
- }
1837
- .dd-search__placeholder {
1838
- color: #b4b4b4;
1839
- }
1840
- .dd-search__form {
1841
- flex: 1;
1842
- box-sizing: border-box;
1843
- height: 36px;
2293
+ width: calc(100% - 24px);
2294
+ background: #ffffff;
1844
2295
  border-radius: 5px;
1845
2296
  display: flex;
1846
- align-items: center;
1847
- padding: 0 10px;
1848
- background-color: #f1f3f5;
1849
- }
1850
- .dd-search__control {
1851
- font-size: 13px;
1852
- flex: 1;
1853
- }
1854
- .dd-search__input {
1855
- width: 100%;
1856
- box-sizing: border-box;
1857
- padding: 0 10px;
1858
- caret-color: #017fff;
1859
- }
1860
- .dd-search__prefix, .dd-search__suffix {
1861
- width: 15px !important;
1862
- height: 15px !important;
1863
- }
1864
- .dd-search__btn {
1865
- height: 33px;
1866
- line-height: 33px;
1867
- padding: 0 10px;
1868
- font-size: 16px;
1869
- color: #017fff;
1870
- }
1871
- .dd-search.disabled .dd-search__suffix {
1872
- display: none;
1873
- }
1874
- .dd-search.disabled .dd-search__control {
1875
- flex: 1;
1876
- width: fit-content;
1877
- }
1878
- .notice-list {
1879
- height: 100vh;
1880
- overflow: hidden;
1881
- display: flex;
1882
2297
  flex-direction: column;
1883
2298
  }
1884
- .notice-list .wrapper {
1885
- height: 100%;
1886
- padding: 10px 12px;
1887
- box-sizing: border-box;
1888
- }
1889
- .notice-list .wrapper .content {
1890
- height: 100%;
1891
- background: #ffffff;
1892
- border-radius: 10px;
1893
- }
1894
- .notice-list .wrapper .content .card {
1895
- margin: 0 10px;
1896
- min-height: 64px;
1897
- background: #fff;
1898
- position: relative;
1899
- padding: 10px;
1900
- }
1901
- .notice-list .wrapper .content .card::before {
1902
- content: "";
1903
- position: absolute;
1904
- left: 2px;
1905
- top: 0;
1906
- height: 18px;
1907
- width: 1px;
1908
- background: #d8d8d8;
1909
- }
1910
- .notice-list .wrapper .content .card::after {
1911
- content: "";
1912
- position: absolute;
1913
- left: 2px;
1914
- top: 18px;
1915
- bottom: 0;
1916
- width: 1px;
1917
- background: #d8d8d8;
1918
- }
1919
- .notice-list .wrapper .content .card:first-child::before {
1920
- display: none;
1921
- }
1922
- .notice-list .wrapper .content .card:last-child::after {
1923
- display: none;
1924
- }
1925
- .notice-list .wrapper .content .card .point {
1926
- width: 5px;
1927
- height: 5px;
1928
- background-color: #d8d8d8;
1929
- border-radius: 50%;
1930
- position: absolute;
1931
- left: 0;
1932
- top: 18px;
1933
- z-index: 9;
2299
+ .login-setting-img {
2300
+ height: 111px;
2301
+ width: 198px;
1934
2302
  }
1935
- .notice-list .wrapper .content .card .time {
1936
- font-size: 13px;
2303
+ .login-setting-text {
2304
+ margin-top: 10px;
1937
2305
  color: #353535;
1938
- line-height: 19px;
1939
- opacity: 0.2;
1940
- margin-bottom: 5px;
1941
- }
1942
- .notice-list .wrapper .content .card .text {
1943
- font-size: 14px;
1944
- line-height: 20px;
1945
- color: #9fa0a1;
1946
- }
1947
- .notice-list .wrapper .content .card.active .point {
1948
- background-color: #f43309;
1949
- }
1950
- .notice-list .wrapper .content .card.active .text {
1951
- color: #171a1d;
1952
- font-size: 13px;
1953
- }
1954
- .notice-list .wrapper .content .card.active .text.tit {
1955
- font-size: 15px;
1956
- margin-bottom: 4px;
1957
- }
1958
- .notice-list .wrapper .content .card.active .notice-list-label {
1959
- opacity: 1;
1960
- }
1961
- .notice-list .wrapper .content .card.active .notice-list-file {
1962
- opacity: 1;
1963
- }
1964
- .notice-list .no-data {
1965
- background-color: #fff;
1966
- display: flex;
1967
- align-items: center;
1968
- flex-direction: column;
1969
- height: 100%;
1970
- }
1971
- .notice-list .no-data .text {
1972
- height: 20px;
1973
- font-size: 14px;
1974
- color: #7e7e7e;
1975
- line-height: 20px;
1976
- }
1977
- .notice-list .no-data-img {
1978
- width: 238px;
1979
- height: 157px;
1980
- margin-top: 105px;
1981
- margin-bottom: 19px;
1982
- }
1983
- .notice-list-file {
1984
- font-size: 10px;
1985
- color: #017fff;
1986
- opacity: 0.5;
1987
- }
1988
- .notice-list .cue-text {
1989
- font-size: 13px;
1990
- color: rgba(60, 60, 60, 0.5);
1991
- padding: 30px 0 calc(30px + env(safe-area-inset-bottom, 0px));
1992
- text-align: center;
1993
- }
1994
- .notice-list-label {
1995
- border: 1px solid #caa264;
1996
- color: #caa264;
1997
- border-radius: 1px;
1998
- font-size: 8px;
1999
- display: inline-flex;
2000
- justify-content: center;
2001
- align-items: center;
2002
- height: 14px;
2003
- padding: 0 5px;
2004
- margin-left: 4px;
2005
- opacity: 0.5;
2306
+ opacity: 0.4;
2307
+ font-size: 12px;
2308
+ padding: 0 30px;
2006
2309
  }