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 @@
}
/* 深色模式适配 */
@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-500 {
color: #6b7280;
}
.good-car-list .text-gray-400 {
color: #9ca3af;
}
}
// @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-500 {
// color: #6b7280;
// }
// .good-car-list .text-gray-400 {
// color: #9ca3af;
// }
// }
/* 动画效果 */
.good-car-list .bg-white {
......
......@@ -2,21 +2,21 @@
.new-car-list {
width: 100%;
box-sizing: border-box;
/* 滚动条样式 */
&::-webkit-scrollbar {
width: 6rpx;
}
&::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3rpx;
}
&::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3rpx;
&:hover {
background: #a8a8a8;
}
......@@ -105,7 +105,7 @@
.loading-container {
padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */
text-align: center;
.loading-text {
color: #9ca3af;
font-size: 28rpx;
......@@ -116,7 +116,7 @@
.no-more-container {
padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */
text-align: center;
text {
color: #d1d5db;
font-size: 24rpx;
......@@ -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) {
......@@ -188,11 +188,11 @@
.nut-searchbar__content {
border-radius: 50rpx;
background: #fff;
.nut-searchbar__input {
font-size: 28rpx;
color: #374151;
&::placeholder {
color: #9ca3af;
}
......@@ -203,19 +203,19 @@
:deep(.nut-menu) {
background: #fff;
border-bottom: 1rpx solid #e5e7eb;
.nut-menu__item {
font-size: 28rpx;
color: #374151;
&.active {
color: #f97316;
}
}
.nut-menu__title {
font-size: 28rpx;
&::after {
border-color: #9ca3af;
}
......@@ -238,26 +238,26 @@
height: 150rpx;
padding: 12rpx;
}
.car-info {
padding: 20rpx;
.car-name {
font-size: 26rpx;
}
.car-details {
font-size: 22rpx;
}
.car-price {
font-size: 28rpx;
}
.car-school {
font-size: 20rpx;
}
.listing-time {
font-size: 20rpx;
}
......@@ -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 {
......
......@@ -2,21 +2,21 @@
.recommend-car-list {
width: 100%;
box-sizing: border-box;
/* 滚动条样式 */
&::-webkit-scrollbar {
width: 6rpx;
}
&::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3rpx;
}
&::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3rpx;
&:hover {
background: #a8a8a8;
}
......@@ -105,7 +105,7 @@
.loading-container {
padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */
text-align: center;
.loading-text {
color: #9ca3af;
font-size: 28rpx;
......@@ -116,7 +116,7 @@
.no-more-container {
padding: 32rpx 0 100rpx 0; /* 增加底部间距避免被TabBar遮挡 */
text-align: center;
text {
color: #d1d5db;
font-size: 24rpx;
......@@ -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) {
......@@ -188,11 +188,11 @@
.nut-searchbar__content {
border-radius: 50rpx;
background: #fff;
.nut-searchbar__input {
font-size: 28rpx;
color: #374151;
&::placeholder {
color: #9ca3af;
}
......@@ -203,19 +203,19 @@
:deep(.nut-menu) {
background: #fff;
border-bottom: 1rpx solid #e5e7eb;
.nut-menu__item {
font-size: 28rpx;
color: #374151;
&.active {
color: #f97316;
}
}
.nut-menu__title {
font-size: 28rpx;
&::after {
border-color: #9ca3af;
}
......@@ -238,26 +238,26 @@
height: 150rpx;
padding: 12rpx;
}
.car-info {
padding: 20rpx;
.car-name {
font-size: 26rpx;
}
.car-details {
font-size: 22rpx;
}
.car-price {
font-size: 28rpx;
}
.car-school {
font-size: 20rpx;
}
.listing-time {
font-size: 20rpx;
}
......@@ -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;
// }
// }
......