From 107177d095b71253493859de4033f0e246b7a090 Mon Sep 17 00:00:00 2001
From: Timi <imyeyu6@qq.com>
Date: Thu, 18 Dec 2025 19:33:31 +0800
Subject: [PATCH] fix travel location attachment style

---
 .../main/travel-location-detail/index.less    |   5 +-
 .../main/travel-location-detail/index.ts      |   3 -
 .../main/travel-location-detail/index.wxml    |   4 +-
 .../main/travel-location-editor/index.less    |   4 +-
 .../main/travel-location-editor/index.wxml    | 201 +++++++++---------
 5 files changed, 108 insertions(+), 109 deletions(-)

diff --git a/miniprogram/pages/main/travel-location-detail/index.less b/miniprogram/pages/main/travel-location-detail/index.less
index 8d95921..a239772 100644
--- a/miniprogram/pages/main/travel-location-detail/index.less
+++ b/miniprogram/pages/main/travel-location-detail/index.less
@@ -84,11 +84,10 @@
 					grid-template-columns: repeat(3, 1fr);
 
 					.media-item {
-						width: 100%;
-						height: 200rpx;
+						width: 220rpx;
+						height: 220rpx;
 						overflow: hidden;
 						position: relative;
-						border-radius: 12rpx;
 
 						.thumbnail {
 							width: 100%;
diff --git a/miniprogram/pages/main/travel-location-detail/index.ts b/miniprogram/pages/main/travel-location-detail/index.ts
index 1301a7b..4174b41 100644
--- a/miniprogram/pages/main/travel-location-detail/index.ts
+++ b/miniprogram/pages/main/travel-location-detail/index.ts
@@ -126,9 +126,6 @@ Page({
 					}
 				});
 			}
