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="name" 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="{{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 mode="region" bindchange="bindAddrChange" id="addr">
            <view class="picker {{form.addr?'':'phcolor'}}">
            {{form.addr||'请选择'}}
              <!-- 当前选择：{{region[0]}}，{{region[1]}}，{{region[2]}} -->
            </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>
    </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">
    <image class="button-bg" mode="widthFix" src="../../../imgs/contest/button-bg.png"></image>
    <view class="button-text">Start Now !</view>
  </view>
</view>