homepage.jsp 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
  2. <%@include file="/context/mytags.jsp" %>
  3. <c:set var="ctxPath" value="${pageContext.request.contextPath}"/>
  4. <!-- context path -->
  5. <!-- update-begin--Author:xuelin Date:20170428 for:#1755 【美化】用户分析报表,多tab格式,是否可以美化 需要改底层-------------------- -->
  6. <t:base type="jquery,easyui,tools,DatePicker"></t:base>
  7. <script src="plug-in/echarts/echarts.js" type="text/javascript"></script>
  8. <link rel="stylesheet" type="text/css" href="css/main.css"/>
  9. <!DOCTYPE html >
  10. <body>
  11. <div class="homeBox">
  12. <div class="welcome_text">欢迎使用美都环卫后台管理系统!</div>
  13. </div>
  14. </body>
  15. <script type="text/javascript" src="plug-in/hplus/hplus-tab.js"></script>
  16. <style>
  17. @keyframes animate-text {
  18. 0% {
  19. font-size: 44px;
  20. opacity: 0;
  21. filter: blur(10px);
  22. }
  23. 50% {
  24. font-size: 90px;
  25. opacity: 0.65;
  26. filter: blur(3px);
  27. }
  28. 100% {
  29. font-size: 84px;
  30. opacity: 1;
  31. filter: blur(0px);
  32. }
  33. }
  34. .homeBox {
  35. position: relative;
  36. margin: 0;
  37. padding: 0;
  38. width: 100%;
  39. height: 100%;
  40. overflow: hidden;
  41. display: flex;
  42. flex-direction: column;
  43. justify-content: center;
  44. align-content: center;
  45. align-self: center;
  46. align-items: center;
  47. background-image: url("http://47.100.210.233/upload/homePageBackGroundImage/homePage_backgroundImage.jpg") !important;
  48. background-repeat: no-repeat;
  49. background-size: 100% 100%;
  50. z-index: 1;
  51. }
  52. .homeBox::before {
  53. content: "";
  54. position: absolute;
  55. background: inherit;
  56. width: 100%;
  57. height: 100%;
  58. padding: 20px;
  59. filter: blur(4px);
  60. z-index: 2;
  61. }
  62. .welcome_text {
  63. z-index: 3;
  64. color: #FFFFFF;
  65. font-size: 84px;
  66. text-shadow: -2px -2px 0px #22509b, 2px 2px 0px #999;
  67. font-weight: bold;
  68. font-family: 华文彩云;
  69. letter-spacing: 14px;
  70. line-height: 100px;
  71. -webkit-user-select: none;
  72. -khtml-user-select: none;
  73. -moz-user-select: none;
  74. -o-user-select: none;
  75. -ms-user-select: none;
  76. user-select: none;
  77. opacity: 1;
  78. filter: blur(0px);
  79. animation: animate-text 1.5s;
  80. }
  81. </style>