feat: 商品详情的改造

2025-09-06 12:47:06 +08:00
parent d83cdba468
commit 34bb6c094c
3 changed files with 70 additions and 4 deletions
--- a/pages/goods/styles/index.scss
+++ b/pages/goods/styles/index.scss
@@ -15,6 +15,50 @@ $button-hover-color: darken($button-color, 8%);
    flex-shrink: 0;
  }

+  // 使用须知样式
+  .use-notice {
+    margin-bottom: 16px;
+
+    .module-item {
+      display: flex;
+      align-items: flex-start;
+      flex-direction: column;
+      border-bottom: 1px solid #666;
+      padding: 12px 0;
+
+      .module-icon {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        margin-right: 8px;
+        flex-shrink: 0;
+
+        image {
+          width: 20px;
+          height: 20px;
+          object-fit: cover;
+          background-color: #f55726;
+          margin-right: 8px;
+        }
+
+        .module-title {
+          font-size: 14px;
+          color: #333;
+          text-align: center;
+          word-wrap: break-word;
+        }
+      }
+
+      .module-desc {
+        flex: 1;
+        font-size: 12px;
+        color: #666;
+        line-height: 1.5;
+        margin-top: 4px;
+      }
+    }
+  }
+
  .content-wrapper {
    flex: 1;
    height: 0; // 关键：让flex子项能够正确计算高度