頁面問題修正

desktopB/goto.js

@@ -176,7 +176,8 @@ $(".banner-slider").slick({
     $("html").stop();
   });
 
-    $("#date").datepicker({
-      showButtonPanel: true,
-    });
+  $(document).ready(function () {
+    $("#date").datepicker();
+  });
+  
   

desktopB/index.html

@@ -21,11 +21,12 @@
     <title>全室裝修</title>
 
 
-    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
     <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="./style.css">
     <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
 </head>
@@ -169,7 +170,7 @@
             </div>
         </div>
     </section>
-    <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/totop.png" alt="">
+    <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/gotop.png" alt="">
     </div>
     <section id="contact-us">
         <div class="form-title">
@@ -371,8 +372,7 @@
     </div>
 
 
-    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
-    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
+   
 <!-- Load the JS SDK asynchronously -->
     <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
@@ -383,6 +383,7 @@
         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 type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
 
     <script src="./goto.js"></script>

desktopB/style.css

@@ -54,8 +54,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 {

desktopB/style.scss

@@ -54,8 +54,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);
+        }
     }
 }
 .banner {

mobileB/goto.js

@@ -182,4 +182,8 @@ $(".feedback-slider1").slick({
   $("html").on("mousewheel", function () {
     $("html").stop();
   });
+
+  $(document).ready(function () {
+    $("#date").datepicker();
+  });
   

mobileB/index.html

@@ -28,6 +28,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+    <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">
 </head>
@@ -120,7 +121,7 @@
                 </div>
         </section>
     </div>
-    <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="">
     <section id="contact-us">
         <div id="form-title">
@@ -232,7 +233,7 @@
                     <option class="option" value="type">工業風</option>
                     <option class="option" value="type">異國風</option>
                 </select>
-                <input name="prefer_date" type="date" placeholder="預選裝修日期" id="date" required>
+                <input name="prefer_date" type="text" placeholder="預選裝修日期" id="date" required>
                 <div id="fb_login">
                     <fb:login-button scope="public_profile,email" onlogin="checkLoginState();">使用FB填入信箱與姓名
                     </fb:login-button>
@@ -321,6 +322,7 @@
         crossorigin="anonymous"></script>
     <!-- jQuery CDN -->
     <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 type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
     <script src="./goto.js"></script>
 </body>

mobileB/style.css

@@ -76,10 +76,17 @@ body .btn-main:hover {
 
 body .arrow {
   position: fixed;
-  right: 30px;
+  right: 20px;
   bottom: 100px;
-  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-box {
@@ -464,8 +471,6 @@ body .arrow {
 #contact-us #contact-form #checkbox {
   margin-top: 50px;
   padding: 20px;
-  width: 15px;
-  height: 15px;
 }
 
 #contact-us #contact-form #email,

mobileB/style.scss

@@ -61,12 +61,20 @@ body {
             padding: 20px;
         }
     }
+    
     .arrow {
         position: fixed;
-        right: 30px;
+        right: 20px;
         bottom: 100px;
-        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);
+        }
+
+
     }
 }
 
@@ -357,8 +365,6 @@ body {
         #checkbox {
             margin-top: 50px;
             padding: 20px;
-            width: 15px;
-            height: 15px;
         }
         #email,
         #name,