hookehuyr

fix(config): 禁用Webpack持久化缓存以解决构建问题

style(less): 移除深色模式适配代码并优化样式格式
......@@ -56,7 +56,7 @@ export default defineConfig(async (merge) => {
}
},
cache: {
enable: true // Webpack 持久化缓存配置,建议开启。默认配置请参考:https://docs.taro.zone/docs/config-detail#cache
enable: false // Webpack 持久化缓存配置,建议开启。默认配置请参考:https://docs.taro.zone/docs/config-detail#cache
},
sass:{
data: `@import "@nutui/nutui-taro/dist/styles/variables.scss";`
......
......@@ -7,49 +7,49 @@
width: 200rpx !important;
height: 150rpx !important;
}
// 卡片样式增强
.bg-white {
border: 1px solid #f0f0f0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
&:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
}
&:active {
transform: translateY(0);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
}
// 收藏按钮样式
.absolute.top-2.right-2 {
transition: transform 0.2s ease;
&:hover {
transform: scale(1.1);
}
&:active {
transform: scale(0.95);
}
}
// 价格样式优化
.text-orange-500 {
color: #f97316;
font-weight: 700;
}
// 认证标识样式
.bg-orange-500 {
background: linear-gradient(135deg, #f97316, #ea580c);
box-shadow: 0 2px 4px rgba(249, 115, 22, 0.3);
}
// 文字省略
.font-medium {
overflow: hidden;
......@@ -57,37 +57,37 @@
white-space: nowrap;
}
}
// 精品推荐区域
.grid {
// 图片容器
.w-full.h-36 {
height: 280rpx;
}
// 卡片样式
.bg-white {
border: 1px solid #f0f0f0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
&:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
}
}
}
// 加载状态样式
.load-more-container {
padding: 40rpx 0;
.loading-container {
display: flex;
align-items: center;
justify-content: center;
color: #666;
.loading-spinner {
width: 40rpx;
height: 40rpx;
......@@ -97,13 +97,13 @@
animation: spin 1s linear infinite;
margin-right: 16rpx;
}
.loading-text {
font-size: 28rpx;
color: #666;
}
}
.no-more-data {
text-align: center;
color: #999;
......@@ -115,10 +115,10 @@
// NutUI组件样式覆盖
.nut-menu {
border-bottom: 1px solid #f0f0f0;
.nut-menu-item {
font-size: 28rpx;
&.active {
color: #f97316;
}
......@@ -135,7 +135,7 @@
&[type="default"] {
border-color: #f97316;
color: #f97316;
&:hover {
background-color: #f97316;
color: white;
......@@ -152,17 +152,17 @@
height: 135rpx !important;
}
}
.grid {
.w-full.h-36 {
height: 240rpx;
}
}
.font-medium {
font-size: 26rpx;
}
.text-xs {
font-size: 22rpx;
}
......@@ -170,23 +170,23 @@
}
// 深色模式适配
@media (prefers-color-scheme: dark) {
.post-page {
.bg-white {
background-color: #1f2937;
border-color: #374151;
color: #f9fafb;
}
.text-gray-600 {
color: #9ca3af;
}
.text-gray-500 {
color: #6b7280;
}
}
}
// @media (prefers-color-scheme: dark) {
// .post-page {
// .bg-white {
// background-color: #1f2937;
// border-color: #374151;
// color: #f9fafb;
// }
// .text-gray-600 {
// color: #9ca3af;
// }
// .text-gray-500 {
// color: #6b7280;
// }
// }
// }
// 动画效果
@keyframes spin {
......@@ -231,8 +231,8 @@
::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4rpx;
&:hover {
background: #a8a8a8;
}
}
\ No newline at end of file
}
......