From 1ce494ca6bb0aa387b7e751cbe582d93ef282b2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E9=A3=9E=E6=B4=8B?=
 <15778543+xufeiyang6017@user.noreply.gitee.com>
Date: Sat, 6 Dec 2025 15:19:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B7=B2=E4=B8=8A=E6=9E=B6?=
 =?UTF-8?q?=E8=B4=A7=E6=BA=90=E6=A0=B7=E5=BC=8F=E4=B8=BA=E4=B8=8E=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E4=B8=AD=E3=80=81=E5=AE=A1=E6=A0=B8=E5=A4=B1=E8=B4=A5?=
 =?UTF-8?q?=E4=B8=80=E8=87=B4=E7=9A=84=E5=B7=A6=E5=8F=B3=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/seller/index.wxml | 97 +++++++++++++++++------------------------
 1 file changed, 41 insertions(+), 56 deletions(-)

diff --git a/pages/seller/index.wxml b/pages/seller/index.wxml
index c48864c..830641d 100644
--- a/pages/seller/index.wxml
+++ b/pages/seller/index.wxml
@@ -55,72 +55,56 @@
     <block wx:if="{{isPublishedExpanded}}">
       <block wx:if="{{publishedSupplies.length > 0}}">
         <view wx:for="{{publishedSupplies}}" wx:key="id" class="supply-card">
-          <!-- 垂直布局：图片在上，信息在下 -->
-          <view class="card-image-section">
-            <!-- 图片展示区域 -->
-            <view class="image-container">
-              <!-- 图片轮播 -->
-              <swiper 
-                class="image-swiper" 
-                current="{{item.currentImageIndex || 0}}" 
-                bindchange="swiperChange"
-                data-id="{{item.id}}">
-                <block wx:for="{{item.imageUrls}}" wx:for-item="img" wx:for-index="idx" wx:key="idx">
-                  <swiper-item>
-                    <image src="{{img}}" mode="aspectFill" class="supply-image" bindtap="previewImage" data-urls="{{item.imageUrls}}" data-index="{{idx}}" 
-                      loading="lazy" 
-                      fallback-src="../../images/logo.svg"></image>
-                  </swiper-item>
-                </block>
-              </swiper>
-              <!-- 无图片占位 -->
-              <view wx:if="{{!item.imageUrls || item.imageUrls.length === 0}}" class="no-image">
+          <!-- 图片和信息1:1比例并排显示 -->
+          <view style="display: flex; width: 100%; border-radius: 8rpx; overflow: hidden; background-color: #f5f5f5;">
+            <!-- 左侧图片区域 50%宽度 -->
+            <view style="width: 50%; position: relative;">
+              <!-- 第一张图片 -->
+              <view wx:if="{{item.imageUrls && item.imageUrls.length > 0}}" style="width: 100%; height: 100%;">
+                <image src="{{item.imageUrls[0]}}" mode="aspectFill" style="width: 100%; height: 100%;" bindtap="previewImage" data-urls="{{item.imageUrls}}" data-index="0"></image>
+              </view>
+              <view wx:else style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #999;">
                 <text>暂无图片</text>
               </view>
-              <!-- 显示页码指示器 -->
-              <view wx:if="{{item.imageUrls && item.imageUrls.length > 1}}" class="swiper-pagination">
-                {{(item.currentImageIndex || 0) + 1}}/{{item.imageUrls.length}}
+              <!-- 剩余图片可滑动区域 -->
+              <view wx:if="{{item.imageUrls && item.imageUrls.length > 1}}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
+                <swiper 
+                  class="image-swiper" 
+                  style="width: 100%; height: 100%;" 
+                  current="{{item.currentImageIndex || 0}}" 
+                  bindchange="swiperChange"
+                  data-id="{{item.id}}">
+                  <block wx:for="{{item.imageUrls}}" wx:for-item="img" wx:for-index="idx" wx:key="idx">
+                    <swiper-item>
+                      <image src="{{img}}" mode="aspectFill" style="width: 100%; height: 100%;" bindtap="previewImage" data-urls="{{item.imageUrls}}" data-index="{{idx}}"></image>
+                    </swiper-item>
+                  </block>
+                </swiper>
+                <!-- 显示页码指示器 -->
+                <view style="position: absolute; bottom: 10rpx; right: 10rpx; background-color: rgba(0,0,0,0.5); color: white; padding: 5rpx 10rpx; border-radius: 15rpx; font-size: 20rpx;">
+                  {{(item.currentImageIndex || 0) + 1}}/{{item.imageUrls.length}}
+                </view>
               </view>
             </view>
