hookehuyr

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

清理不再使用的深色模式样式代码,保持代码简洁
......@@ -135,24 +135,24 @@
}
/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
.good-car-list .bg-white {
background-color: #1f2937;
border-color: #374151;
}
// @media (prefers-color-scheme: dark) {
// .good-car-list .bg-white {
// background-color: #1f2937;
// border-color: #374151;
// }
.good-car-list .text-gray-600 {
color: #9ca3af;
}
// .good-car-list .text-gray-600 {
// color: #9ca3af;
// }
.good-car-list .text-gray-500 {
color: #6b7280;
}
// .good-car-list .text-gray-500 {
// color: #6b7280;
// }
.good-car-list .text-gray-400 {
color: #9ca3af;
}
}
// .good-car-list .text-gray-400 {
// color: #9ca3af;
// }
// }
/* 动画效果 */
.good-car-list .bg-white {
......
......@@ -160,24 +160,24 @@
}
/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
.new-car-list .bg-white {
background-color: #1f2937;
border-color: #374151;
}
// @media (prefers-color-scheme: dark) {
// .new-car-list .bg-white {
// background-color: #1f2937;
// border-color: #374151;
// }
.new-car-list .text-gray-600 {
color: #9ca3af;
}
// .new-car-list .text-gray-600 {
// color: #9ca3af;
// }
.new-car-list .text-gray-500 {
color: #6b7280;
}
// .new-car-list .text-gray-500 {
// color: #6b7280;
// }
.new-car-list .text-gray-400 {
color: #9ca3af;
}
}
// .new-car-list .text-gray-400 {
// color: #9ca3af;
// }
// }
/* NutUI组件样式覆盖 */
:deep(.nut-sticky) {
......@@ -265,35 +265,35 @@
}
/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
.car-card {
background: #1f2937;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
&:hover {
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.4);
}
}
.car-info {
.car-name {
color: #f9fafb;
}
.car-details {
color: #d1d5db;
}
.car-school {
color: #9ca3af;
}
}
.loading-container .loading-text {
color: #6b7280;
}
.no-more-container text {
color: #4b5563;
}
}
// @media (prefers-color-scheme: dark) {
// .car-card {
// background: #1f2937;
// box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
// &:hover {
// box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.4);
// }
// }
// .car-info {
// .car-name {
// color: #f9fafb;
// }
// .car-details {
// color: #d1d5db;
// }
// .car-school {
// color: #9ca3af;
// }
// }
// .loading-container .loading-text {
// color: #6b7280;
// }
// .no-more-container text {
// color: #4b5563;
// }
// }
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-10 22:39:18
* @LastEditTime: 2025-07-10 22:47:45
* @FilePath: /jgdl/src/pages/newCarList/index.vue
* @Description: 最新上架页面
-->
......
......@@ -230,24 +230,24 @@
}
// 深色模式适配
@media (prefers-color-scheme: dark) {
.product-detail-page {
background-color: #1f2937;
color: #f9fafb;
}
.bg-white {
background-color: #374151;
}
.text-gray-500 {
color: #9ca3af;
}
.border-gray-200 {
border-color: #4b5563;
}
}
// @media (prefers-color-scheme: dark) {
// .product-detail-page {
// background-color: #1f2937;
// color: #f9fafb;
// }
// .bg-white {
// background-color: #374151;
// }
// .text-gray-500 {
// color: #9ca3af;
// }
// .border-gray-200 {
// border-color: #4b5563;
// }
// }
// 动画效果
@keyframes fadeInUp {
......
......@@ -160,24 +160,24 @@
}
/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
.recommend-car-list .bg-white {
background-color: #1f2937;
border-color: #374151;
}
// @media (prefers-color-scheme: dark) {
// .recommend-car-list .bg-white {
// background-color: #1f2937;
// border-color: #374151;
// }
.recommend-car-list .text-gray-600 {
color: #9ca3af;
}
// .recommend-car-list .text-gray-600 {
// color: #9ca3af;
// }
.recommend-car-list .text-gray-500 {
color: #6b7280;
}
// .recommend-car-list .text-gray-500 {
// color: #6b7280;
// }
.recommend-car-list .text-gray-400 {
color: #9ca3af;
}
}
// .recommend-car-list .text-gray-400 {
// color: #9ca3af;
// }
// }
/* NutUI组件样式覆盖 */
:deep(.nut-sticky) {
......@@ -265,35 +265,35 @@
}
/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
.car-card {
background: #1f2937;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
&:hover {
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.4);
}
}
.car-info {
.car-name {
color: #f9fafb;
}
.car-details {
color: #d1d5db;
}
.car-school {
color: #9ca3af;
}
}
.loading-container .loading-text {
color: #6b7280;
}
.no-more-container text {
color: #4b5563;
}
}
// @media (prefers-color-scheme: dark) {
// .car-card {
// background: #1f2937;
// box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
// &:hover {
// box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.4);
// }
// }
// .car-info {
// .car-name {
// color: #f9fafb;
// }
// .car-details {
// color: #d1d5db;
// }
// .car-school {
// color: #9ca3af;
// }
// }
// .loading-container .loading-text {
// color: #6b7280;
// }
// .no-more-container text {
// color: #4b5563;
// }
// }
......