From 8329c5f60438a0f1f98a1dc553bd1bafdcdf2eb5 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 10 十一月 2020 19:17:18 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/monitor/monitor.html |   60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 60 insertions(+), 0 deletions(-)

diff --git a/src/main/webapp/views/monitor/monitor.html b/src/main/webapp/views/monitor/monitor.html
index 23e83e1..d69e0db 100644
--- a/src/main/webapp/views/monitor/monitor.html
+++ b/src/main/webapp/views/monitor/monitor.html
@@ -4,12 +4,43 @@
     <meta charset="UTF-8">
     <title>ASRS鐩戞帶</title>
     <link href="css/monitor.css" rel="stylesheet">
+<!--    <link href="css/Pacifico.css" rel="stylesheet">-->
     <script src="js/jquery-3.3.1.min.js"></script>
     <script src="js/vincent.js"></script>
     <script src="js/echarts/echarts.min.js"></script>
     <script src="https://api.map.baidu.com/api?v=2.0&ak=pnkdgjAQGCS0nwjFnBjbprCtPrNNvDBe" type="text/javascript"></script>
     <script src="js/echarts/bmap.min.js"></script>
+    <script src="js/jquery.countup.min.js"></script>
+    <script src="js/jquery.waypoints.min.js"></script>
     <style>
+        span.counter {
+            display:block;
+            margin:20px auto;
+            font-size:64px;
+            font-family:'Pacifico',serif
+        }
+
+        /*.div1 {*/
+        /*    width:200px;*/
+        /*    height:200px;*/
+        /*    overflow:hidden;*/
+        /*    margin:auto;*/
+        /*    position:relative;*/
+        /*    font-family:'Pacifico',serif*/
+        /*}*/
+        /*@keyframes anis {*/
+        /*    100% {*/
+        /*        transform:translateY(-200px)*/
+        /*    }*/
+        /*}img {*/
+        /*     position:absolute;*/
+        /* }*/
+        /*.div2 {*/
+        /*    animation:anis 10s linear infinite;*/
+        /*}*/
+        /*.div2:hover {*/
+        /*    animation-play-state:paused;*/
+        /*}*/
 
     </style>
 </head>
@@ -121,6 +152,34 @@
                     <div class="image-border image-border3"></div>
                     <div class="image-border image-border4"></div>
 
+
+                    <!-- 涓笂 -->
+                    <div class="demo">
+                        <span class="counter">5.00</span>
+                    </div>
+
+                    <!-- 涓乏 -->
+                    <div class="div1">
+                        <div class="div2">
+                            <p>111111111111111111111</p>
+                            <p>211111111111111111111</p>
+                            <p>311111111111111111111</p>
+                            <p>411111111111111111111</p>
+                            <p>511111111111111111111</p>
+                            <p>611111111111111111111</p>
+                            <p>711111111111111111111</p>
+                            <p>2211111111111111111111</p>
+                            <p>331111111111111111111</p>
+                            <p>441111111111111111111</p>
+                            <p>551111111111111111111</p>
+                            <p>661111111111111111111</p>
+                            <p>771111111111111111111</p>
+                            <p>881111111111111111111</p>
+                            <p>991111111111111111111</p>
+                            <p>001111111111111111111</p>
+                        </div>
+                    </div>
+                    <!-- 涓彸 -->
                 </div>
             </div>
 
@@ -224,6 +283,7 @@
     </div>
 </body>
 <script>
+    $('.counter').countUp();
     //  閬僵
     let closeBtn = document.getElementById('closeBtn');
     let detailModal = document.getElementById('detail-modal');

--
Gitblit v1.9.1