fix travel style

miniprogram/pages/main/travel-location-editor/index.wxml

@@ -3,42 +3,25 @@
 	<text slot="left" bindtap="cancel">取消</text>
 </t-navbar>
 
-<scroll-view class="container" type="custom" scroll-y show-scrollbar="{{false}}">
+<scroll-view class="travel-location-editor" type="custom" scroll-y show-scrollbar="{{false}}">
 	<view class="content">
 		<view wx:if="{{isLoading}}" class="loading">
 			<t-loading theme="dots" size="40rpx" />
-			<text class="loading-text">加载中...</text>
+			<text class="text">加载中...</text>
 		</view>
 		<block wx:else>
 			<t-cell-group class="section">
-				<t-cell title="地点类型">
-					<view slot="right-icon">
-						<picker
-							class="picker"
-							mode="selector"
-							range="{{locationTypes}}"
-							range-key="label"
-							value="{{locationTypeIndex}}"
-							bindchange="onChangeLocationType"
-						>
-							<view class="slot">
-								<text>{{locationTypes[locationTypeIndex].label}}</text>
-								<t-icon name="chevron-right" size="20px" class="icon" />
-							</view>
-						</picker>
-					</view>
+				<view slot="title" class="title">位置信息</view>
+				<t-cell title="地点类型" arrow bind:click="showLocationTypePicker">
+					<view slot="note" class="black">{{locationTypes[locationTypeIndex].label}}</view>
 				</t-cell>
-				<t-cell title="位置" required bind:click="chooseLocation">
-					<view slot="right-icon">
-						<view class="location-slot">
-							<text wx:if="{{location}}" class="location-text">{{location}}</text>
-							<text wx:else class="location-placeholder">点击选择位置</text>
-							<t-icon name="chevron-right" size="20px" class="icon" />
-						</view>
-					</view>
+				<t-cell class="location" required arrow bind:click="chooseLocation">
+					<view slot="title" class="title">位置</view>
+					<view slot="note" class="black">{{location}}</view>
 				</t-cell>
 			</t-cell-group>
 			<t-cell-group class="section">
+				<view slot="title" class="title">基本信息</view>
 				<t-input
 					class="input"
 					placeholder="请输入地点名称"
@@ -57,6 +40,7 @@
 				</t-textarea>
 			</t-cell-group>
 			<t-cell-group class="section">
+				<view slot="title" class="title">详细信息</view>
 				<t-input
 					model:value="{{amount}}"
 					placeholder="0"
@@ -64,7 +48,27 @@
 					suffix="元"
 					align="right"
 				/>
-				<t-cell title="必要评分">
+				<t-cell title="需要身份证">
+					<view slot="right-icon">
+						<switch checked="{{requireIdCard}}" bindchange="onChangeRequireIdCard" />
+					</view>
+				</t-cell>
+				<t-cell title="需要预约">
+					<view slot="right-icon">
+						<switch checked="{{requireAppointment}}" bindchange="onChangeRequireAppointment" />
+					</view>
+				</t-cell>
+				<t-cell title="重要程度">
+					<view slot="right-icon">
+						<t-rate
+							value="{{importance}}"
+							count="{{5}}"
+							size="24px"
+							bind:change="onChangeImportance"
+						/>
+					</view>
+				</t-cell>
+				<t-cell title="评分">
 					<view slot="right-icon">
 						<t-rate
 							value="{{score}}"
@@ -74,11 +78,6 @@
 						/>
 					</view>
 				</t-cell>
-				<t-cell title="需要身份证">
-					<view slot="right-icon">
-						<switch checked="{{requireIdCard}}" bindchange="onChangeRequireIdCard" />
-					</view>
-				</t-cell>
 			</t-cell-group>
 			<view class="section media">
 				<view class="gallery">
@@ -187,7 +186,7 @@
 								<t-icon
 									class="delete"
 									name="close"
-									bindtap="deleteMedia"
+									bindtap="deleteNewMedia"
 									data-index="{{index}}"
 									data-new-media="{{true}}"
 								/>
@@ -240,3 +239,34 @@
 		</block>
 	</view>
 </scroll-view>
+
+<!-- 地点类型选择器 -->
+<t-picker
+	visible="{{locationTypePickerVisible}}"
+	value="{{locationTypeIndex}}"
+	cancelBtn="取消"
+	confirmBtn="确认"
+	bind:confirm="onPickerConfirm"
+	bind:cancel="onPickerCancel"
+>
+	<t-picker-item options="{{locationTypes}}" />
+</t-picker>
+
+<!-- 删除确认对话框 -->
+<t-dialog
+	visible="{{deleteDialogVisible}}"
+	title="删除地点"
+	confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
+	cancel-btn="取消"
+	bind:confirm="confirmDelete"
+	bind:cancel="cancelDelete"
+>
+	<view slot="content" class="delete-dialog">
+		<view class="tips">
+			<text>此地点的图片和视频也会同步删除，删除后无法恢复，请输入 "</text>
+			<text style="color: var(--theme-error)">确认删除</text>
+			<text>" 以继续</text>
+		</view>
+		<t-input placeholder="请输入：确认删除" model:value="{{deleteConfirmText}}" />
+	</view>
+</t-dialog>