index.wxml 2.7 KB

1
  1. <view class="travel-detail"><view class="cover-section"><image class="cover-image" src="{{a}}" mode="aspectFill"></image><view class="cover-mask"></view><view class="cover-content"><view class="back-btn" bindtap="{{b}}"><text class="back-icon">←</text></view><view class="trip-title">{{c}}</view><view class="trip-subtitle">{{d}}天{{e}}晚 · {{f}} 出发</view></view></view><view class="trip-info"><view class="info-title">行程信息</view><view class="info-content"><view class="info-item"><text class="info-label">行程天数</text><text class="info-value">{{g}}天{{h}}晚</text></view><view class="info-item"><text class="info-label">出发时间</text><text class="info-value">{{i}}</text></view><view wx:if="{{j}}" class="info-item"><text class="info-label">预算金额</text><text class="info-value">¥{{k}}</text></view><view class="info-item"><text class="info-label">出行人数</text><text class="info-value">{{l}}人</text></view></view></view><view wx:if="{{m}}" class="spots-section"><view class="section-title">景点行程安排</view><view class="spots-list"><block wx:for="{{n}}" wx:for-item="spot" wx:key="g"><view class="spot-item"><view class="spot-index">{{spot.a}}</view><view class="spot-info"><text class="spot-name">{{spot.b}}</text><text wx:if="{{spot.c}}" class="spot-address">{{spot.d}}</text></view></view><view wx:if="{{spot.e}}" class="distance-item"><view class="distance-line"></view><view class="distance-value"><text class="distance-icon">↓</text><text class="distance-text">{{spot.f}}公里</text></view></view></block></view></view><view class="action-buttons"><button class="edit-btn" bindtap="{{o}}">修改行程</button><button class="back-home-btn" bindtap="{{p}}">返回规划页面</button></view><view class="share-section"><button class="share-btn" bindtap="{{q}}"><text class="share-icon">🔗</text><text class="share-text">分享行程二维码</text></button></view><view class="delete-section"><button class="delete-btn" bindtap="{{r}}"><text class="delete-icon">🗑️</text><text class="delete-text">删除行程</text></button></view><view wx:if="{{s}}" class="qrcode-popup" catchtap="{{B}}"><view class="qrcode-container" catchtap="{{A}}"><view class="qrcode-header"><view class="qrcode-title">分享行程</view><view class="qrcode-close" catchtap="{{t}}">×</view></view><view class="qrcode-content"><view class="qrcode-image-wrap"><image class="qrcode-image" src="{{v}}" mode="aspectFit"/></view><view class="qrcode-desc">扫描二维码查看行程</view><view class="qrcode-tips"><text>行程:{{w}}</text><text>天数:{{x}}天</text><text>预算:{{y}}元</text></view></view><view class="qrcode-footer"><button class="qrcode-save-btn" catchtap="{{z}}">保存到相册</button></view></view></view></view>