From 4cc10691cd2197f72c205723a642a62478c33273 Mon Sep 17 00:00:00 2001
From: whycq <whycq>
Date: 星期二, 31 五月 2022 09:04:22 +0800
Subject: [PATCH] # ycq
---
src/main/webapp/views/test.html | 19 +++++----
src/main/webapp/views/render.js | 4 +-
src/main/webapp/static/css/render.css | 48 ++++++++++++++++++++++--
3 files changed, 56 insertions(+), 15 deletions(-)
diff --git a/src/main/webapp/static/css/render.css b/src/main/webapp/static/css/render.css
index fec261b..8748786 100644
--- a/src/main/webapp/static/css/render.css
+++ b/src/main/webapp/static/css/render.css
@@ -12,7 +12,6 @@
width: 100%;
background-color: rgb(108,167,168);
}
-
.head {
height: 10%;
width: 100%;
@@ -84,14 +83,55 @@
.floorBtn {
position: absolute;
- /*border: 1px solid rgb(108, 167, 168);*/
- top: 10px;
- color: #000000;
+ border-radius: 5px;
+ left: 1750px;
+ width: 90px;
+ height: 40px;
+ color: #ffffff;
font-size: 24px;
font-weight: 500;
letter-spacing: 5px;
cursor:pointer;
+ transition: all 0.3s ease;
+ font-family: 'Lato', sans-serif;
+ background: transparent;
+ box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1),
+ 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
+/* 16 */
+.btn-16 {
+ border: none;
+ color: #fff;
+}
+.btn-16:after {
+ position: absolute;
+ content: '';
+ width: 0;
+ height: 100%;
+ top: 0;
+ left: 0;
+ direction: rtl;
+ z-index: -1;
+ box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002,
+ 4px 4px 5px 0px #0001;
+ transition: all 0.3s ease;
+}
+.btn-16:hover {
+ color: #323131;
+}
+.btn-16:hover:after {
+ left: auto;
+ right: 0;
+ width: 100%;
+}
+.btn-16:active {
+ top: 2px;
+}
+
+
+
+
+
/*鎿嶄綔鏄剧ず鏍�*/
#body {
diff --git a/src/main/webapp/views/render.js b/src/main/webapp/views/render.js
index 8a80bb0..d30d453 100644
--- a/src/main/webapp/views/render.js
+++ b/src/main/webapp/views/render.js
@@ -1435,9 +1435,9 @@
let stnss = areas[i].stns
let floor = areas[i].text
floorId = areas[i].id
- var position = (i+5)*100
+ var position = (i+1)*100
floorBtn =
- "<button class='floorBtn' onclick='changFloor("+i+")' style='left: "+position+"px;'>" + floor +"</button>"
+ "<button class='floorBtn btn-16' onclick='changFloor("+i+")' style='top: "+position+"px;'>" + floor +"</button>"
floorBtnss = floorBtnss + floorBtn
// 姣忓眰鐨� 杈撻�佺嚎绔欑偣
var index = i
diff --git a/src/main/webapp/views/test.html b/src/main/webapp/views/test.html
index fcb6b41..8bd60da 100644
--- a/src/main/webapp/views/test.html
+++ b/src/main/webapp/views/test.html
@@ -14,31 +14,32 @@
<script>
// var abc = 1
var i ;
- i="10"
+ i=0
var a = true
setInterval(()=>{
addI();
},1000)
function addI() {
if (a) {
- console.log("姝ｅ湪鎵撳嵃"+i++)
+ $("#ycq").html(i++)
+
}else {
return;
}
}
- $("#ycq").html(i)
+ // $("#ycq").html(i)
function alt(e) {
alert(e)
}
- var arr=[]; //鎵归噺瀹氫箟
- for(var i=0;i<5;i++){
- var index=i; //鍔ㄦ�佸畾涔夊彉閲忓悕
- arr[index]='value-'+i; //鍔ㄦ�佽祴鍊�
- }
- console.log(arr);
+ // var arr=[]; //鎵归噺瀹氫箟
+ // for(var i=0;i<5;i++){
+ // var index=i; //鍔ㄦ�佸畾涔夊彉閲忓悕
+ // arr[index]='value-'+i; //鍔ㄦ�佽祴鍊�
+ // }
+ // console.log(arr);
--
Gitblit v1.9.1