hookehuyr

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

style(less): 移除深色模式适配代码并优化样式格式
...@@ -56,7 +56,7 @@ export default defineConfig(async (merge) => { ...@@ -56,7 +56,7 @@ export default defineConfig(async (merge) => {
56 } 56 }
57 }, 57 },
58 cache: { 58 cache: {
59 - enable: true // Webpack 持久化缓存配置,建议开启。默认配置请参考:https://docs.taro.zone/docs/config-detail#cache 59 + enable: false // Webpack 持久化缓存配置,建议开启。默认配置请参考:https://docs.taro.zone/docs/config-detail#cache
60 }, 60 },
61 sass:{ 61 sass:{
62 data: `@import "@nutui/nutui-taro/dist/styles/variables.scss";` 62 data: `@import "@nutui/nutui-taro/dist/styles/variables.scss";`
......
...@@ -7,49 +7,49 @@ ...@@ -7,49 +7,49 @@
7 width: 200rpx !important; 7 width: 200rpx !important;
8 height: 150rpx !important; 8 height: 150rpx !important;
9 } 9 }
10 - 10 +
11 // 卡片样式增强 11 // 卡片样式增强
12 .bg-white { 12 .bg-white {
13 border: 1px solid #f0f0f0; 13 border: 1px solid #f0f0f0;
14 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); 14 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
15 transition: all 0.3s ease; 15 transition: all 0.3s ease;
16 - 16 +
17 &:hover { 17 &:hover {
18 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); 18 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
19 transform: translateY(-2px); 19 transform: translateY(-2px);
20 } 20 }
21 - 21 +
22 &:active { 22 &:active {
23 transform: translateY(0); 23 transform: translateY(0);
24 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); 24 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
25 } 25 }
26 } 26 }
27 - 27 +
28 // 收藏按钮样式 28 // 收藏按钮样式
29 .absolute.top-2.right-2 { 29 .absolute.top-2.right-2 {
30 transition: transform 0.2s ease; 30 transition: transform 0.2s ease;
31 - 31 +
32 &:hover { 32 &:hover {
33 transform: scale(1.1); 33 transform: scale(1.1);
34 } 34 }
35 - 35 +
36 &:active { 36 &:active {
37 transform: scale(0.95); 37 transform: scale(0.95);
38 } 38 }
39 } 39 }
40 - 40 +
41 // 价格样式优化 41 // 价格样式优化
42 .text-orange-500 { 42 .text-orange-500 {
43 color: #f97316; 43 color: #f97316;
44 font-weight: 700; 44 font-weight: 700;
45 } 45 }
46 - 46 +
47 // 认证标识样式 47 // 认证标识样式
48 .bg-orange-500 { 48 .bg-orange-500 {
49 background: linear-gradient(135deg, #f97316, #ea580c); 49 background: linear-gradient(135deg, #f97316, #ea580c);
50 box-shadow: 0 2px 4px rgba(249, 115, 22, 0.3); 50 box-shadow: 0 2px 4px rgba(249, 115, 22, 0.3);
51 } 51 }
52 - 52 +
53 // 文字省略 53 // 文字省略
54 .font-medium { 54 .font-medium {
55 overflow: hidden; 55 overflow: hidden;
...@@ -57,37 +57,37 @@ ...@@ -57,37 +57,37 @@
57 white-space: nowrap; 57 white-space: nowrap;
58 } 58 }
59 } 59 }
60 - 60 +
61 // 精品推荐区域 61 // 精品推荐区域
62 .grid { 62 .grid {
63 // 图片容器 63 // 图片容器
64 .w-full.h-36 { 64 .w-full.h-36 {
65 height: 280rpx; 65 height: 280rpx;
66 } 66 }
67 - 67 +
68 // 卡片样式 68 // 卡片样式
69 .bg-white { 69 .bg-white {
70 border: 1px solid #f0f0f0; 70 border: 1px solid #f0f0f0;
71 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); 71 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
72 transition: all 0.3s ease; 72 transition: all 0.3s ease;
73 - 73 +
74 &:hover { 74 &:hover {
75 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); 75 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
76 transform: translateY(-2px); 76 transform: translateY(-2px);
77 } 77 }
78 } 78 }
79 } 79 }
80 - 80 +
81 // 加载状态样式 81 // 加载状态样式
82 .load-more-container { 82 .load-more-container {
83 padding: 40rpx 0; 83 padding: 40rpx 0;
84 - 84 +
85 .loading-container { 85 .loading-container {
86 display: flex; 86 display: flex;
87 align-items: center; 87 align-items: center;
88 justify-content: center; 88 justify-content: center;
89 color: #666; 89 color: #666;
90 - 90 +
91 .loading-spinner { 91 .loading-spinner {
92 width: 40rpx; 92 width: 40rpx;
93 height: 40rpx; 93 height: 40rpx;
...@@ -97,13 +97,13 @@ ...@@ -97,13 +97,13 @@
97 animation: spin 1s linear infinite; 97 animation: spin 1s linear infinite;
98 margin-right: 16rpx; 98 margin-right: 16rpx;
99 } 99 }
100 - 100 +
101 .loading-text { 101 .loading-text {
102 font-size: 28rpx; 102 font-size: 28rpx;
103 color: #666; 103 color: #666;
104 } 104 }
105 } 105 }
106 - 106 +
107 .no-more-data { 107 .no-more-data {
108 text-align: center; 108 text-align: center;
109 color: #999; 109 color: #999;
...@@ -115,10 +115,10 @@ ...@@ -115,10 +115,10 @@
115 // NutUI组件样式覆盖 115 // NutUI组件样式覆盖
116 .nut-menu { 116 .nut-menu {
117 border-bottom: 1px solid #f0f0f0; 117 border-bottom: 1px solid #f0f0f0;
118 - 118 +
119 .nut-menu-item { 119 .nut-menu-item {
120 font-size: 28rpx; 120 font-size: 28rpx;
121 - 121 +
122 &.active { 122 &.active {
123 color: #f97316; 123 color: #f97316;
124 } 124 }
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
135 &[type="default"] { 135 &[type="default"] {
136 border-color: #f97316; 136 border-color: #f97316;
137 color: #f97316; 137 color: #f97316;
138 - 138 +
139 &:hover { 139 &:hover {
140 background-color: #f97316; 140 background-color: #f97316;
141 color: white; 141 color: white;
...@@ -152,17 +152,17 @@ ...@@ -152,17 +152,17 @@
152 height: 135rpx !important; 152 height: 135rpx !important;
153 } 153 }
154 } 154 }
155 - 155 +
156 .grid { 156 .grid {
157 .w-full.h-36 { 157 .w-full.h-36 {
158 height: 240rpx; 158 height: 240rpx;
159 } 159 }
160 } 160 }
161 - 161 +
162 .font-medium { 162 .font-medium {
163 font-size: 26rpx; 163 font-size: 26rpx;
164 } 164 }
165 - 165 +
166 .text-xs { 166 .text-xs {
167 font-size: 22rpx; 167 font-size: 22rpx;
168 } 168 }
...@@ -170,23 +170,23 @@ ...@@ -170,23 +170,23 @@
170 } 170 }
171 171
172 // 深色模式适配 172 // 深色模式适配
173 -@media (prefers-color-scheme: dark) { 173 +// @media (prefers-color-scheme: dark) {
174 - .post-page { 174 +// .post-page {
175 - .bg-white { 175 +// .bg-white {
176 - background-color: #1f2937; 176 +// background-color: #1f2937;
177 - border-color: #374151; 177 +// border-color: #374151;
178 - color: #f9fafb; 178 +// color: #f9fafb;
179 - } 179 +// }
180 - 180 +
181 - .text-gray-600 { 181 +// .text-gray-600 {
182 - color: #9ca3af; 182 +// color: #9ca3af;
183 - } 183 +// }
184 - 184 +
185 - .text-gray-500 { 185 +// .text-gray-500 {
186 - color: #6b7280; 186 +// color: #6b7280;
187 - } 187 +// }
188 - } 188 +// }
189 -} 189 +// }
190 190
191 // 动画效果 191 // 动画效果
192 @keyframes spin { 192 @keyframes spin {
...@@ -231,8 +231,8 @@ ...@@ -231,8 +231,8 @@
231 ::-webkit-scrollbar-thumb { 231 ::-webkit-scrollbar-thumb {
232 background: #c1c1c1; 232 background: #c1c1c1;
233 border-radius: 4rpx; 233 border-radius: 4rpx;
234 - 234 +
235 &:hover { 235 &:hover {
236 background: #a8a8a8; 236 background: #a8a8a8;
237 } 237 }
238 -}
...\ No newline at end of file ...\ No newline at end of file
238 +}
......