menstruationApp/pages/firstSetting/firstSetting...

<!--index.wxml-->
<import src="../../template/switch/switch.wxml"/>
<view wx:if="{{!hasUserInfo}}" class="login-wrapper">
    <view class="content-box"><icon class="icon-meiduo"></icon><text class="title">美多经期助手</text></view>
    <view class="btn-wrapper"><button class="login-btn" open-type="getUserInfo" bindgetuserinfo="getUserInfo">登录</button></view>
</view>
<view wx:else class='menses-set'>
  <view class='menses-set-title'>请填写您的基本情况</view>
  <!-- 最近一次月经时间 -->
  <view class='menses-flex-height'>
    <view class="picker-wrapper">
      <picker class="date-picker" mode="date" value="{{today}}" start="{{choose_start}}" end="{{today}}" bindchange="bindStartDateChange">
        <form bindsubmit="formSubmit" report-submit="true" style="height: 50px">
            <button class='submit-btn' hover-class="none" formType="submit"/>
        </form>
        <view class="set-date">
          <view class='flex-left'>
            <icon class='icon icon_setlist_01'></icon>
            <text>最近一次月经开始</text>
          </view>
          <view class='flex-right'>
            <text> {{start_date}}</text>
            <icon class='icon  icon_setlist'></icon>
          </view>
        </view>
      </picker>
    </view>
    <view class="set-date p10"><text>您最近这次姨妈结束了吗</text><template is="switchWrapper" data="{{switchFlag}}" /></view>
    <view class="picker-wrapper" hidden="{{!switchFlag}}" >
        <picker class="date-picker" mode="date" value="{{today}}" start="{{choose_start}}" end="{{today}}" bindchange="bindEndDateChange">
          <form bindsubmit="formSubmit" report-submit="true" style="height: 50px">
              <button class='submit-btn' hover-class="none" formType="submit"/>
          </form>
          <view class="set-date" >
            <view class='flex-left'>
              <icon class='icon icon_setlist_01'></icon>
              <text>最近一次月经结束</text>
            </view>
            <view class='flex-right'>
              <text> {{end_date}}</text>
              <icon class='icon  icon_setlist'></icon>
            </view>
          </view>
        </picker>
    </view>
    <!-- 月经周期 -->
    <view class="picker-wrapper">
      <picker class="date-picker" bindchange="bindPeriodChange" value="{{periodIndex}}" range="{{periodArr}}">
        <form bindsubmit="formSubmit" report-submit="true" style="height: 50px">
            <button class='submit-btn' hover-class="none" formType="submit"/>
        </form>
        <view class='set-date'>
          <view class='flex-left'>
            <icon class='icon icon_setlist_02'></icon>
            <text>月经周期</text>
          </view>
          <view class='flex-right'>
            <text>{{periodArr[periodIndex]}}天</text>
            <icon class='icon  icon_setlist'></icon>
          </view>
        </view>
      </picker>
    </view>
    <!-- 经期时间 -->
    <view class="picker-wrapper">
      <picker class="date-picker" bindchange="bindMenstrualChange" value="{{index}}" range="{{menstrualArr}}">
        <form bindsubmit="formSubmit" report-submit="true" style="height: 50px">
            <button class='submit-btn' hover-class="none" formType="submit"/>
        </form>
        <view class='set-date'>
          <view class='flex-left'>
            <icon class='icon icon_setlist_03'></icon>
            <text>经期时间</text>
          </view>
          <view class='flex-right'>
            <text>{{menstrualArr[index]}}天</text>
            <icon class='icon  icon_setlist'></icon>
          </view>
        </view>
      </picker>
    </view>
  </view>
  <button class='btn' bindtap="finishSetting">设置完成</button>
</view>