<%@ Page Title="" Language="C#" MasterPageFile="~/Mst.master" AutoEventWireup="true" CodeFile="UserLogin.aspx.cs" Inherits="UserLogin" %>
|
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
|
<style>
|
.bg-info {
|
background-color:#fff;
|
}
|
.remember-pwd {
|
display: flex;
|
align-items: center;
|
padding: 8px 16px;
|
margin: 10px 0;
|
}
|
.remember-label {
|
font-size: 14px;
|
color: #323233;
|
display: flex;
|
align-items: center;
|
}
|
.custom-checkbox {
|
transform: scale(0.9); /* 缩小复选框 */
|
margin-right: 6px; /* 调整与文字的间距 */
|
}
|
.forgot-pwd {
|
font-size: 14px;
|
color: #1989fa;
|
text-decoration: none;
|
}
|
/* 如果需要更精确的控制，可以覆盖Vant样式 */
|
.van-checkbox__icon .van-icon {
|
font-size: 18px; /* 调整图标大小 */
|
}
|
.van-checkbox__label {
|
margin-left: 5px; /* 调整标签左边距 */
|
font-size: 14px;
|
}
|
</style>
|
</asp:Content>
|
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
|
<template>
|
<div class="login">
|
<h1>GS-PDA 用户登录</h1>
|
<div class="login-wrapper" style="margin-bottom:50px;">
|
<div class="avatar">
|
<van-image
|
fill
|
width="100%"
|
src="images/logo.png"
|
></van-image>
|
</div>
|
<van-form @submit="onSubmit" :show-error="false" >
|
<van-cell-group inset>
|
<van-field
|
v-model="phone"
|
name="phone"
|
label=""
|
clickable
|
placeholder="请输入账号"
|
:rules="[{ required: true, message: '请输入账号' }]"
|
></van-field>
|
<van-field
|
clickable
|
v-model="passwd"
|
type="password"
|
name="password"
|
label=""
|
placeholder="请输入密码"
|
:rules="[{ required: true, message: '请输入密码' }]"
|
></van-field>
|
<!-- 记住密码复选框 - 调整位置到表单项外面 -->
|
<div class="remember-pwd">
|
<van-checkbox
|
v-model="rememberPwd"
|
shape="square"
|
icon-size="16px"
|
class="remember-label">
|
记住密码
|
</van-checkbox>
|
</div>
|
</van-cell-group>
|
<div class="margin padding margin-lg-bottom">
|
<van-button round block type="info" native-type="submit" :loading="isLoading">
|
登录
|
</van-button>
|
<br />
|
</div>
|
</van-form>
|
</div>
|
</div>
|
<div class=" margin-lg-top font-sm text-right font-remark" style="position:absolute;bottom:10px;right:10px;">技术支持：宁波广深科技</div>
|
</template>
|
</asp:Content>
|
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" runat="Server">
|
<comloading v-if="isLoading"></comloading>
|
</asp:Content>
|
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" runat="Server">
|
|
<script src="/H5/Js/UserLogin.js?<%=1246 %>"></script>
|
</asp:Content>
|
