jinai-talents/applet/pages/talent/appointment/index.wxml

<cu-custom bgColor="bg-lw-header" isCustom="{{true}}">
  <view slot="content">预约</view>
</cu-custom>
<view class="solids-bottom padding-xs flex align-center">
  <view class="flex-sub text-center">
    <view class="solid-bottom text-lg padding-lr">
      <text class="text-black text-bold">至少要提前一小时预约</text>
    </view>
    <view class="solid-bottom text-lg padding-lr">
      <text class="text-black text-bold">只能预约早上9点到晚上21点</text>
    </view>
    <view class="solid-bottom text-lg padding-lr">
      <text class="text-black text-bold">班次/出发时间和车票图片至少要填一样</text>
    </view>
  </view>
</view>
<form>
  <view class="cu-form-group">
    <view class="title">班次</view>
    <input placeholder="请输入班次" value="" bindinput="vmodel" data-value="shift"></input>
  </view>
  <view class="cu-form-group">
    <view class="title">出发日期</view>
    <picker mode="date" :value="date" start="{{startDate}}" bind:change="DateChange">
      <view class="picker">
        {{date}}
      </view>
    </picker>
  </view>
  <view class="cu-form-group">
    <view class="title">出发时间</view>
    <picker mode="time" :value="time" start="09:00" end="21:00" bind:change="TimeChange">
      <view class="picker">
        {{time}}
      </view>
    </picker>
  </view>
  <view class="cu-bar bg-white solids-top">
    <view class="action text-black">
      车票图片
    </view>
  </view>
  <view class="cu-form-group">
    <view class="grid col-4 grid-square flex-sub">
      <view class="bg-img" bindtap="ViewImage" wx:if="{{image}}">
        <image src="{{image}}" mode="aspectFill"></image>
        <view class="cu-tag bg-red" catchtap="DelImg">
          <text class='cuIcon-close'></text>
        </view>
      </view>
      <view class="solids" bindtap="ChooseImage" wx:else>
        <text class='cuIcon-cameraadd'></text>
      </view>
    </view>
  </view>
  <view class="padding flex flex-direction">
    <button class="cu-btn lw-red margin-tb-sm lg" style="width:600rpx;" bindtap="submit">提交</button>
  </view>
  <view class="cu-bar tabbar bg-white foot">
    <view class="action">
      <view class="cuIcon-cu-image">
        <image src="/common/images/tabbar/index_cur.png"></image>
      </view>
      <view class="text-gray">预约</view>
    </view>
    <view class="action" bind:tap="toList">
      <view class="cuIcon-cu-image">
        <image src="/common/images/tabbar/my.png"></image>
      </view>
      <view class="text-gray">预约记录</view>
    </view>
  </view>
</form>