Hooke / jgdl

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
f0c14312 1 parent 0a50f274

style(样式): 移除多个页面中的深色模式适配代码 

清理不再使用的深色模式样式代码，保持代码简洁
Inline Side-by-side
Showing 5 changed files with 167 additions and 167 deletions
...@@ -135,24 +135,24 @@ ...@@ -135,24 +135,24 @@
135 } 135 }
136 136
137 /* 深色模式适配 */ 137 /* 深色模式适配 */
138 -@media (prefers-color-scheme: dark) { 138 +// @media (prefers-color-scheme: dark) {
139 - .good-car-list .bg-white { 139 +// .good-car-list .bg-white {
140 - background-color: #1f2937; 140 +// background-color: #1f2937;
141 - border-color: #374151; 141 +// border-color: #374151;
142 - } 142 +// }
143 - 143 +
144 - .good-car-list .text-gray-600 { 144 +// .good-car-list .text-gray-600 {
145 - color: #9ca3af; 145 +// color: #9ca3af;
146 - } 146 +// }
147 - 147 +
148 - .good-car-list .text-gray-500 { 148 +// .good-car-list .text-gray-500 {
149 - color: #6b7280; 149 +// color: #6b7280;
150 - } 150 +// }
151 - 151 +
152 - .good-car-list .text-gray-400 { 152 +// .good-car-list .text-gray-400 {
153 - color: #9ca3af; 153 +// color: #9ca3af;
154 - } 154 +// }
155 -} 155 +// }
156 156
157 /* 动画效果 */ 157 /* 动画效果 */
158 .good-car-list .bg-white { 158 .good-car-list .bg-white {
......
...@@ -2,21 +2,21 @@ ...@@ -2,21 +2,21 @@
2 .new-car-list { 2 .new-car-list {
3 width: 100%; 3 width: 100%;
4 box-sizing: border-box; 4 box-sizing: border-box;
5 - 5 +
6 /* 滚动条样式 */ 6 /* 滚动条样式 */
7 &::-webkit-scrollbar { 7 &::-webkit-scrollbar {
8 width: 6rpx; 8 width: 6rpx;
9 } 9 }
10 - 10 +
11 &::-webkit-scrollbar-track { 11 &::-webkit-scrollbar-track {
12 background: #f1f1f1; 12 background: #f1f1f1;
13 border-radius: 3rpx; 13 border-radius: 3rpx;
14 } 14 }
15 - 15 +
16 &::-webkit-scrollbar-thumb { 16 &::-webkit-scrollbar-thumb {
17 background: #c1c1c1; 17 background: #c1c1c1;
18 border-radius: 3rpx; 18 border-radius: 3rpx;
19 - 19 +
20 &:hover { 20 &:hover {
21 background: #a8a8a8; 21 background: #a8a8a8;
22 } 22 }
...@@ -105,7 +105,7 @@ ...@@ -105,7 +105,7 @@
105 .loading-container { 105 .loading-container {
106 padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */ 106 padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */
107 text-align: center; 107 text-align: center;
108 - 108 +
109 .loading-text { 109 .loading-text {
110 color: #9ca3af; 110 color: #9ca3af;
111 font-size: 28rpx; 111 font-size: 28rpx;
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
116 .no-more-container { 116 .no-more-container {
117 padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */ 117 padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */
118 text-align: center; 118 text-align: center;
119 - 119 +
120 text { 120 text {
121 color: #d1d5db; 121 color: #d1d5db;
122 font-size: 24rpx; 122 font-size: 24rpx;
...@@ -160,24 +160,24 @@ ...@@ -160,24 +160,24 @@
160 } 160 }
161 161
162 /* 深色模式适配 */ 162 /* 深色模式适配 */
163 -@media (prefers-color-scheme: dark) { 163 +// @media (prefers-color-scheme: dark) {
164 - .new-car-list .bg-white { 164 +// .new-car-list .bg-white {
165 - background-color: #1f2937; 165 +// background-color: #1f2937;
166 - border-color: #374151; 166 +// border-color: #374151;
167 - } 167 +// }
168 168
169 - .new-car-list .text-gray-600 { 169 +// .new-car-list .text-gray-600 {
170 - color: #9ca3af; 170 +// color: #9ca3af;
171 - } 171 +// }
172 172
173 - .new-car-list .text-gray-500 { 173 +// .new-car-list .text-gray-500 {
174 - color: #6b7280; 174 +// color: #6b7280;
175 - } 175 +// }
176 176
177 - .new-car-list .text-gray-400 { 177 +// .new-car-list .text-gray-400 {
178 - color: #9ca3af; 178 +// color: #9ca3af;
179 - } 179 +// }
180 -} 180 +// }
181 181
182 /* NutUI组件样式覆盖 */ 182 /* NutUI组件样式覆盖 */
183 :deep(.nut-sticky) { 183 :deep(.nut-sticky) {
...@@ -188,11 +188,11 @@ ...@@ -188,11 +188,11 @@
188 .nut-searchbar__content { 188 .nut-searchbar__content {
189 border-radius: 50rpx; 189 border-radius: 50rpx;
190 background: #fff; 190 background: #fff;
191 - 191 +
192 .nut-searchbar__input { 192 .nut-searchbar__input {
193 font-size: 28rpx; 193 font-size: 28rpx;
194 color: #374151; 194 color: #374151;
195 - 195 +
196 &::placeholder { 196 &::placeholder {
197 color: #9ca3af; 197 color: #9ca3af;
198 } 198 }
...@@ -203,19 +203,19 @@ ...@@ -203,19 +203,19 @@
203 :deep(.nut-menu) { 203 :deep(.nut-menu) {
204 background: #fff; 204 background: #fff;
205 border-bottom: 1rpx solid #e5e7eb; 205 border-bottom: 1rpx solid #e5e7eb;
206 - 206 +
207 .nut-menu__item { 207 .nut-menu__item {
208 font-size: 28rpx; 208 font-size: 28rpx;
209 color: #374151; 209 color: #374151;
210 - 210 +
211 &.active { 211 &.active {
212 color: #f97316; 212 color: #f97316;
213 } 213 }
214 } 214 }
215 - 215 +
216 .nut-menu__title { 216 .nut-menu__title {
217 font-size: 28rpx; 217 font-size: 28rpx;
218 - 218 +
219 &::after { 219 &::after {
220 border-color: #9ca3af; 220 border-color: #9ca3af;
221 } 221 }
...@@ -238,26 +238,26 @@ ...@@ -238,26 +238,26 @@
238 height: 150rpx; 238 height: 150rpx;
239 padding: 12rpx; 239 padding: 12rpx;
240 } 240 }
241 - 241 +
242 .car-info { 242 .car-info {
243 padding: 20rpx; 243 padding: 20rpx;
244 - 244 +
245 .car-name { 245 .car-name {
246 font-size: 26rpx; 246 font-size: 26rpx;
247 } 247 }
248 - 248 +
249 .car-details { 249 .car-details {
250 font-size: 22rpx; 250 font-size: 22rpx;
251 } 251 }
252 - 252 +
253 .car-price { 253 .car-price {
254 font-size: 28rpx; 254 font-size: 28rpx;
255 } 255 }
256 - 256 +
257 .car-school { 257 .car-school {
258 font-size: 20rpx; 258 font-size: 20rpx;
259 } 259 }
260 - 260 +
261 .listing-time { 261 .listing-time {
262 font-size: 20rpx; 262 font-size: 20rpx;
263 } 263 }
...@@ -265,35 +265,35 @@ ...@@ -265,35 +265,35 @@
265 } 265 }
266 266
267 /* 深色模式适配 */ 267 /* 深色模式适配 */
268 -@media (prefers-color-scheme: dark) { 268 +// @media (prefers-color-scheme: dark) {
269 - .car-card { 269 +// .car-card {
270 - background: #1f2937; 270 +// background: #1f2937;
271 - box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); 271 +// box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
272 - 272 +
273 - &:hover { 273 +// &:hover {
274 - box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.4); 274 +// box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.4);
275 - } 275 +// }
276 - } 276 +// }
277 - 277 +
278 - .car-info { 278 +// .car-info {
279 - .car-name { 279 +// .car-name {
280 - color: #f9fafb; 280 +// color: #f9fafb;
281 - } 281 +// }
282 - 282 +
283 - .car-details { 283 +// .car-details {
284 - color: #d1d5db; 284 +// color: #d1d5db;
285 - } 285 +// }
286 - 286 +
287 - .car-school { 287 +// .car-school {
288 - color: #9ca3af; 288 +// color: #9ca3af;
289 - } 289 +// }
290 - } 290 +// }
291 - 291 +
292 - .loading-container .loading-text { 292 +// .loading-container .loading-text {
293 - color: #6b7280; 293 +// color: #6b7280;
294 - } 294 +// }
295 - 295 +
296 - .no-more-container text { 296 +// .no-more-container text {
297 - color: #4b5563; 297 +// color: #4b5563;
298 - } 298 +// }
299 -} 299 +// }
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-07-10 22:39:18 4 + * @LastEditTime: 2025-07-10 22:47:45
5 * @FilePath: /jgdl/src/pages/newCarList/index.vue 5 * @FilePath: /jgdl/src/pages/newCarList/index.vue
6 * @Description: 最新上架页面 6 * @Description: 最新上架页面
7 --> 7 -->
......
...@@ -230,24 +230,24 @@ ...@@ -230,24 +230,24 @@
230 } 230 }
231 231
232 // 深色模式适配 232 // 深色模式适配
233 -@media (prefers-color-scheme: dark) { 233 +// @media (prefers-color-scheme: dark) {
234 - .product-detail-page { 234 +// .product-detail-page {
235 - background-color: #1f2937; 235 +// background-color: #1f2937;
236 - color: #f9fafb; 236 +// color: #f9fafb;
237 - } 237 +// }
238 - 238 +
239 - .bg-white { 239 +// .bg-white {
240 - background-color: #374151; 240 +// background-color: #374151;
241 - } 241 +// }
242 - 242 +
243 - .text-gray-500 { 243 +// .text-gray-500 {
244 - color: #9ca3af; 244 +// color: #9ca3af;
245 - } 245 +// }
246 - 246 +
247 - .border-gray-200 { 247 +// .border-gray-200 {
248 - border-color: #4b5563; 248 +// border-color: #4b5563;
249 - } 249 +// }
250 -} 250 +// }
251 251
252 // 动画效果 252 // 动画效果
253 @keyframes fadeInUp { 253 @keyframes fadeInUp {
......
...@@ -2,21 +2,21 @@ ...@@ -2,21 +2,21 @@
2 .recommend-car-list { 2 .recommend-car-list {
3 width: 100%; 3 width: 100%;
4 box-sizing: border-box; 4 box-sizing: border-box;
5 - 5 +
6 /* 滚动条样式 */ 6 /* 滚动条样式 */
7 &::-webkit-scrollbar { 7 &::-webkit-scrollbar {
8 width: 6rpx; 8 width: 6rpx;
9 } 9 }
10 - 10 +
11 &::-webkit-scrollbar-track { 11 &::-webkit-scrollbar-track {
12 background: #f1f1f1; 12 background: #f1f1f1;
13 border-radius: 3rpx; 13 border-radius: 3rpx;
14 } 14 }
15 - 15 +
16 &::-webkit-scrollbar-thumb { 16 &::-webkit-scrollbar-thumb {
17 background: #c1c1c1; 17 background: #c1c1c1;
18 border-radius: 3rpx; 18 border-radius: 3rpx;
19 - 19 +
20 &:hover { 20 &:hover {
21 background: #a8a8a8; 21 background: #a8a8a8;
22 } 22 }
...@@ -105,7 +105,7 @@ ...@@ -105,7 +105,7 @@
105 .loading-container { 105 .loading-container {
106 padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */ 106 padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */
107 text-align: center; 107 text-align: center;
108 - 108 +
109 .loading-text { 109 .loading-text {
110 color: #9ca3af; 110 color: #9ca3af;
111 font-size: 28rpx; 111 font-size: 28rpx;
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
116 .no-more-container { 116 .no-more-container {
117 padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */ 117 padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */
118 text-align: center; 118 text-align: center;
119 - 119 +
120 text { 120 text {
121 color: #d1d5db; 121 color: #d1d5db;
122 font-size: 24rpx; 122 font-size: 24rpx;
...@@ -160,24 +160,24 @@ ...@@ -160,24 +160,24 @@
160 } 160 }
161 161
162 /* 深色模式适配 */ 162 /* 深色模式适配 */
163 -@media (prefers-color-scheme: dark) { 163 +// @media (prefers-color-scheme: dark) {
164 - .recommend-car-list .bg-white { 164 +// .recommend-car-list .bg-white {
165 - background-color: #1f2937; 165 +// background-color: #1f2937;
166 - border-color: #374151; 166 +// border-color: #374151;
167 - } 167 +// }
168 168
169 - .recommend-car-list .text-gray-600 { 169 +// .recommend-car-list .text-gray-600 {
170 - color: #9ca3af; 170 +// color: #9ca3af;
171 - } 171 +// }
172 172
173 - .recommend-car-list .text-gray-500 { 173 +// .recommend-car-list .text-gray-500 {
174 - color: #6b7280; 174 +// color: #6b7280;
175 - } 175 +// }
176 176
177 - .recommend-car-list .text-gray-400 { 177 +// .recommend-car-list .text-gray-400 {
178 - color: #9ca3af; 178 +// color: #9ca3af;
179 - } 179 +// }
180 -} 180 +// }
181 181
182 /* NutUI组件样式覆盖 */ 182 /* NutUI组件样式覆盖 */
183 :deep(.nut-sticky) { 183 :deep(.nut-sticky) {
...@@ -188,11 +188,11 @@ ...@@ -188,11 +188,11 @@
188 .nut-searchbar__content { 188 .nut-searchbar__content {
189 border-radius: 50rpx; 189 border-radius: 50rpx;
190 background: #fff; 190 background: #fff;
191 - 191 +
192 .nut-searchbar__input { 192 .nut-searchbar__input {
193 font-size: 28rpx; 193 font-size: 28rpx;
194 color: #374151; 194 color: #374151;
195 - 195 +
196 &::placeholder { 196 &::placeholder {
197 color: #9ca3af; 197 color: #9ca3af;
198 } 198 }
...@@ -203,19 +203,19 @@ ...@@ -203,19 +203,19 @@
203 :deep(.nut-menu) { 203 :deep(.nut-menu) {
204 background: #fff; 204 background: #fff;
205 border-bottom: 1rpx solid #e5e7eb; 205 border-bottom: 1rpx solid #e5e7eb;
206 - 206 +
207 .nut-menu__item { 207 .nut-menu__item {
208 font-size: 28rpx; 208 font-size: 28rpx;
209 color: #374151; 209 color: #374151;
210 - 210 +
211 &.active { 211 &.active {
212 color: #f97316; 212 color: #f97316;
213 } 213 }
214 } 214 }
215 - 215 +
216 .nut-menu__title { 216 .nut-menu__title {
217 font-size: 28rpx; 217 font-size: 28rpx;
218 - 218 +
219 &::after { 219 &::after {
220 border-color: #9ca3af; 220 border-color: #9ca3af;
221 } 221 }
...@@ -238,26 +238,26 @@ ...@@ -238,26 +238,26 @@
238 height: 150rpx; 238 height: 150rpx;
239 padding: 12rpx; 239 padding: 12rpx;
240 } 240 }
241 - 241 +
242 .car-info { 242 .car-info {
243 padding: 20rpx; 243 padding: 20rpx;
244 - 244 +
245 .car-name { 245 .car-name {
246 font-size: 26rpx; 246 font-size: 26rpx;
247 } 247 }
248 - 248 +
249 .car-details { 249 .car-details {
250 font-size: 22rpx; 250 font-size: 22rpx;
251 } 251 }
252 - 252 +
253 .car-price { 253 .car-price {
254 font-size: 28rpx; 254 font-size: 28rpx;
255 } 255 }
256 - 256 +
257 .car-school { 257 .car-school {
258 font-size: 20rpx; 258 font-size: 20rpx;
259 } 259 }
260 - 260 +
261 .listing-time { 261 .listing-time {
262 font-size: 20rpx; 262 font-size: 20rpx;
263 } 263 }
...@@ -265,35 +265,35 @@ ...@@ -265,35 +265,35 @@
265 } 265 }
266 266
267 /* 深色模式适配 */ 267 /* 深色模式适配 */
268 -@media (prefers-color-scheme: dark) { 268 +// @media (prefers-color-scheme: dark) {
269 - .car-card { 269 +// .car-card {
270 - background: #1f2937; 270 +// background: #1f2937;
271 - box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); 271 +// box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
272 - 272 +
273 - &:hover { 273 +// &:hover {
274 - box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.4); 274 +// box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.4);
275 - } 275 +// }
276 - } 276 +// }
277 - 277 +
278 - .car-info { 278 +// .car-info {
279 - .car-name { 279 +// .car-name {
280 - color: #f9fafb; 280 +// color: #f9fafb;
281 - } 281 +// }
282 - 282 +
283 - .car-details { 283 +// .car-details {
284 - color: #d1d5db; 284 +// color: #d1d5db;
285 - } 285 +// }
286 - 286 +
287 - .car-school { 287 +// .car-school {
288 - color: #9ca3af; 288 +// color: #9ca3af;
289 - } 289 +// }
290 - } 290 +// }
291 - 291 +
292 - .loading-container .loading-text { 292 +// .loading-container .loading-text {
293 - color: #6b7280; 293 +// color: #6b7280;
294 - } 294 +// }
295 - 295 +
296 - .no-more-container text { 296 +// .no-more-container text {
297 - color: #4b5563; 297 +// color: #4b5563;
298 - } 298 +// }
299 -} 299 +// }
......