fix travel style

This commit is contained in:
Timi
2025-12-16 16:57:49 +08:00
parent e650571563
commit f0f2815971
32 changed files with 1238 additions and 594 deletions

View File

@ -32,18 +32,29 @@
</t-cell-group>
<t-cell-group class="section">
<t-cell class="travel-at" title="出行时间">
<view slot="right-icon">
<picker class="picker" mode="date" model:value="{{date}}">
<view slot="right-icon" class="travel-at-content">
<picker wx:if="{{!travelAtUndecided}}" class="picker" mode="date" model:value="{{date}}">
<view slot="content" class="slot">
<t-icon name="calendar" size="20px" class="icon" />
<text>{{date}}</text>
</view>
</picker>
<view wx:else class="slot" bindtap="selectTravelAt">
<text class="undecided-text">未定</text>
</view>
<t-icon
wx:if="{{!travelAtUndecided}}"
name="close-circle-filled"
size="20px"
class="clear-icon"
bindtap="clearTravelAt"
/>
</view>
</t-cell>
<t-cell title="旅行天数" t-class="days-cell">
<view slot="right-icon" class="days-stepper">
<view slot="right-icon" class="days-content">
<t-stepper
wx:if="{{!daysUndecided}}"
theme="filled"
model:value="{{days}}"
size="medium"
@ -51,6 +62,16 @@
max="{{999}}"
t-class="stepper"
/>
<view wx:else class="slot" bindtap="selectDays">
<text class="undecided-text">未定</text>
</view>
<t-icon
wx:if="{{!daysUndecided}}"
name="close-circle-filled"
size="20px"
class="clear-icon"
bindtap="clearDays"
/>
</view>
</t-cell>
<t-cell title="交通方式">
@ -128,23 +149,17 @@
<t-dialog
visible="{{deleteDialogVisible}}"
title="删除旅行计划"
confirm-btn="删除"
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
cancel-btn="取消"
bind:confirm="confirmDelete"
bind:cancel="cancelDelete"
>
<view class="delete-dialog-content">
<view class="delete-warning">
<t-icon name="error-circle" size="48rpx" color="#E34D59" />
<text class="warning-text">删除后无法恢复,请谨慎操作!</text>
</view>
<view class="delete-confirm">
<text class="confirm-label">请输入"确认删除"以继续:</text>
<t-input
placeholder="请输入确认删除"
model:value="{{deleteConfirmText}}"
borderless="{{false}}"
/>
<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>