3 years ago · 2585e6b0c9
--- a/desktop11/img/gotop.png
+++ b/desktop11/img/gotop.png
--- a/desktop11/index.html
+++ b/desktop11/index.html
@@ -2,8 +2,8 @@
 
				 <html lang="zh">
			
 
				 
			
 
				 <head>
			
 
				-    
			
 
				-  
			
 
				+
			
 
				+
			
 
				     <meta charset="UTF-8">
			
 
				     <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				     <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
@@ -31,10 +31,10 @@
 
				     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
			
 
				     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
			
 
				 
			
 
				-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
			
 
				+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
			
 
				     <link rel="stylesheet" href="./style.css">
			
 
				     <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
			
 
				-    
			
 
				+
			
 
				 
			
 
				 <body id="top">
			
 
				     <script>
			
@@ -122,7 +122,7 @@
 
				                 </div>
			
 
				             </div>
			
 
				             </section>
			
 
				-            <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/totop.png"
			
 
				+            <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/gotop.png"
			
 
				                 alt="">
			
 
				         </div>
			
 
				 
			
@@ -473,7 +473,7 @@
 
				         integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
			
 
				         crossorigin="anonymous"></script>
			
 
				     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
			
 
				-<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
			
 
				+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
			
 
				     <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
			
 
				 
			
 
				     <script src="./goto.js"></script>
			
--- a/desktop11/style.css
+++ b/desktop11/style.css
@@ -53,8 +53,15 @@ body .arrow {
 
				   position: fixed;
			
 
				   right: 30px;
			
 
				   bottom: 30px;
			
 
				-  width: 30px;
			
 
				+  width: 45px;
			
 
				+  height: 40px;
			
 
				   z-index: 10;
			
 
				+  background-color: #E06649;
			
 
				+}
			
 
				+
			
 
				+body .arrow:hover {
			
 
				+  -webkit-box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
			
 
				+          box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
			
 
				 }
			
 
				 
			
 
				 .banner {
			
--- a/desktop11/style.css.map
+++ b/desktop11/style.css.map
--- a/desktop11/style.scss
+++ b/desktop11/style.scss
@@ -51,8 +51,13 @@ body {
 
				         position: fixed;
			
 
				         right: 30px;
			
 
				         bottom: 30px;
			
 
				-        width: 30px;
			
 
				+        width: 45px;
			
 
				+        height: 40px;
			
 
				         z-index: 10;
			
 
				+        background-color: #E06649;
			
 
				+        &:hover{
			
 
				+            box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
			
 
				+        }
			
 
				     }
			
 
				 }
			
 
				 
			
--- a/mobile/img/gotop.png
+++ b/mobile/img/gotop.png
--- a/mobile/index.html
+++ b/mobile/index.html
@@ -129,9 +129,10 @@
 
				                 </div>
			
 
				             </div>
			
 
				 
			
 
				-
			
 
				         </section>
			
 
				     </div>
			
 
				+    <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/gotop.png"
			
 
				+    alt="">
			
 
				     <div class="btn">
			
 
				         <button   id="banner-btn" class="btn-main" data-gt-target="#contact-us" data-gt-duration="800"
			
 
				             data-gt-offset="-300">預約免費裝修諮詢</button>
			
--- a/mobile/style.css
+++ b/mobile/style.css
@@ -72,6 +72,21 @@ body .btn-main:hover {
 
				   }
			
 
				 }
			
 
				 
			
 
				+body .arrow {
			
 
				+  position: fixed;
			
 
				+  right: 20px;
			
 
				+  bottom: 100px;
			
 
				+  width: 45px;
			
 
				+  height: 40px;
			
 
				+  z-index: 10;
			
 
				+  background-color: #E06649;
			
 
				+}
			
 
				+
			
 
				+body .arrow:hover {
			
 
				+  -webkit-box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
			
 
				+          box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
			
 
				+}
			
 
				+
			
 
				 .navigation {
			
 
				   width: auto;
			
 
				   height: 60px;
			
@@ -102,6 +117,7 @@ body .btn-main:hover {
 
				 #banner-box {
			
 
				   height: 45vh;
			
 
				   overflow: hidden;
			
 
				+  position: relative;
			
 
				 }
			
 
				 
			
 
				 @media screen and (max-width: 767px) {
			
--- a/mobile/style.css.map
+++ b/mobile/style.css.map
--- a/mobile/style.scss
+++ b/mobile/style.scss
@@ -62,6 +62,20 @@ body {
 
				             padding: 20px;
			
 
				         }
			
 
				     }
			
 
				+    .arrow {
			
 
				+        position: fixed;
			
 
				+        right: 20px;
			
 
				+        bottom: 100px;
			
 
				+        width: 45px;
			
 
				+    height: 40px;
			
 
				+        z-index: 10;
			
 
				+        background-color: #E06649;
			
 
				+        &:hover{
			
 
				+            box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
			
 
				+        }
			
 
				+
			
 
				+
			
 
				+    }
			
 
				 }
			
 
				 .navigation {
			
 
				     width: auto;
			
@@ -88,6 +102,7 @@ body {
 
				 #banner-box {
			
 
				     height: 45vh;
			
 
				     overflow: hidden;
			
 
				+    position:relative;
			
 
				     @media screen and(max-width:$moblie) {
			
 
				         height: 50vh;
			
 
				     }