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 128 additions and 128 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 {
......
...@@ -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) {
...@@ -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 {
......
...@@ -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) {
...@@ -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 +// }
......