login.wxml
2.15 KB
<view class="login-container data-v-b237504c"><view class="status-bar data-v-b237504c" style="{{'height:'+(statusBarHeight+'px')+';'}}"></view><view class="login-card data-v-b237504c"><view class="login-header data-v-b237504c"><view class="title data-v-b237504c">绿纤协同平台</view><view class="subtitle data-v-b237504c">用户登录</view></view><view class="login-form data-v-b237504c"><view class="form-group data-v-b237504c"><view class="form-label data-v-b237504c">用户名</view><view class="input-wrapper data-v-b237504c"><u-icon class="input-icon data-v-b237504c" vue-id="35a7246c-1" name="account" size="20" color="#6a9c6a" bind:__l="__l"></u-icon><u-input bind:input="__e" class="custom-input data-v-b237504c" vue-id="35a7246c-2" placeholder="请输入用户名" clearable="{{true}}" border="none" value="{{formData.username}}" data-event-opts="{{[['^input',[['__set_model',['$0','username','$event',[]],['formData']]]]]}}" bind:__l="__l"></u-input></view></view><view class="form-group data-v-b237504c"><view class="form-label data-v-b237504c">密码</view><view class="input-wrapper data-v-b237504c"><u-icon class="input-icon data-v-b237504c" vue-id="35a7246c-3" name="lock" size="20" color="#6a9c6a" bind:__l="__l"></u-icon><u-input bind:input="__e" class="custom-input data-v-b237504c" vue-id="35a7246c-4" placeholder="请输入密码" password="{{!showPassword}}" clearable="{{true}}" border="none" value="{{formData.password}}" data-event-opts="{{[['^input',[['__set_model',['$0','password','$event',[]],['formData']]]]]}}" bind:__l="__l"></u-input><u-icon class="password-toggle data-v-b237504c" vue-id="35a7246c-5" name="{{showPassword?'eye-off':'eye'}}" size="20" color="#6a9c6a" data-event-opts="{{[['^click',[['togglePassword']]]]}}" bind:click="__e" bind:__l="__l"></u-icon></view></view><view class="form-actions data-v-b237504c"><button class="login-btn data-v-b237504c" disabled="{{loading}}" data-event-opts="{{[['tap',[['handleLogin',['$event']]]]]}}" bindtap="__e">{{''+(loading?'登录中...':'登录')+''}}</button></view></view></view><view class="footer data-v-b237504c"><view class="footer-text data-v-b237504c">绿纤协同办公平台 v1.0.0</view></view></view>