fix(config): 禁用Webpack持久化缓存以解决构建问题
style(less): 移除深色模式适配代码并优化样式格式
Showing
2 changed files
with
43 additions
and
43 deletions
| ... | @@ -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 | +} | ... | ... |
-
Please register or login to post a comment