fix travel style
This commit is contained in:
@ -47,25 +47,24 @@
|
||||
</view>
|
||||
|
||||
<!-- 旅行列表 -->
|
||||
<view class="travel-list">
|
||||
<view class="travels">
|
||||
<!-- 空状态 -->
|
||||
<t-empty
|
||||
wx:if="{{!isFetching && list.length === 0}}"
|
||||
icon="travel"
|
||||
description="暂无旅行计划"
|
||||
/>
|
||||
|
||||
<!-- 列表内容 -->
|
||||
<view
|
||||
wx:for="{{list}}"
|
||||
wx:for-item="travel"
|
||||
wx:for-index="travelIndex"
|
||||
wx:key="id"
|
||||
class="travel-card"
|
||||
class="travel"
|
||||
bind:tap="toDetail"
|
||||
data-id="{{travel.id}}"
|
||||
>
|
||||
<view class="card-header">
|
||||
<view class="header">
|
||||
<t-tag
|
||||
theme="{{travel.status === 'PLANNING' ? 'default' : travel.status === 'ONGOING' ? 'warning' : 'success'}}"
|
||||
variant="light"
|
||||
@ -74,31 +73,25 @@
|
||||
{{statusLabels[travel.status]}}
|
||||
</t-tag>
|
||||
</view>
|
||||
|
||||
<view class="card-body">
|
||||
<view class="body">
|
||||
<view class="title">{{travel.title || '未命名旅行'}}</view>
|
||||
|
||||
<view wx:if="{{travel.content}}" class="content">{{travel.content}}</view>
|
||||
|
||||
<view class="meta">
|
||||
<view class="meta-item">
|
||||
<view class="item">
|
||||
<t-icon name="time" size="16px" class="icon" />
|
||||
<text class="text">{{travel.travelDate}} {{travel.travelTime}}</text>
|
||||
</view>
|
||||
|
||||
<view wx:if="{{travel.days}}" class="meta-item">
|
||||
<view wx:if="{{travel.days}}" class="item">
|
||||
<t-icon name="calendar" size="16px" class="icon" />
|
||||
<text class="text">{{travel.days}} 天</text>
|
||||
</view>
|
||||
|
||||
<view wx:if="{{travel.transportationType}}" class="meta-item">
|
||||
<view wx:if="{{travel.transportationType}}" class="item">
|
||||
<t-icon name="{{travel.transportationType === 'PLANE' ? 'flight-takeoff' : travel.transportationType === 'TRAIN' ? 'map-route' : travel.transportationType === 'SELF_DRIVING' ? 'control-platform' : 'location'}}" size="16px" class="icon" />
|
||||
<text class="text">{{transportLabels[travel.transportationType]}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 加载完成提示 -->
|
||||
<view wx:if="{{isFinished && 0 < list.length}}" class="finished">没有更多了</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user