court-mobile/pages/competition/index.wxml

<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
  <view slot="info" class="main" style="height:{{infoHeight}}px;">
    <view>
      <van-cell-group>
        <van-field value="{{ name }}" label="比赛名称" placeholder="请输入比赛名称" input-align="right" />
      </van-cell-group>
    </view>
    <view class="page">
      <view class="page1"><text>时间</text></view>
      <!-- 时间段 -->
      <view class="picker_group">
        <picker mode="date" value="{{date}}" end="{{date2}}" bindchange="bindDateChange">
          <view class="picker">
            {{date}}
          </view>
        </picker>
        <text>—</text>
        <picker mode="date" value="{{date2}}" start="{{date}}" end="2050-01-01" bindchange="bindDateChange2">
          <view class="picker">
            {{date2}}
          </view>
        </picker>
      </view>
      <view class="section">
        <view class="section__title">单场时间</view>
        <picker mode="date" value="{{singledate}}" start="2018-09-01" end="2150-09-01" bindchange="bindDateChange3">
          <view class="picker1">
            {{singledate}}
          </view>
        </picker>
        <picker mode="time" value="{{time}}" start="00:00" end="24:00" bindchange="bindTimeChange">
          <view class="picker2">
            {{time}}
          </view>
        </picker>
      </view>
      <view class="adress">
        <van-cell-group>
          <van-field value="{{ address }}" label="地点" placeholder="请输入地点" input-align="right" />
        </van-cell-group>
      </view>
      <view class="multone">
        <view class="mult1">
          <view class="mult">选择赛制</view>
          <picker mode="multiSelector" bindchange="szChange" bindcolumnchange="columnChange" value="{{value}}" range="{{list}}">
            <view class="mults">{{value.length>0?value:'请选择'}}</view>
          </picker>
        </view>
      </view>
      <view class="multone">
        <view class="mult1">
          <view class="mult">赛制</view>
          <view class="mults">{{datas}}
            <text class=" icon iconfont icon-jianhao"></text>
          </view>
        </view>
      </view>
      <view>
      </view>
    </view>
    <view class="team">
      <view class="two">
        <button class="button" form-type="submit">创建比赛</button>
      </view>
    </view>
  </view>
</mobile-main>