bingxue-wechat/pages/contest/info/info.wxml

<!--pages/contest/contest.wxml-->
<view>
  <image mode="widthFix" src="../../../imgs/contest/bg.png" class="bg"></image>
  <view class="page-title">个人信息</view>
  <view class="form">
    <view class="form-item">
      <image class="form-item-bg" mode="widthFix" src="../../../imgs/contest/list-bg.png"></image>
      <view class="content">
        <view class="form-item-label" style="border-right: 4rpx solid #D8D8D8">姓名</view>
        <input bindinput="changeInput" id="actualName" placeholder="请输入" placeholder-class="phcolor"></input>
      </view>
    </view>

    <view class="form-item">
      <image class="form-item-bg" mode="widthFix" src="../../../imgs/contest/list-bg.png"></image>
      <view class="content">
        <view class="form-item-label" style="border-right: 4rpx solid #D8D8D8">性别</view>
        <view class="select">
          <picker bindchange="bindPickerSex" value="{{value}}" range="{{sexList}}" range-key="label" id="sex">
            <view class="picker {{form.sex?'':'phcolor'}}">
              {{form.sex?sexList[form.sex-1].label:'请选择'}}
            </view>
          </picker>
          <image class="arrow" src="../../../imgs/contest/arrow.png" mode="widthFix"></image>
        </view>
      </view>
    </view>

    <view class="form-item">
      <image class="form-item-bg" mode="widthFix" src="../../../imgs/contest/list-bg.png"></image>
      <view class="content">
        <view class="form-item-label" style="border-right: 4rpx solid #D8D8D8">年龄</view>
        <input bindinput="changeInput" id="age" placeholder="请输入" placeholder-class="phcolor"></input>
      </view>
    </view>

    <view class="form-item">
      <image class="form-item-bg" mode="widthFix" src="../../../imgs/contest/list-bg.png"></image>
      <view class="content">
        <view class="form-item-label" style="border-right: 4rpx solid #D8D8D8">区域</view>
        <view class="select">
          <picker bindchange="bindPickerChange" value="{{value}}" range="{{areaList}}" range-key="areaName" id="area">
            <view class="picker {{form.area?'':'phcolor'}}">
              {{form.area?form.areaName:'请选择'}}
            </view>
          </picker>
          <image class="arrow" src="../../../imgs/contest/arrow.png" mode="widthFix"></image>
        </view>
      </view>
    </view>

    <view class="form-item">
      <image class="form-item-bg" mode="widthFix" src="../../../imgs/contest/list-bg.png"></image>
      <view class="content">
        <view class="form-item-label" style="border-right: 4rpx solid #D8D8D8">学校</view>
        <!-- <input bindinput="changeInput" id="school" placeholder="请输入" placeholder-class="phcolor"></input> -->
        <view class="select">
          <picker bindchange="bindPickerSchool" value="{{value}}" range="{{schoolList}}" range-key="schoolName" id="school">
            <view class="picker {{form.school?'':'phcolor'}}">
              {{form.school?form.schoolName:'请选择'}}
            </view>
          </picker>
          <image class="arrow" src="../../../imgs/contest/arrow.png" mode="widthFix"></image>
        </view>
      </view>
    </view>

    <view class="warning">
      <image mode="widthFix" src="../../../imgs/contest/warning.png" class="warning-icon"></image>
      <view class="warning-text">请填写学校完整名称</view>
    </view>

    <view class="form-item">
      <image class="form-item-bg" mode="widthFix" src="../../../imgs/contest/list-bg.png"></image>
      <view class="content">
        <view class="form-item-label" style="border-right: 4rpx solid #D8D8D8">年级</view>
        <input bindinput="changeInput" id="grade" placeholder="请输入" placeholder-class="phcolor"></input>
      </view>
    </view>

    <view class="form-item">
      <image class="form-item-bg" mode="widthFix" src="../../../imgs/contest/list-bg.png"></image>
      <view class="content">
        <view class="form-item-label" style="border-right: 4rpx solid #D8D8D8">其他</view>
        <input bindinput="changeInput" id="other" placeholder="请输入" placeholder-class="phcolor"></input>
      </view>
    </view>
  </view>
  <view class="button" bindtap="submit">
    <image class="button-bg" mode="widthFix" src="../../../imgs/contest/button-bg.png"></image>
    <view class="button-text">Start Now !</view>
  </view>
</view>