Sfoglia il codice sorgente

✅ fix: 优化订单详情页布局视觉连续性

- 调整内容区域padding,移除顶部padding
- 为第一个内容区块添加特殊样式,设置圆角为0
- 改善顶部状态栏与内容区域的视觉融合

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
yourname 1 mese fa
parent
commit
06c15a09de
1 ha cambiato i file con 8 aggiunte e 1 eliminazioni
  1. 8 1
      mini/src/pages/order-detail/index.css

+ 8 - 1
mini/src/pages/order-detail/index.css

@@ -14,6 +14,7 @@
   color: white;
   position: relative;
   overflow: hidden;
+  margin-bottom: 0;
 }
 
 .order-status-header::before {
@@ -51,7 +52,7 @@
 
 /* 内容区域 */
 .order-content {
-  padding: 32rpx;
+  padding: 0 32rpx 32rpx;
   margin-top: -30rpx;
 }
 
@@ -62,6 +63,12 @@
   overflow: hidden;
 }
 
+/* 第一个内容区块的特殊样式,与顶部状态栏融合 */
+.order-section:first-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
 .order-section-header {
   padding: 32rpx;
   border-bottom: 2rpx solid #f0f0f0;