<!--pages/login/index.wxml-->
<view class="page">
  <view class="top">
    <view class="top-area"></view>
  </view>

  <!-- 胶囊按钮区 -->
  <view style=" box-sizing: border-box;height: {{CustomBar-StatusBar}}px; width: 100%;margin-top: {{StatusBar}}px; padding-left: 40rpx; line-height: {{CustomBar-StatusBar}}px;position: absolute;color: #fff;">登录</view>
  <view class="user">
    <view class="login">
      <view class="item">
        <view class="tit">账号</view>
        <input class="login-input" type="text" value="{{username}}" placeholder="请输入您的账号" placeholder-class="center" bindinput="getVal" data-type="username"></input>
      </view>
      <!-- 新增 -->
      <view type="text" value="" style="width: 1rpx;height: 1rpx;overflow: hidden;">
        <input></input>
      </view>
      <view class="item">
        <view class="tit">密码</view>
        <input class="login-input" password="{{!open}}" data-type="password" value="{{form.password}}" placeholder="请输入您的密码" placeholder-class="center" bindinput="getVal" />
        <van-icon class="position" name="eye-o" wx:if="{{open}}" bindtap="switch" />
        <van-icon class="position" name="closed-eye" wx:if="{{!open}}" bindtap="switch" />
      </view>
    </view>
  </view>

  <view class="btn-area">
    <button bindtap="goLogin">登录</button>
  </view>
</view>