55 lines
2.5 KiB
Plaintext
55 lines
2.5 KiB
Plaintext
<view class="page ui-page">
|
||
<nav-bar title="预约拍摄" showBack theme="blur" />
|
||
<view class="title">安排一次轻松拍照</view>
|
||
<view class="sub">先确认时间，再完善联系信息，提交后会快速确认。</view>
|
||
|
||
<view class="card ui-card">
|
||
<view class="step-title"><text class="step-index">1</text> 选择日期</view>
|
||
<view class="date-row">
|
||
<view
|
||
wx:for="{{form.dateList}}"
|
||
wx:key="date"
|
||
class="date-item {{item.active ? 'active' : ''}}"
|
||
data-date="{{item.date}}"
|
||
bindtap="onTapDate"
|
||
>
|
||
<view class="d-day">{{item.day}}</view>
|
||
<view class="d-date">{{item.date}}</view>
|
||
</view>
|
||
</view>
|
||
<view wx:if="{{errors.date}}" class="error-text">{{errors.date}}</view>
|
||
</view>
|
||
|
||
<view class="card ui-card">
|
||
<view class="step-title"><text class="step-index">2</text> 选择时间</view>
|
||
<view class="range">已选：{{form.startTime}} - {{form.endTime}}（3小时）</view>
|
||
<slider min="9" max="18" value="{{startHour}}" activeColor="#ff4d8d" backgroundColor="#efd9e2" block-color="#ffffff" block-size="22" bindchange="onChangeTime" />
|
||
<view class="tip">建议在日落前 2 小时开始，光线更自然。</view>
|
||
<view wx:if="{{errors.time}}" class="error-text">{{errors.time}}</view>
|
||
</view>
|
||
|
||
<view class="card ui-card">
|
||
<view class="step-title"><text class="step-index">3</text> 选择设备</view>
|
||
<view class="device-row">
|
||
<view wx:for="{{form.devices}}" wx:key="id" class="device-item {{item.active ? 'active' : ''}}" data-id="{{item.id}}" bindtap="onTapDevice">
|
||
<view class="d-name">{{item.name}}</view>
|
||
<view class="d-desc">{{item.desc}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="card ui-card">
|
||
<view class="step-title"><text class="step-index">4</text> 填写联系信息</view>
|
||
<input class="input" placeholder="微信号或手机号（必填）" value="{{contact}}" bindinput="onInputContact" />
|
||
<input class="input" placeholder="拍摄偏好（可选）" value="{{remark}}" bindinput="onInputRemark" />
|
||
<view wx:if="{{errors.contact}}" class="error-text">{{errors.contact}}</view>
|
||
</view>
|
||
|
||
<view class="fee-card">
|
||
<text class="fee-label">预计费用</text>
|
||
<text class="fee">¥ {{form.total}}</text>
|
||
</view>
|
||
|
||
<view class="cta ui-btn-primary {{submitState === 'loading' ? 'ui-btn-primary--disabled' : ''}}" bindtap="onTapSubmit">{{submitState === 'loading' ? '提交中...' : '马上预约这个时间'}}</view>
|
||
</view>
|