feat: 商品详情交互开发

pages/goods/components/GoodInfo/styles/index.scss

@@ -1,9 +1,10 @@
 .good-info {
   background: #fff;
-  margin-bottom: 12px;
 
   // 标题区域
   .title-section {
+    display: flex;
+    align-items: center;
     margin-bottom: 12px;
 
     .title {
@@ -11,8 +12,10 @@
       color: #333;
       font-weight: 600;
       line-height: 1.4;
-      display: block;
-      margin-bottom: 8px;
+      flex: 0 280px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
 
     .tag-wrapper {
@@ -27,11 +30,14 @@
         border: 1px solid #f55726;
       }
     }
+
+    .calender-icon {
+      margin-left: auto;
+    }
   }
 
   // 地址区域
   .address-section {
-    margin-bottom: 12px;
     padding: 12px 0;
     border-top: 1px solid #f0f0f0;
     border-bottom: 1px solid #f0f0f0;
@@ -52,6 +58,8 @@
 
   // 设施信息区域
   .facilities-section {
+    margin-top: 12px;
+
     .facilities-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);