浏览代码

修改登录页面把背景图片放大到适合元素容器的尺寸,图片比例不变

xiaost 2 年之前
父节点
当前提交
a843272758
共有 1 个文件被更改,包括 76 次插入75 次删除
  1. 76 75
      kanban-console/src/main/webapp/WEB-INF/views/login.html

+ 76 - 75
kanban-console/src/main/webapp/WEB-INF/views/login.html

@@ -1,76 +1,77 @@
-<!DOCTYPE html>
-<html>
-<head>
-<title>看板系统登录</title>
-<link rel="shortcut icon" href="static/images/login/statistics_16px.png" type="image/x-icon">
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<link href="static/lib/ext/4.2/resources/ext-theme-neptune/ext-theme-neptune-all.css" rel="stylesheet" type="text/css" />
-<script src="static/lib/ext/4.2/ext-all.js" type="text/javascript"></script>
-<script type="text/javascript" src="static/lib/i18n/i18n.js"></script>
-
-<script type="text/javascript">
-Ext.Loader.setConfig({
-	enabled: true
-});//开启动态加载
-Ext.application({
-    name: 'erp',//为应用程序起一个名字,相当于命名空间
-    appFolder: basePath+'static/app',//app文件夹所在路径
-    controllers: [//声明所用到的控制层
-        'login'
-    ],
-    launch: function() {
-        Ext.create('erp.view.login.Login');
-    }
-});
-
-</script>
-<style>
-.login-background{
-	background:url(static/images/wallpapers/desktop2.jpg) no-repeat 0px 0px;
-}
-
-.login-form{
-	border-radius:5px;
-	/* padding:0 0 0 10px; */
-}
-
-.login-form label{
-	margin-left:29px!important;
-}
-
-.login-form .x-form-text{
-	background:#FBFEBE repeat-x 0 0
-}
-
-.login-user{
-	margin:0 0 20px 30px!important;
-	background:url(static/images/login/add_user_24px.png) no-repeat 0px 0px;
-}
-
-.login-user .x-form-field{
-	margin:0 0 10px 15px!important;
-	border-radius:3px;
-}
-
-.login-password{
-	margin:0 0 20px 30px!important;
-	background:url(static/images/login/key_24px.png) no-repeat 0px 0px;
-}
-
-.login-password .x-form-field{
-	margin:0 0 10px 15px!important;
-	border-radius:3px;
-}
-
-.login-form .x-box-inner{
-	width:100%!important
-}
-
-.login-header{
-	height:300px;
-}
-</style>
-</head>
-<body>
-</body>
+<!DOCTYPE html>
+<html>
+<head>
+<title>看板系统登录</title>
+<link rel="shortcut icon" href="static/images/login/statistics_16px.png" type="image/x-icon">
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<link href="static/lib/ext/4.2/resources/ext-theme-neptune/ext-theme-neptune-all.css" rel="stylesheet" type="text/css" />
+<script src="static/lib/ext/4.2/ext-all.js" type="text/javascript"></script>
+<script type="text/javascript" src="static/lib/i18n/i18n.js"></script>
+
+<script type="text/javascript">
+Ext.Loader.setConfig({
+	enabled: true
+});//开启动态加载
+Ext.application({
+    name: 'erp',//为应用程序起一个名字,相当于命名空间
+    appFolder: basePath+'static/app',//app文件夹所在路径
+    controllers: [//声明所用到的控制层
+        'login'
+    ],
+    launch: function() {
+        Ext.create('erp.view.login.Login');
+    }
+});
+
+</script>
+<style>
+.login-background{
+	background:url(static/images/wallpapers/desktop2.jpg) no-repeat 0px 0px;
+    background-size: cover;
+}
+
+.login-form{
+	border-radius:5px;
+	/* padding:0 0 0 10px; */
+}
+
+.login-form label{
+	margin-left:29px!important;
+}
+
+.login-form .x-form-text{
+	background:#FBFEBE repeat-x 0 0
+}
+
+.login-user{
+	margin:0 0 20px 30px!important;
+	background:url(static/images/login/add_user_24px.png) no-repeat 0px 0px;
+}
+
+.login-user .x-form-field{
+	margin:0 0 10px 15px!important;
+	border-radius:3px;
+}
+
+.login-password{
+	margin:0 0 20px 30px!important;
+	background:url(static/images/login/key_24px.png) no-repeat 0px 0px;
+}
+
+.login-password .x-form-field{
+	margin:0 0 10px 15px!important;
+	border-radius:3px;
+}
+
+.login-form .x-box-inner{
+	width:100%!important
+}
+
+.login-header{
+	height:300px;
+}
+</style>
+</head>
+<body>
+</body>
 </html>