From 6d55ee12c2fa95d4eb5ffb93575e4fabd03d6171 Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Sat, 3 Oct 2026 16:03:37 +0800
Subject: [PATCH] =?UTF-8?q?fix(listings):=20=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E5=8F=B7=E4=B8=BB=E7=95=99=E8=A8=80=E7=A7=BB=E5=88=B0=E7=B2=BE?=
 =?UTF-8?q?=E9=80=89=E7=9A=AE=E8=82=A4=E4=B8=8A=E6=96=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

买家先看到交接说明，再看皮肤和仓库物资。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../listings/views/ListingDetailView.vue      | 30 ++++++++--------
 .../views/MobileListingDetailView.vue         | 34 +++++++++----------
 2 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/frontend/src/features/listings/views/ListingDetailView.vue b/frontend/src/features/listings/views/ListingDetailView.vue
index e824de5..760930a 100644
--- a/frontend/src/features/listings/views/ListingDetailView.vue
+++ b/frontend/src/features/listings/views/ListingDetailView.vue
@@ -610,6 +610,21 @@ function goBack() {
           </div>
         </section>
 
+        <!-- 号主说明与交接备注 -->
+        <section class="detail-card note-card">
+          <div class="section-title-bar">
+            <div class="title-left">
+              <h2>号主留言与说明</h2>
+            </div>
+          </div>
+          <div class="seller-note-box">
+            <van-icon name="chat-o" :size="18" class="note-quote-icon" />
+            <p class="note-content">
+              {{ listing.description || '号主暂未填写特殊交接要求，可正常直接下单租用。' }}
+            </p>
+          </div>
+        </section>
+
         <!-- 精选皮肤展台（若有） -->
         <section v-if="detailSkinGroups.length" class="detail-card skin-card">
           <div class="section-title-bar">
@@ -668,21 +683,6 @@ function goBack() {
           </div>
         </section>
 
-        <!-- 号主说明与交接备注 -->
-        <section class="detail-card note-card">
-          <div class="section-title-bar">
-            <div class="title-left">
-              <h2>号主留言与说明</h2>
-            </div>
-          </div>
-          <div class="seller-note-box">
-            <van-icon name="chat-o" :size="18" class="note-quote-icon" />
-            <p class="note-content">
-              {{ listing.description || '号主暂未填写特殊交接要求，可正常直接下单租用。' }}
-            </p>
-          </div>
-        </section>
-
         <!-- 平台四大安全保障 -->
         <section class="detail-card trust-card">
           <div class="section-title-bar">
diff --git a/frontend/src/features/listings/views/MobileListingDetailView.vue b/frontend/src/features/listings/views/MobileListingDetailView.vue
index 09cfa9c..6e54ff2 100644
--- a/frontend/src/features/listings/views/MobileListingDetailView.vue
+++ b/frontend/src/features/listings/views/MobileListingDetailView.vue
@@ -582,7 +582,22 @@ function goBack() {
         </div>
       </div>
 
-      <!-- 4. 精选皮肤展台 (带品级圆点与分类) -->
+      <!-- 4. 号主留言与说明 -->
+      <div class="info-card note-card">
+        <div class="card-header-row">
+          <div class="header-left">
+            <h3 class="card-subtitle">号主留言与说明</h3>
+          </div>
+        </div>
+        <div class="seller-note-box">
+          <van-icon name="chat-o" :size="18" class="note-quote-icon" />
+          <p class="note-content">
+            {{ listing.description || '号主暂未填写特殊交接要求，可正常直接下单租用。' }}
+          </p>
+        </div>
+      </div>
+
+      <!-- 5. 精选皮肤展台 (带品级圆点与分类) -->
       <div v-if="detailSkinGroups.length" class="info-card skin-card">
         <div class="card-header-row">
           <div class="header-left">
@@ -613,7 +628,7 @@ function goBack() {
         </div>
       </div>
 
-      <!-- 5. 仓库物资与额外消耗品 -->
+      <!-- 6. 仓库物资与额外消耗品 -->
       <div v-if="resourceItems.length" class="info-card resources-card">
         <div class="card-header-row">
           <div class="header-left">
@@ -640,21 +655,6 @@ function goBack() {
         </div>
       </div>
 
-      <!-- 6. 号主留言与说明 -->
-      <div class="info-card note-card">
-        <div class="card-header-row">
-          <div class="header-left">
-            <h3 class="card-subtitle">号主留言与说明</h3>
-          </div>
-        </div>
-        <div class="seller-note-box">
-          <van-icon name="chat-o" :size="18" class="note-quote-icon" />
-          <p class="note-content">
-            {{ listing.description || '号主暂未填写特殊交接要求，可正常直接下单租用。' }}
-          </p>
-        </div>
-      </div>
-
       <!-- 7. 平台官方安全保障 -->
       <div class="info-card trust-card">
         <div class="card-header-row">