s

ruoyi-admin/src/main/resources/static/css/style_PhotoWall.css

@@ -0,0 +1,338 @@
+/*图片墙设置*/
+body{
+    margin:0px;
+    padding:0px;
+}
+body>div{
+    position:relative;
+    width:100%;
+    height:100%;
+    overflow: hidden;
+    padding:0px;
+    margin:0 auto;
+}
+body>div:nth-of-type(1){
+    background: url(https://acg.ccoyun.cn/man/api.php) no-repeat;
+    position:absolute;
+}
+img{
+    background:rgba(255,255,255,0.7);
+    padding:10px;
+}
+div>img:nth-of-type(1){
+    -webkit-transform: rotate(-20deg);
+    -moz-transform: rotate(-20deg);
+    -ms-transform: rotate(-20deg);
+    -o-transform: rotate(-20deg);
+    transform: rotate(-20deg);
+    position:absolute;
+    left:-80px;
+    z-index:5;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(2){
+    -webkit-transform: rotate(30deg);
+    -moz-transform: rotate(30deg);
+    -ms-transform: rotate(30deg);
+    -o-transform: rotate(30deg);
+    transform: rotate(30deg);
+    position:absolute;
+    left:50px;
+    top:150px;
+    z-index:4;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(3){
+    -webkit-transform: rotate(-50deg);
+    -moz-transform: rotate(-50deg);
+    -ms-transform: rotate(-50deg);
+    -o-transform: rotate(-50deg);
+    transform: rotate(-50deg);
+    position:absolute;
+    left:-140px;
+    top:300px;
+    z-index:2;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(4){
+    -webkit-transform: rotate(-20deg);
+    -moz-transform: rotate(-20deg);
+    -ms-transform: rotate(-20deg);
+    -o-transform: rotate(-20deg);
+    transform: rotate(-20deg);
+    position:absolute;
+    left:-30px;
+    top:400px;
+    z-index:3;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(5){
+    -webkit-transform: rotate(6deg);
+    -moz-transform: rotate(6deg);
+    -ms-transform: rotate(6deg);
+    -o-transform: rotate(6deg);
+    transform: rotate(6deg);
+    position:absolute;
+    left:-30px;
+    top:600px;
+    z-index:2;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(6){
+    -webkit-transform: rotate(6deg);
+    -moz-transform: rotate(6deg);
+    -ms-transform: rotate(6deg);
+    -o-transform: rotate(6deg);
+    transform: rotate(6deg);
+    position:absolute;
+    left:260px;
+    z-index:2;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(7){
+    -webkit-transform: rotate(6deg);
+    -moz-transform: rotate(6deg);
+    -ms-transform: rotate(6deg);
+    -o-transform: rotate(6deg);
+    transform: rotate(6deg);
+    position:absolute;
+    left:330px;
+    top:160px;
+    z-index:4;
+    border-radius:40px;
+    opacity:0.9;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(8){
+    -webkit-transform: rotate(-12deg);
+    -moz-transform: rotate(-12deg);
+    -ms-transform: rotate(-12deg);
+    -o-transform: rotate(-12deg);
+    transform: rotate(-12deg);
+    position:absolute;
+    left:500px;
+    top:-150px;
+    z-index:2;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(9){
+    -webkit-transform: rotate(40deg);
+    -moz-transform: rotate(40deg);
+    -ms-transform: rotate(40deg);
+    -o-transform: rotate(40deg);
+    transform: rotate(40deg);
+    position:absolute;
+    left:850px;
+    top:-60px;
+    z-index:4;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(10){
+    -webkit-transform: rotate(40deg);
+    -moz-transform: rotate(40deg);
+    -ms-transform: rotate(40deg);
+    -o-transform: rotate(40deg);
+    transform: rotate(40deg);
+    position:absolute;
+    left:1200px;
+    top:700px;
+    z-index:4;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(11){
+    -webkit-transform: rotate(-40deg);
+    -moz-transform: rotate(-40deg);
+    -ms-transform: rotate(-40deg);
+    -o-transform: rotate(-40deg);
+    transform: rotate(-40deg);
+    position:absolute;
+    left:800px;
+    top:450px;
+    z-index:4;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:nth-of-type(12){
+    -webkit-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+    position:absolute;
+    left:400px;
+    top:600px;
+    z-index:1;
+    border-radius:40px;
+    opacity:0.8;
+    filter:alpha(opacity=80);
+}
+div>img:hover{
+    -webkit-transform:rotate(0) scale(1.1);
+    -moz-transform:rotate(0) scale(1.1);
+    -ms-transform:rotate(0) scale(1.1);
+    -o-transform:rotate(0) scale(1.1);
+    transform:rotate(0) scale(1.1);
+    z-index:10;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+    opacity:1;
+    filter:alpha(opacity=1);
+}
+div>img:nth-of-type(1):hover{
+    -webkit-transform:rotate(0) scale(1.1) translate(80px);
+    -moz-transform:rotate(0) scale(1.1) translate(80px);
+    -ms-transform:rotate(0) scale(1.1) translate(80px);
+    -o-transform:rotate(0) scale(1.1) translate(80px);
+    transform:rotate(0) scale(1.1) translate(80px);
+    z-index:10;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+    opacity:1;
+    filter:alpha(opacity=1);
+}
+div>img:nth-of-type(3):hover{
+    -webkit-transform:rotate(0) scale(1.1) translate(140px);
+    -moz-transform:rotate(0) scale(1.1) translate(140px);
+    -ms-transform:rotate(0) scale(1.1) translate(140px);
+    -o-transform:rotate(0) scale(1.1) translate(140px);
+    transform:rotate(0) scale(1.1) translate(140px);
+    z-index:10;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+    opacity:1;
+    filter:alpha(opacity=1);
+}
+div>img:nth-of-type(4):hover{
+    -webkit-transform:rotate(0) scale(1.1) translate(30px);
+    -moz-transform:rotate(0) scale(1.1) translate(30px);
+    -ms-transform:rotate(0) scale(1.1) translate(30px);
+    -o-transform:rotate(0) scale(1.1) translate(30px);
+    transform:rotate(0) scale(1.1) translate(30px);
+    z-index:10;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+    opacity:1;
+    filter:alpha(opacity=1);
+}
+div>img:nth-of-type(5):hover{
+    -webkit-transform:rotate(0) scale(1.1) translate(30px,-100px);
+    -moz-transform:rotate(0) scale(1.1) translate(30px,-100px);
+    -ms-transform:rotate(0) scale(1.1) translate(30px,-100px);
+    -o-transform:rotate(0) scale(1.1) translate(30px,-100px);
+    transform:rotate(0) scale(1.1) translate(30px,-100px);
+    z-index:10;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+    opacity:1;
+    filter:alpha(opacity=1);
+}
+div>img:nth-of-type(8):hover{
+    -webkit-transform:rotate(0) scale(1.1) translate(0px,150px);
+    -moz-transform:rotate(0) scale(1.1) translate(0px,150px);
+    -ms-transform:rotate(0) scale(1.1) translate(0px,150px);
+    -o-transform:rotate(0) scale(1.1) translate(0px,150px);
+    transform:rotate(0) scale(1.1) translate(0px,150px);
+    z-index:10;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+    opacity:1;
+    filter:alpha(opacity=1);
+}
+div>img:nth-of-type(9):hover{
+    -webkit-transform:rotate(0) scale(1.1) translate(-180px,60px);
+    -moz-transform:rotate(0) scale(1.1) translate(-180px,60px);
+    -ms-transform:rotate(0) scale(1.1) translate(-180px,60px);
+    -o-transform:rotate(0) scale(1.1) translate(-180px,60px);
+    transform:rotate(0) scale(1.1) translate(-180px,60px);
+    z-index:10;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+    opacity:1;
+    filter:alpha(opacity=1);
+}
+div>img:nth-of-type(10):hover{
+    -webkit-transform:rotate(0) scale(1.1) translate(-220px,-150px);
+    -moz-transform:rotate(0) scale(1.1) translate(-220px,-150px);
+    -ms-transform:rotate(0) scale(1.1) translate(-220px,-150px);
+    -o-transform:rotate(0) scale(1.1) translate(-220px,150px);
+    transform:rotate(0) scale(1.1) translate(-220px,-150px);
+    z-index:10;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+    opacity:1;
+    filter:alpha(opacity=1);
+}
+div>img:nth-of-type(11):hover{
+    -webkit-transform:rotate(0) scale(1.1) translate(-55px,0px);
+    -moz-transform:rotate(0) scale(1.1) translate(-55px,0px);
+    -ms-transform:rotate(0) scale(1.1) translate(-55px,0px);
+    -o-transform:rotate(0) scale(1.1) translate(-55px,0px);
+    transform:rotate(0) scale(1.1) translate(-55px,0px);
+    z-index:10;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+    opacity:1;
+    filter:alpha(opacity=1);
+}
+div>img:nth-of-type(12):hover{
+    -webkit-transform:rotate(0) scale(1.1) translate(0px,-130px);
+    -moz-transform:rotate(0) scale(1.1) translate(0px,-130px);
+    -ms-transform:rotate(0) scale(1.1) translate(0px,-130px);
+    -o-transform:rotate(0) scale(1.1) translate(0px,-130px);
+    transform:rotate(0) scale(1.1) translate(0px,-130px);
+    z-index:10;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+    opacity:1;
+    filter:alpha(opacity=1);
+}
+

ruoyi-admin/src/main/resources/templates/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="renderer" content="webkit">
-    <title>若依系统首页</title>
+    <title>欣知CRM</title>
     <!-- 避免IE使用兼容模式 -->
  	<meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link th:href="@{favicon.ico}" rel="shortcut icon"/>
@@ -26,7 +26,7 @@
         </div>
         <a th:href="@{/index}">
             <li class="logo hidden-xs">
-                <span class="logo-lg">RuoYi</span>
+                <span class="logo-lg">欣知CRM</span>
             </li>
          </a>
         <div class="sidebar-collapse">

ruoyi-admin/src/main/resources/templates/index1.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="refresh" content="60"><!--refresh per 60 seconds-->
+    <title>Seraphine Wall</title>
+    <link href="../../../../../../../Downloads/13648/css/style_PhotoWall.css" rel="stylesheet" type="text/css"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body onload="variableImage()">
+    <script type="text/javascript">
+        function variableImage(){
+            for(var i = 0;i<12;i++){
+                var NowFrame=parseInt(Math.random()*72);
+                document.getElementById("showImage"+i).src="images/"+NowFrame+".jpg";
+            }
+        }
+    </script>
+    <div>
+
+        <img id="showImage0" width="384" height="216" src="../static/css/images/10.jpg"/>
+        <img id="showImage1" width="576" height="324"/>
+        <img id="showImage2" width="384" height="216"/>
+        <img id="showImage3" width="384" height="216"/>
+        <img id="showImage4" width="576" height="324"/>
+        <img id="showImage5" width="384" height="216"/>
+        <img id="showImage6" width="864" height="486"/>
+        <img id="showImage7" width="576" height="324"/>
+        <img id="showImage8" width="672" height="378"/>
+        <img id="showImage9" width="384" height="216"/>
+        <img id="showImage10" width="576" height="324"/>
+        <img id="showImage11" width="576" height="324"/>
+
+    </div>
+</body>
+</html>