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

    <!-- 胶囊按钮区 -->
    <view style="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 type="text" value="{{username}}" placeholder="请输入您的账号" placeholder-class="center" bindinput="getVal" data-type="username"></input>
            </view>
            <view class="item">
                <view class="tit">密码</view>
                <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>