Patrick Sun 5 лет назад
Родитель
Сommit
78b33c2c0f
3 измененных файлов: 52 добавлений и 5 удалений
  1. +41
    -0
      front-end/css/login.css
  2. +3
    -3
      front-end/js/login.js
  3. +8
    -2
      front-end/login.html

+ 41
- 0
front-end/css/login.css Просмотреть файл

@@ -0,0 +1,41 @@
#bgVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: -1;
}

#login {
margin-top: 200px;
margin-left: auto;
margin-right: auto;
}


body {
margin: 0;
background-size: cover;
background-image: url('https://images.unsplash.com/photo-1579546929518-9e396f3cc809?ixlib=rb-1.2.1&w=1000&q=80');
}

.vimeo-container {
padding: 0;
width: 100%;
height: 100vh;
overflow: hidden;
position: relative;
}

iframe {
box-sizing: border-box;
width: 177.77777778vh;
height: 56.25vw;
min-width: 100%;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

+ 3
- 3
front-end/js/login.js Просмотреть файл

@@ -1,10 +1,10 @@


var loginform = {
width: 700,
width: 500,
view:"form", scroll:false,
container:"data_container1",
padding:120,
container:"login",
padding:50,
css: { margin:"auto" },

"rows": [

+ 8
- 2
front-end/login.html Просмотреть файл

@@ -4,12 +4,18 @@
<html>
<head>
<link rel="stylesheet" href="./codebase/skins/material.css" type="text/css">
<link rel="stylesheet" href="./css/login.css" type="text/css">
<script src="./codebase/webix.js" type="text/javascript"></script>
</head>
<body>
<div id="data_container1" style="margin:auto"></div>
<body >
<div id="login"></div>
<script type="text/javascript" charset="utf-8" src="js/login.js"></script>

<style>

</style>
<div class="vimeo-container">
<iframe id=bgVideo src="https://player.vimeo.com/video/76979871?background=1" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
</body>
</html>

Загрузка…
Отмена
Сохранить