|
|
|
@ -26,21 +26,27 @@
|
|
|
|
|
<f7-page>
|
|
|
|
|
<f7-navbar title="登录"></f7-navbar>
|
|
|
|
|
<form v-bind:action="Server+'/Account/AppLogin'" v-on:submit.prevent="OnSubmit" class="login">
|
|
|
|
|
<div class="list">
|
|
|
|
|
<div class="list no-hairlines-md">
|
|
|
|
|
<ul>
|
|
|
|
|
<li class="item-content item-input item-input-outline">
|
|
|
|
|
<li class="item-content item-input">
|
|
|
|
|
<div class="item-media">
|
|
|
|
|
<i class="f7-icons">link</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title item-floating-label">服务器</div>
|
|
|
|
|
<div class="item-title item-label">服务器</div>
|
|
|
|
|
<div class="item-input-wrap">
|
|
|
|
|
<input type="text" name="Server" class="" v-model="Server" data-val="true" data-val-required="请输入服务器地址">
|
|
|
|
|
<input type="text" name="Server" v-model="Server" data-val="true" data-val-required="请输入服务器地址">
|
|
|
|
|
<span class="input-clear-button"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="field-validation-valid text-danger" data-valmsg-for="Server" data-valmsg-replace="true"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="item-content item-input item-input-outline">
|
|
|
|
|
<li class="item-content item-input">
|
|
|
|
|
<div class="item-media">
|
|
|
|
|
<i class="f7-icons">person</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title item-floating-label">用户名</div>
|
|
|
|
|
<div class="item-title item-label">用户名</div>
|
|
|
|
|
<div class="item-input-wrap">
|
|
|
|
|
<input type="text" name="UserName" v-model="UserName" data-val="true" data-val-required="请输入用户名">
|
|
|
|
|
<span class="input-clear-button"></span>
|
|
|
|
@ -48,9 +54,12 @@
|
|
|
|
|
<span class="field-validation-valid text-danger" data-valmsg-for="UserName" data-valmsg-replace="true"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="item-content item-input item-input-outline">
|
|
|
|
|
<li class="item-content item-input">
|
|
|
|
|
<div class="item-media">
|
|
|
|
|
<i class="f7-icons">lock</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title item-floating-label">密码</div>
|
|
|
|
|
<div class="item-title item-label">密码</div>
|
|
|
|
|
<div class="item-input-wrap">
|
|
|
|
|
<input type="password" name="Password" v-model="Password" data-val="true" data-val-required="请输入密码">
|
|
|
|
|
<span class="input-clear-button"></span>
|
|
|
|
@ -58,24 +67,23 @@
|
|
|
|
|
<span class="field-validation-valid text-danger" data-valmsg-for="Password" data-valmsg-replace="true"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="item-content item-input-outline">
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title">记住我</div>
|
|
|
|
|
<div class="item-after">
|
|
|
|
|
<label class="toggle toggle-init">
|
|
|
|
|
<input type="checkbox" name="RememberMeToggle" class="" v-model="RememberMe">
|
|
|
|
|
<span class="toggle-icon"></span>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<li class="item-content">
|
|
|
|
|
<div class="item-media">
|
|
|
|
|
<i class="f7-icons">tag</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<span>记住我</span>
|
|
|
|
|
<label class="toggle toggle-init">
|
|
|
|
|
<input type="checkbox" name="RememberMeToggle" class="" v-model="RememberMe">
|
|
|
|
|
<span class="toggle-icon"></span>
|
|
|
|
|
</label>
|
|
|
|
|
<input type="hidden" name="RememberMe" class="" :value="RememberMe=='on'?true:false">
|
|
|
|
|
</div>
|
|
|
|
|
<input type="hidden" name="RememberMe" class="" :value="RememberMe=='on'?true:false">
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="item-content">
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<button type="submit" class="button button-large button-large button-raised button-fill color-lightblue submit">确定</button>
|
|
|
|
|
<button type="submit" class="button button-large button-large button-raised button-fill color-blue submit">确定</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|