-
-			console.log(mediaItems);
-
 			this.setData({
 				location: {
 					...location,
diff --git a/miniprogram/pages/main/travel-location-detail/index.wxml b/miniprogram/pages/main/travel-location-detail/index.wxml
index b38563d..3565846 100644
--- a/miniprogram/pages/main/travel-location-detail/index.wxml
+++ b/miniprogram/pages/main/travel-location-detail/index.wxml
@@ -90,9 +90,9 @@
 		</t-cell-group>
 		<!-- 照片/视频 -->
 		<t-cell-group wx:if="{{location.mediaItems && 0 < location.mediaItems.length}}" class="section media">
-			<view slot="title" class="title">照片/视频</view>
+			<view slot="title" class="title">照片视频</view>
 			<t-cell>
-				<view class="media-grid">
+				<view slot="title" class="media-grid">
 					<view
 						wx:for="{{location.mediaItems}}"
 						wx:key="attachmentId"
diff --git a/miniprogram/pages/main/travel-location-editor/index.less b/miniprogram/pages/main/travel-location-editor/index.less
index 2217646..8784976 100644
--- a/miniprogram/pages/main/travel-location-editor/index.less
+++ b/miniprogram/pages/main/travel-location-editor/index.less
@@ -81,8 +81,8 @@
 					grid-template-columns: repeat(3, 1fr);
 
 					.item {
-						width: 240rpx;
-						height: 240rpx;
+						width: 220rpx;
+						height: 220rpx;
 						position: relative;
 						overflow: hidden;
 						background: var(--theme-bg-card);
diff --git a/miniprogram/pages/main/travel-location-editor/index.wxml b/miniprogram/pages/main/travel-location-editor/index.wxml
index ac91998..189a7a3 100644
--- a/miniprogram/pages/main/travel-location-editor/index.wxml
+++ b/miniprogram/pages/main/travel-location-editor/index.wxml
@@ -104,63 +104,55 @@
 					</view>
 				</t-cell>
 			</t-cell-group>
-			<view class="section media">
-				<view class="gallery">
-					<!-- 创建模式：mediaList 显示新选择的媒体 -->
-					<block wx:if="{{mode === 'create'}}">
-						<block wx:for="{{mediaList}}" wx:key="index">
-							<view class="item">
-								<!-- 图片 -->
-								<image
-									wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
-									src="{{item.path}}"
-									class="thumbnail"
-									mode="aspectFill"
-									bindtap="preview"
-									data-index="{{index}}"
-									data-new-media="{{true}}"
-								></image>
-								<!-- 视频 -->
-								<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
+			<t-cell-group class="section media">
+				<view slot="title" class="title">图片视频</view>
+				<t-cell>
+					<view slot="title" class="gallery">
+						<!-- 创建模式：mediaList 显示新选择的媒体 -->
+						<block wx:if="{{mode === 'create'}}">
+							<block wx:for="{{mediaList}}" wx:key="index">
+								<view class="item">
+									<!-- 图片 -->
 									<image
-										src="{{item.thumbPath}}"
+										wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
+										src="{{item.path}}"
 										class="thumbnail"
 										mode="aspectFill"
 										bindtap="preview"
 										data-index="{{index}}"
 										data-new-media="{{true}}"
 									></image>
-									<t-icon class="play-icon" name="play" />
+									<!-- 视频 -->
+									<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
+										<image
+											src="{{item.thumbPath}}"
+											class="thumbnail"
+											mode="aspectFill"
+											bindtap="preview"
+											data-index="{{index}}"
+											data-new-media="{{true}}"
+										></image>
+										<t-icon class="play-icon" name="play" />
+									</view>
+									<!-- 删除 -->
+									<t-icon
+										class="delete"
+										name="close"
+										bindtap="deleteMedia"
+										data-index="{{index}}"
+										data-new-media="{{true}}"
+									/>
 								</view>
-								<!-- 删除 -->
-								<t-icon
-									class="delete"
-									name="close"
-									bindtap="deleteMedia"
-									data-index="{{index}}"
-									data-new-media="{{true}}"
-								/>
-							</view>
+							</block>
 						</block>
-					</block>
-					<!-- 编辑模式：mediaList 显示现有附件，newMediaList 显示新添加的附件 -->
-					<block wx:else>
-						<!-- 现有附件 -->
-						<block wx:for="{{mediaList}}" wx:key="attachmentId">
-							<view class="item">
-								<!-- 图片 -->
-								<image
-									wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
-									src="{{item.thumbURL}}"
-									class="thumbnail"
-									mode="aspectFill"
-									bindtap="preview"
-									data-index="{{index}}"
-									data-new-media="{{false}}"
-								></image>
-								<!-- 视频 -->
-								<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
+						<!-- 编辑模式：mediaList 显示现有附件，newMediaList 显示新添加的附件 -->
+						<block wx:else>
+							<!-- 现有附件 -->
+							<block wx:for="{{mediaList}}" wx:key="attachmentId">
+								<view class="item">
+									<!-- 图片 -->
 									<image
+										wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
 										src="{{item.thumbURL}}"
 										class="thumbnail"
 										mode="aspectFill"
@@ -168,68 +160,79 @@
 										data-index="{{index}}"
 										data-new-media="{{false}}"
 									></image>
-									<t-icon class="play-icon" name="play" />
+									<!-- 视频 -->
+									<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
+										<image
+											src="{{item.thumbURL}}"
+											class="thumbnail"
+											mode="aspectFill"
+											bindtap="preview"
+											data-index="{{index}}"
+											data-new-media="{{false}}"
+										></image>
+										<t-icon class="play-icon" name="play" />
+									</view>
+									<!-- 删除 -->
+									<t-icon
+										class="delete"
+										name="close"
+										bindtap="deleteMedia"
+										data-index="{{index}}"
+										data-new-media="{{false}}"
+									/>
 								</view>
-								<!-- 删除 -->
-								<t-icon
-									class="delete"
-									name="close"
-									bindtap="deleteMedia"
-									data-index="{{index}}"
-									data-new-media="{{false}}"
-								/>
-							</view>
-						</block>
-						<!-- 新选择附件 -->
-						<block wx:for="{{newMediaList}}" wx:key="index">
-							<view class="item new-item">
-								<!-- 图片 -->
-								<image
-									wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
-									src="{{item.path}}"
-									class="thumbnail"
-									mode="aspectFill"
-									bindtap="preview"
-									data-index="{{index}}"
-									data-new-media="{{true}}"
-								></image>
-								<!-- 视频 -->
-								<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
+							</block>
+							<!-- 新选择附件 -->
+							<block wx:for="{{newMediaList}}" wx:key="index">
+								<view class="item new-item">
+									<!-- 图片 -->
 									<image
-										src="{{item.thumbPath}}"
+										wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
+										src="{{item.path}}"
 										class="thumbnail"
 										mode="aspectFill"
 										bindtap="preview"
 										data-index="{{index}}"
 										data-new-media="{{true}}"
 									></image>
-									<t-icon class="play-icon" name="play" />
+									<!-- 视频 -->
+									<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
+										<image
+											src="{{item.thumbPath}}"
+											class="thumbnail"
+											mode="aspectFill"
+											bindtap="preview"
+											data-index="{{index}}"
+											data-new-media="{{true}}"
+										></image>
+										<t-icon class="play-icon" name="play" />
+									</view>
+									<!-- 新增标识 -->
+									<t-icon class="new-badge" name="add" />
+									<!-- 删除 -->
+									<t-icon
+										class="delete"
+										name="close"
+										bindtap="deleteNewMedia"
+										data-index="{{index}}"
+										data-new-media="{{true}}"
+									/>
 								</view>
-								<!-- 新增标识 -->
-								<t-icon class="new-badge" name="add" />
-								<!-- 删除 -->
-								<t-icon
-									class="delete"
-									name="close"
-									bindtap="deleteNewMedia"
-									data-index="{{index}}"
-									data-new-media="{{true}}"
-								/>
-							</view>
+							</block>
 						</block>
-					</block>
-					<!-- 添加按钮 -->
-					<t-button
-						class="item add"
-						theme="primary"
-						plain="true"
-						disabled="{{isSaving}}"
-						bind:tap="addMedia"
-					>
-						<t-icon name="add" />
-					</t-button>
-				</view>
-			</view>
+						<!-- 添加按钮 -->
+						<t-button
+							class="item add"
+							theme="primary"
+							plain="true"
+							disabled="{{isSaving}}"
+							bind:tap="addMedia"
+						>
+							<t-icon name="add" />
+						</t-button>
+					</view>
+				</t-cell>
+			</t-cell-group>
 
 			<!-- 上传进度提示 -->
 			<view wx:if="{{isUploading}}" class="section upload">