调整登录页样式

TangShanKaiPing
wanggang 6 years ago
parent 62f70ce5bc
commit 8d993bc67d

@ -50,9 +50,9 @@ namespace Demo
if (Device.RuntimePlatform == Device.Android)
{
media.AddOption(new MediaConfiguration().EnableHardwareDecoding());
media.AddOption(":network-caching=0");
media.AddOption(":clock-jitter=0");
media.AddOption(":clock-synchro=0");
media.AddOption(":network-caching=100");
//media.AddOption(":clock-jitter=0");
//media.AddOption(":clock-synchro=0");
}
var player = new MediaPlayer(_libvlc);
player.Volume = 0;

@ -28,6 +28,7 @@ img.shot {
max-width: 100%;
max-height: 100%;
width:100%;
height:auto;
}
img.shot.zoom {
width:auto;
@ -62,11 +63,4 @@ img.shot.zoom {
}
.device-desktop.with-modal-dialog .page-content {
overflow: auto;
}
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@ -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>

@ -28,6 +28,7 @@ img.shot {
max-width: 100%;
max-height: 100%;
width:100%;
height:auto;
}
img.shot.zoom {
width:auto;
@ -62,11 +63,4 @@ img.shot.zoom {
}
.device-desktop.with-modal-dialog .page-content {
overflow: auto;
}
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@ -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>

@ -28,6 +28,7 @@ img.shot {
max-width: 100%;
max-height: 100%;
width:100%;
height:auto;
}
img.shot.zoom {
width:auto;
@ -62,11 +63,4 @@ img.shot.zoom {
}
.device-desktop.with-modal-dialog .page-content {
overflow: auto;
}
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@ -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>

Loading…
Cancel
Save