-          </view>
             
-            <!-- 信息区域 -->
-            <view class="card-info-section" bindtap="showGoodsDetail" data-item="{{item}}">
-              <view class="supply-name-row">
-                <view class="supply-name">{{item.name}}</view>
-                <view class="supply-status published">已上架</view>
-              </view>
-              <view class="supply-details">
-                <view class="detail-item">
-                  <text class="detail-label">蛋黄:</text>
-                  <text class="detail-value">{{item.yolk || '无'}}</text>
-                </view>
-                <view class="detail-item">
-                  <text class="detail-label">规格:</text>
-                  <text class="detail-value">{{item.spec || '无'}}</text>
-                </view>
-                <view class="detail-item">
-                  <text class="detail-label">件数:</text>
-                  <text class="detail-value">{{item.minOrder}}件</text>
-                </view>
-                <view class="detail-item">
-                  <text class="detail-label">斤重:</text>
-                  <text class="detail-value">{{item.grossWeight || ''}}斤</text>
-                </view>
-                <view class="detail-item">
-                  <text class="detail-label">地区:</text>
-                  <text class="detail-value">{{item.region || '未设置'}}</text>
-                </view>
-                <view class="detail-item">
-                  <text class="detail-label">创建时间:</text>
-                  <text class="detail-value">{{item.formattedCreatedAt}}</text>
+            <!-- 右侧信息区域 50%宽度 -->
+            <view style="width: 50%; padding: 15rpx; display: flex; flex-direction: column; justify-content: space-between; background-color: white; border-left: 1rpx solid #f0f0f0;">
+              <view bindtap="showGoodsDetail" data-item="{{item}}">
+                <view style="font-size: 28rpx; font-weight: bold; word-break: break-word;">{{item.name}}
+                  <view style="display: inline-block; margin-left: 10rpx; font-size: 18rpx; color: #fff; background-color: #52c41a; padding: 2rpx 8rpx; border-radius: 10rpx;">已上架</view>
                 </view>
+                <view style="font-size: 24rpx; color: #666; margin-top: 8rpx;">蛋黄: {{item.yolk || '无'}}</view>
+                <view style="font-size: 24rpx; color: #666; margin-top: 8rpx;">规格: {{item.spec || '无'}}</view>
+                <view style="color: #f5222d; font-size: 24rpx; margin-top: 8rpx;">件数: {{item.minOrder}}件</view>
+                <view style="color: #1677ff; font-size: 24rpx; margin-top: 8rpx;">斤重: {{item.grossWeight || ''}}斤</view>
+                <view style="color: #722ed1; font-size: 24rpx; margin-top: 8rpx;">地区: {{item.region || '未设置'}}</view> 
+                <view style="font-size: 22rpx; color: #999; margin-top: 8rpx;">创建时间: {{item.formattedCreatedAt}}</view>
               </view>
               
               <!-- 按钮区域 -->
-              <view class="card-actions">
+              <view style="display: flex; justify-content: space-around; margin-top: 10rpx; gap: 10rpx;">
                 <button 
-                  class="action-btn unpublish-btn"
+                  style="background-color: #f5222d; color: white; font-size: 22rpx; padding: 0 15rpx; line-height: 60rpx;"
                   catchtap="unpublishSupply"
                   data-id="{{item.id}}"
                 >
@@ -129,6 +113,7 @@
               </view>
             </view>
           </view>
+        </view>
         
         <!-- 已上架货源加载更多 -->
         <view class="load-more" wx:if="{{pagination.published.hasMore}}">