頁面問題修ˊ正

desktop11/goto.js

@@ -84,89 +84,91 @@ $.fn.serializeObject = function () {
   return o;
 };
 
-$(".contact-form1").submit(function (e) {
-  /*	var formRef = $('#form1').serializeArray();
-    var jsonString = JSON.stringify(formRef);*/
-  var jsonInfo = $('.contact-form1').serializeObject();
-  var jsonString = JSON.stringify(jsonInfo);
-  // email 格式檢查
-  $(document).ready(function () {
 
-    //E-MAIL格式檢查
 
-    $("body").on("change", "#email", function () {
 
-      $Emailchecking = IsEmail($("#email").val());
 
+ // email 格式檢查
+ $(document).ready(function () {
+  
+  //E-MAIL格式檢查
 
-      if ($Emailchecking == false) {
+  $("body").on("change", "#email", function () {
 
-        alert("請填寫正確的E-MAIL格式");
+    $Emailchecking = IsEmail($("#email").val());
 
-        // $("#email").blur(); //離開焦點
 
-      }
+    if ($Emailchecking == false) {
 
-    })
+      alert("請填寫正確的E-MAIL格式");
 
-    function IsEmail(email) {
+      // $("#email").blur(); //離開焦點
 
-      var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
+    }
 
-      if (!regex.test(email)) {
+  })
 
-        return false;
+  function IsEmail(email) {
 
-      } else {
+    var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
 
-        return true;
+    if (!regex.test(email)) {
 
-      }
+      return false;
 
-    }
+    } else {
 
-  });
-  // $(document).ready(function () {
+      return true;
 
-  //   //E-MAIL格式檢查
+    }
 
-  //   $("body").on("change", "#phone", function () {
+  }
 
-  //     $Phonechecking = IsPhone($("#phone").val());
+});
+// phone 格式檢查
+$(document).ready(function () {
 
+  //phone格式檢查
 
-  //     if ($Phonechecking == false) {
+  $("body").on("change", "#phone", function () {
 
-  //       alert("請填寫正確的手機格式");
+    $Phonechecking = IsPhone($("#phone").val());
 
-  //       // $("#email").blur(); //離開焦點
 
-  //     }
+    if ($Phonechecking == false) {
 
-  //   })
+      alert("請填寫正確的手機格式");
 
-  //   function IsPhone(phone) {
+      // $("#email").blur(); //離開焦點
 
-  //     var regex = /^[0-9]+$/;
+    }
 
-  //     if (!regex.test(phone)) {
+  })
 
-  //       return false;
+  function IsPhone(phone) {
 
-  //     } else {
+    var regex = /^[0-9]+$/;
 
-  //       return true;
+    if (!regex.test(phone)) {
 
-  //     }
+      return false;
 
-  //   }
+    } else {
 
-  // });
+      return true;
 
-  
+    }
 
+  }
 
+});
 
+$(".contact-form1").submit(function (e) {
+  /*	var formRef = $('#form1').serializeArray();
+    var jsonString = JSON.stringify(formRef);*/
+  var jsonInfo = $('.contact-form1').serializeObject();
+  var jsonString = JSON.stringify(jsonInfo);
+ 
   $.ajax({
     type: 'POST',
     url: 'https://go.hhh.com.tw:8001/deco_request_detail',

desktop11/index.html

@@ -56,7 +56,7 @@
                     </div>
                     <div class="banner2">
                         <div style="padding-top:16vw;width: 100vw">
-                            <h1 id="animation2">次代風</h1>
+                            <h1 id="animation2">現代風</h1>
                             <button id="btn-animation2" class="btn-main">預約免費裝修諮詢</button>
                         </div>
                     </div>
@@ -76,12 +76,12 @@
         <div class="container-fluid" style="padding:0;margin: 0; ">
             <section id="content1">
                 <div class="content1-left">
-                    <h1 class="title">你有以這些下困擾嗎</h1>
+                    <h1 class="title">你有以下這些下困擾嗎</h1>
                     <div class="left">
                         <h1 class="title1">o1</h1>
                         <div class="text1">
                             <div class="text-1">裝修公司眾多</div>
-                            <div class="text-1">不知道如何邀選最適合的設計師?</div>
+                            <div class="text-1">不知道如何挑選最適合的設計師?</div>
                         </div>
                     </div>
                     <hr class="hr2 bg-dark" style="margin:0; opacity:1">
@@ -166,7 +166,7 @@
                 <div id="process-box">
                     <div class="box">
                         <img src="./img/process/box1.png" alt="">
-                        <div class="box-text">填寫需求表單</div>
+                        <div class="box-text">填寫裝修需求表單</div>
                     </div>
                     <div class="box">
                         <img src="./img/process/box2.png" alt="">
@@ -182,7 +182,7 @@
                     <div class="box">
                         <img src="./img/process/box4.png" alt="">
                         <div class="box-text">設計公司會</div>
-                        <div class="box-text"> 主動與屋主</div>
+                        <div class="box-text"> 主動與屋主聯繫</div>
                     </div>
                     <div class="box">
                         <img src="./img/process/box5.png" alt="">
@@ -249,13 +249,13 @@
         </div>
         <section id="contact-us">
             <div class="form-title">
-                <h1>已經服務超過14392個生活</h1>
+                <h1>已經服務超過14392個家庭</h1>
                 <h1>打造夢想中的完美居家生活</h1>
                 <h1>即刻啟動!</h1>
             </div>
             <!-- <hr> -->
             <div class="contact-text">
-                <div class="text-p">請撥打全台付費專線<span style="opacity: 0;">11</span><span id="phone1"
+                <div class="text-p">請撥打全台免付費專線<span style="opacity: 0;">11</span><span id="phone1"
                         style="color: #ee751b; font-weight:900;"> 0800-336-086</span></div>
                 <div class="text-p">或填寫以下資料，專人將盡速與您聯繫</div>
             </div>
@@ -316,7 +316,7 @@
                             </select>
                             <input name="size" type="text" id="square" placeholder="請輸入坪數" required>
                             <select name="bed_num" id="rooms" required style="margin-right:1.5vw">
-                                <option value="幾房" disabled selected="selected">幾房</option>
+                                <option value="幾房" disabled selected="selected">2房</option>
                                 <option class="option" value="1">1</option>
                                 <option class="option" value="2">2</option>
                                 <option class="option" value="3">3</option>
@@ -327,12 +327,12 @@
                                 <option class="option" value="8">8</option>
                             </select>
                             <select name="liv_num" id="livingroom" required style="margin-right:1.5vw">
-                                <option value="幾廳" disabled selected="selected" style="margin-right:25px">幾廳</option>
+                                <option value="幾廳" disabled selected="selected" style="margin-right:25px">2廳</option>
                                 <option class="option" value="1">1</option>
                                 <option class="option" value="2">2</option>
                             </select>
                             <select name="bath_num" id="bathroom" required>
-                                <option value="地區" disabled selected="selected">幾衛</option>
+                                <option value="地區" disabled selected="selected">1衛</option>
                                 <option class="option" value="1">1</option>
                                 <option class="option" value="2">2</option>
                                 <option class="option" value="3">3</option>
@@ -359,7 +359,7 @@
                                 <option class="option">工業風</option>
                                 <option class="option">異國風</option>
                             </select>
-                            <input name="prefer_date" type="date" id="date" placeholder="預選裝修日期" required>
+                            <input name="prefer_date" type="date" id="date" value="預選裝修日期" placeholder="預選裝修日期" required>
                         </div>
                         <hr>
                         <div id="form-right">

desktop11/style.css

@@ -393,14 +393,19 @@ body .arrow {
   display: grid;
   -ms-grid-columns: (1fr)[6];
       grid-template-columns: repeat(6, 1fr);
-  width: 78vw;
-  margin: auto;
+  width: 80vw;
+  margin: 0 auto;
 }
 
-#service-process #process-box .box-text {
+#service-process #process-box .box {
+  width: 14vw;
+  margin: 0 auto;
+}
+
+#service-process #process-box .box .box-text {
   font-family: 微軟正黑體;
   text-align: center;
-  font-size: 18px;
+  font-size: 17px;
   font-weight: 900;
   padding-right: 3vw;
   color: #6f645a;
@@ -584,7 +589,7 @@ body .arrow {
   margin-top: 12px;
   width: 29vw;
   height: 50px;
-  border: 1px solid #3B5998;
+  border: 1px solid #3b5998;
   text-align: right;
   padding-right: 50px;
   line-height: 50px;

desktop11/style.scss

@@ -1,5 +1,4 @@
 * {
-   
     font-family: 微軟正黑體;
 }
 $Font-color: #fff;
@@ -75,7 +74,7 @@ body {
                 background-size: cover;
                 background-repeat: no-repeat;
                 background-position: center;
-                padding-right:0 !important;
+                padding-right: 0 !important;
             }
             .banner1 {
                 background-image: url(./img/banner/00.webp);
@@ -146,8 +145,8 @@ body {
                 position: relative;
                 :hover {
                     opacity: 0.8;
-                  }
-                   &:after {
+                }
+                &:after {
                     content: "";
                     display: block;
                     width: 80%;
@@ -157,12 +156,12 @@ body {
                     left: 12%;
                     bottom: 0;
                     transition: all 0.3s;
-                    opacity:0;
-                  }
-                    &:hover:after {
+                    opacity: 0;
+                }
+                &:hover:after {
                     width: 80%;
                     opacity: 1;
-                  }
+                }
             }
         }
     }
@@ -180,7 +179,7 @@ body {
 #content1 {
     display: grid;
     grid-template-columns: 1fr 1fr;
-    margin:  0 auto;
+    margin: 0 auto;
     padding-top: 150px;
     width: 90vw;
     position: relative;
@@ -226,9 +225,7 @@ body {
                 font-weight: 400;
                 font-family: "Times New Roman", Times, serif;
                 color: #8593a4;
-        padding-left: 3vw;
-               
-
+                padding-left: 3vw;
             }
 
             .text1,
@@ -250,7 +247,7 @@ body {
     .content1-right {
         width: 35vw;
         text-align: center;
-  
+
         .slick-dots {
             margin-bottom: 50px;
             ::before {
@@ -258,7 +255,7 @@ body {
             }
         }
         img {
-          width: 35vw;
+            width: 35vw;
             height: 40vw;
             object-fit: cover;
         }
@@ -268,7 +265,7 @@ body {
 // service
 #service {
     width: 100vw;
-  
+
     h1 {
         padding: 15px;
         padding-left: 10vw;
@@ -344,16 +341,19 @@ body {
     #process-box {
         display: grid;
         grid-template-columns: repeat(6, 1fr);
-        width: 78vw;
-        margin: auto;
-
-        .box-text {
-            font-family: 微軟正黑體;
-            text-align: center;
-            font-size: 18px;
-            font-weight: 900;
-            padding-right: 3vw;
-            color: $process;
+        width: 80vw;
+        margin: 0 auto;
+        .box {
+            width: 14vw;
+            margin: 0 auto;
+            .box-text {
+                font-family: 微軟正黑體;
+                text-align: center;
+                font-size: 17px;
+                font-weight: 900;
+                padding-right: 3vw;
+                color: $process;
+            }
         }
         img {
             width: 180px;
@@ -384,15 +384,14 @@ body {
             text-align: center;
             padding-bottom: 1vw;
             position: relative;
-            .play{
+            .play {
                 position: absolute;
-                left:12vw !important;
-                top: 5vw !important;;
+                left: 12vw !important;
+                top: 5vw !important;
                 width: 3vw;
                 height: 3vw;
                 opacity: 0.8;
                 z-index: 10;
-               
             }
             img {
                 width: 25vw;
@@ -410,7 +409,6 @@ body {
                 font-weight: 600;
                 margin: 10px;
             }
-            
         }
     }
 }
@@ -421,7 +419,7 @@ body {
 
     background: #eee;
     position: relative;
- 
+
     .contact-text {
         margin: 0 auto;
         width: 68vw;
@@ -457,7 +455,7 @@ body {
             width: 34vw;
             transform: rotate(90deg);
             left: 20vw;
-            top:19vw;
+            top: 19vw;
         }
         #location,
         #type,
@@ -486,7 +484,6 @@ body {
         #form-left {
             width: 28vw;
             margin-left: 3vw;
-          
 
             #rooms,
             #livingroom,
@@ -505,10 +502,9 @@ body {
                 background-color: #fff;
             }
             #square,
-            #date{
-                background:none;
+            #date {
+                background: none;
                 background-color: #fff;
-
             }
         }
         #form-right {
@@ -519,7 +515,7 @@ body {
                 margin-top: 12px;
                 width: 29vw;
                 height: 50px;
-                border: 1px solid #3B5998;
+                border: 1px solid #3b5998;
                 text-align: right;
                 padding-right: 50px;
                 line-height: 50px;
@@ -547,14 +543,14 @@ body {
             a {
                 text-decoration: none;
                 color: #ee751b;
-                 font-weight:900;
+                font-weight: 900;
             }
             #checkbox {
                 margin: 15px;
             }
             #email,
             #name,
-            #phone{
+            #phone {
                 background: none;
                 background-color: #fff;
             }

mobile/index.html

@@ -73,7 +73,7 @@
                 </div>
                 <div class="banner2">
 
-                    <h1>次代風</h1>
+                    <h1>現代風</h1>
                 </div>
                 <div class="banner3">
 
@@ -96,7 +96,7 @@
                 <div class="text">
                     <div class="text2">
                         <h2>裝修公司眾多</h2>
-                        <h2>不知道如何邀選最適合的設計師?</h2>
+                        <h2>不知道如何挑選最適合的設計師?</h2>
                     </div>
                     <img src="./img/content/01.webp" alt="">
                 </div>
@@ -121,21 +121,6 @@
     </div>
     <section id="service">
         <h1 class="title">我們提供的服務</h1>
-        <!-- <div class="service container-fluid ">
-            <div class="row  vh-25">
-                <div class="col-lg-5 col-md-4  bg-light.bg-gradient " style="background-color: #eee;">
-                    <img class="icon" src="./img/process/icon1.webp" alt="">
-                    <div>推薦合法立案</div>
-                    <div>無裝修司法糾紛紀錄的</div>
-                    <div>專業設計師</div>
-                    <div>輕鬆找到合適人選</div>
-                    <div>不再大海撈針</div>
-                </div>
-                <div class="col-lg-7 col-md-8 ">
-                    <img class="img-fluid" src="./img/service/service001.jpg" alt="">
-                </div>
-            </div>
-        </div> -->
         <div class="container-fluid  mt-5 ">
             <div class="row">
                 <div class="text col-6  bg-light.bg-gradient  " style="background-color: #eee;">
@@ -173,36 +158,6 @@
 
             </div>
         </div>
-        <!-- <div class="service-box">
-            <div class="text-left">
-                <img src="./img/process/icon1.webp" alt="">
-                <div class="icon-text">
-                    <p>推薦合法立案</p>
-                    <p>無裝修司法糾紛紀錄的</p>
-                    <p>專業設計師</p>
-                    <p>輕鬆找到合適人選</p>
-                    <p>不再大海撈針</p>
-                </div>
-            </div>
-            <div class="text-right">
-                <img src="./img/service/service01.webp" alt="">
-            </div>
-        </div> -->
-        <!-- <div class="service-box">
-            <div class="text-left">
-                <img src="./img/process/icon2.webp" alt="">
-                <div class="icon-text">
-                    <p>推薦合法立案</p>
-                    <p>無裝修司法糾紛紀錄的</p>
-                    <p>專業設計師</p>
-                    <p>輕鬆找到合適人選</p>
-                    <p>不再大海撈針</p>
-                </div>
-            </div>
-            <div class="text-right">
-                <img src="./img/service/service02.webp" alt="">
-            </div>
-        </div> -->
         <div class="btn">
             <button class="btn-main" data-gt-target="#contact-us" data-gt-duration="800"
                 data-gt-offset="-300">預約居家布置諮詢</button>
@@ -213,7 +168,7 @@
         <div class="process-box">
             <img src="./img/process/box1.webp" alt="">
             <div style="margin-top: 70px;" class="process-title">
-                <div class="p-text">填寫需求表單</div>
+                <div class="p-text">填寫裝修需求表單</div>
                 <img src="./img/process/arrowdown.webp" alt="">
             </div>
         </div>
@@ -238,7 +193,7 @@
             <img src="./img/process/box4.webp" alt="">
             <div style="margin-top: 50px;" class="process-title">
                 <div class="p-text">設計公司會</div>
-                <div class="p-text">主動與屋主聯繫</div>
+                <div class="p-text">主動與屋主聯繫聯繫</div>
                 <img src="./img/process/arrowdown.webp" alt="">
             </div>
         </div>
@@ -304,7 +259,7 @@
 
     <section id="contact-us">
         <div id="form-title">
-            <h1>已經服務超過14392個生活</h1>
+            <h1>已經服務超過14392個家庭</h1>
             <h1>打造夢想中的完美居家生活</h1>
             <h1>即刻啟動!</h1>
 
@@ -369,7 +324,7 @@
                 </select>
                 <input name="size" type="text" id="square" placeholder="請輸入坪數" required>
                 <select name="bed_num" id="rooms" required>
-                    <option value="幾房" disabled selected="selected">幾房</option>
+                    <option value="幾房" disabled selected="selected">2房</option>
                     <option class="option" value="1">1</option>
                     <option class="option" value="2">2</option>
                     <option class="option" value="3">3</option>
@@ -380,12 +335,12 @@
                     <option class="option" value="8">8</option>
                 </select>
                 <select name="liv_num" id="livingroom" required style="margin-right:1.5vw">
-                    <option value="living room" disabled selected="selected">幾廳</option>
+                    <option value="living room" disabled selected="selected">2廳</option>
                     <option class="option" value="1">1</option>
                     <option class="option" value="2">2</option>
                 </select>
                 <select name="bath_num" id="bathroom" required>
-                    <option value="bathroom" disabled selected="selected">幾衛</option>
+                    <option value="bathroom" disabled selected="selected">1衛</option>
                     <option class="option" value="1">1</option>
                     <option class="option" value="2">2</option>
                     <option class="option" value="3">3</option>
@@ -412,7 +367,7 @@
                     <option class="option" value="type">工業風</option>
                     <option class="option" value="type">異國風</option>
                 </select>
-                <input name="prefer_date" type="date" id="date"  required>
+                <input name="prefer_date" type="date" id="date"  placeholder="預選裝修日期" required>
                 <div id="facebook">
                     <img src="./img/process/facebook.webp" alt="">
                     <p>使用FB填入信箱與姓名 </p>

mobile/script/goto.js

@@ -47,6 +47,81 @@ $.fn.serializeObject = function () {
 
   return o;
 };
+
+ // email 格式檢查
+ $(document).ready(function () {
+  
+  //E-MAIL格式檢查
+
+  $("body").on("change", "#email", function () {
+
+    $Emailchecking = IsEmail($("#email").val());
+
+
+    if ($Emailchecking == false) {
+
+      alert("請填寫正確的E-MAIL格式");
+
+      // $("#email").blur(); //離開焦點
+
+    }
+
+  })
+
+  function IsEmail(email) {
+
+    var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
+
+    if (!regex.test(email)) {
+
+      return false;
+
+    } else {
+
+      return true;
+
+    }
+
+  }
+
+});
+// phone 格式檢查
+$(document).ready(function () {
+
+  //phone格式檢查
+
+  $("body").on("change", "#phone", function () {
+
+    $Phonechecking = IsPhone($("#phone").val());
+
+
+    if ($Phonechecking == false) {
+
+      alert("請填寫正確的手機格式");
+
+      // $("#email").blur(); //離開焦點
+
+    }
+
+  })
+
+  function IsPhone(phone) {
+
+    var regex = /^[0-9]+$/;
+
+    if (!regex.test(phone)) {
+
+      return false;
+
+    } else {
+
+      return true;
+
+    }
+
+  }
+
+});
 $(".contact-form1").submit(function (e) {
   /*	var formRef = $('#form1').serializeArray();
     var jsonString = JSON.stringify(formRef);*/
@@ -84,42 +159,6 @@ $(".contact-form1").submit(function (e) {
   return false;
 });
 
-$(document).ready(function(){
-
-//E-MAIL格式檢查
-
-$("body").on("change", "#email", function (){
-
-$Emailchecking=IsEmail($("#email").val());
-
-
-if($Emailchecking==false){
-
-alert("請填寫正確的E-MAIL格式");
-
-$("#email").blur(); //離開焦點
-
-}
-
-})
-
-function IsEmail(email) {
-
-var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
-
-if(!regex.test(email)) {
-
-return false;
-
-}else{
-
-return true;
-
-}
-
-}
-
-});
 
 $("*").each(function (index, element) {
   // 此元素被點選後執行