|
|
@@ -8,93 +8,9 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
|
|
<link rel="stylesheet" href="./public/static/amis-sdk/helper.css">
|
|
|
-
|
|
|
<link rel="stylesheet" href="./public/static/amis-sdk/sdk.css">
|
|
|
- <style>
|
|
|
- html,
|
|
|
- body,
|
|
|
- .app-wrapper {
|
|
|
- /* position: relative; */
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- touch-action: pan-y;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
- :root {
|
|
|
- --Form-item-gap: 1.3rem;
|
|
|
- --InputGroup-height: 2.5rem;
|
|
|
- --Button-height: 2.5rem;
|
|
|
- --InputGroup-paddingX: .6rem;
|
|
|
- --InputGroup-addOn-bg: var(--Form-input-bg);
|
|
|
- /* --fontSizeBase: .9rem; */
|
|
|
- }
|
|
|
-
|
|
|
- .app-wrapper {
|
|
|
- /* position: relative; */
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .amis-scope .cxd-Icon{height: 1rem}
|
|
|
- .amis-scope .cxd-TextControl-input input{height: 100% !important;}
|
|
|
- .amis-scope .cxd-TextControl-input:hover{border:var(--Form-input-borderWidth) solid var(--Form-input-borderColor)}
|
|
|
- .amis-scope .cxd-InputGroup .cxd-TextControl-input{border-left-width: 0;padding-left: 0;}
|
|
|
- .code_img{cursor: pointer;}
|
|
|
-
|
|
|
- .amis-scope .cxd-Form{
|
|
|
- font-size: var(--Form-fontSize);
|
|
|
- position: none !important;
|
|
|
- max-width: 700px;
|
|
|
- margin: 0 auto;
|
|
|
- margin-top: 10vh;
|
|
|
- /* position:; */
|
|
|
- }
|
|
|
- .amis-scope .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- .amis-scope h1 {
|
|
|
- font-size: 4vw;
|
|
|
- }
|
|
|
- @media (max-width: 768px) {
|
|
|
- .amis-scope .cxd-Form{
|
|
|
- font-size: var(--Form-fontSize);
|
|
|
- position: none !important;
|
|
|
- margin: 0 auto;
|
|
|
- margin-top: 0vh;
|
|
|
- /* position:; */
|
|
|
- }
|
|
|
- .amis-scope .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- .amis-scope .cxd-Button--default {
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
- }
|
|
|
- .amis-scope .cxd-Button--default:not(:disabled):not(.is-disabled):hover {
|
|
|
- color: none;
|
|
|
- background: none;
|
|
|
- border-color: none;
|
|
|
- border-width: none;
|
|
|
- border-style: none;
|
|
|
- box-shadow: none;
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
- }
|
|
|
- .amis-scope .m-r-xs {
|
|
|
- margin-top:-5px;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- }
|
|
|
- .amis-scope .cxd-Form .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
|
|
|
- height: 1%;
|
|
|
- }
|
|
|
- </style>
|
|
|
+ <!-- 引入自定义样式 -->
|
|
|
+ <link rel="stylesheet" href="./public/static/css/login.css">
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="root" class="app-wrapper"></div>
|
|
|
@@ -130,7 +46,7 @@
|
|
|
// 刷新验证码
|
|
|
function refresh_code()
|
|
|
{
|
|
|
- document.querySelector('.code_img').src = '/login/verify?' + Math.random();
|
|
|
+ document.querySelector('.code_img').src = '/login/verify?' + Math.random();
|
|
|
}
|
|
|
</script>
|
|
|
</body>
|
root