change - 传感器汇总样式修改

3 years ago · 76e96bb28c
parent 5f41a111e9
commit 76e96bb28c
2 changed files with 50 additions and 3 deletions
--- a/ruoyi-admin/src/main/resources/static/css/lot-ui/Iot-sensorSummaryStyle.css
+++ b/ruoyi-admin/src/main/resources/static/css/lot-ui/Iot-sensorSummaryStyle.css
@ -84,7 +84,7 @@ span{
    top: 10%;
    color: #ddd;
    overflow-x: hidden;
-    overflow-y: auto;
+    overflow-y: hidden;
 }

 #table{
@ -131,3 +131,30 @@ span{
 .fixed-table-pagination{
    padding-top: 20px;
 }
+
+.bootstrap-table .fixed-table-container .fixed-table-body{
+    /*height: 28em;*/
+    overflow-x: auto;
+    overflow-y: visible;
+}
+
+.bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar {
+    /*滚动条整体样式*/
+    width: 5px;
+    /*高宽分别对应横竖滚动条的尺寸*/
+    height: 8px;
+}
+
+.bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-thumb {
+    /*滚动条里面小方块*/
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    background: #004EA1;
+}
+
+.bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-track {
+    /*滚动条里面轨道*/
+    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    border-radius: 10px;
+    background: #EDEDED;
+}
--- a/ruoyi-admin/src/main/resources/templates/iot-ui/sensorSummary.html
+++ b/ruoyi-admin/src/main/resources/templates/iot-ui/sensorSummary.html
@ -10,8 +10,28 @@
    <link rel="stylesheet" th:href="@{/css/lot-ui/bootstrap-table.css}"/>
    <link rel="stylesheet" th:href="@{/css/lot-ui/Iot-sensorSummaryStyle.css}"/>

-    <style>
-    </style>
+    <!--<style type="text/css">
+        div::-webkit-scrollbar {
+            /*滚动条整体样式*/
+            width: 5px;
+            /*高宽分别对应横竖滚动条的尺寸*/
+            height: 1px;
+        }
+
+        div::-webkit-scrollbar-thumb {
+            /*滚动条里面小方块*/
+            border-radius: 10px;
+            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+            background: #004EA1;
+        }
+
+        div::-webkit-scrollbar-track {
+            /*滚动条里面轨道*/
+            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+            border-radius: 10px;
+            background: #EDEDED;
+        }
+    </style>-->
 </head>
 <body>
 <!--传感器类型-->