update number

layouts/blog_main/list.html

@@ -40,7 +40,7 @@
             <img src="/img/blog/icon/step01.png" alt="" data-gt-target="#blogTag_01" data-gt-duration="500"
               data-gt-offset="100">
             <span>
-              <img src="/img/blog/number/01.png" alt="">
+              <img src="/img/blog/number/01.svg" alt="" style="width: 35px;">
             </span>
             <h4>預售屋客變</h4>
           </section>
@@ -49,7 +49,7 @@
             <img src="/img/blog/icon/step02.png" alt="" data-gt-target="#blogTag_02" data-gt-duration="500"
               data-gt-offset="180">
             <span>
-              <img src="/img/blog/number/02.png" alt="">
+              <img src="/img/blog/number/02.svg" alt="">
             </span>
             <h4>驗收交屋</h4>
           </section>
@@ -58,7 +58,7 @@
             <img src="/img/blog/icon/step03.png" alt="" data-gt-target="#blogTag_03" data-gt-duration="500"
               data-gt-offset="180">
             <span>
-              <img src="/img/blog/number/03.png" alt="">
+              <img src="/img/blog/number/03.svg" alt="">
             </span>
             <h4>預算準備</h4>
           </section>
@@ -67,7 +67,7 @@
             <img src="/img/blog/icon/step04.png" alt="" data-gt-target="#blogTag_04" data-gt-duration="500"
               data-gt-offset="180">
             <span>
-              <img src="/img/blog/number/04.png" alt="">
+              <img src="/img/blog/number/04.svg" alt="">
             </span>
             <h4>認識裝修裝潢</h4>
           </section>
@@ -76,7 +76,7 @@
             <img src="/img/blog/icon/step05.png" alt="" data-gt-target="#blogTag_05" data-gt-duration="500"
               data-gt-offset="180">
             <span>
-              <img src="/img/blog/number/05.png" alt="">
+              <img src="/img/blog/number/05.svg" alt="">
             </span>
             <h4>空間計畫</h4>
             <img class="line_02" src="/img/blog/Vector02.png" alt="">
@@ -88,7 +88,7 @@
             <img src="/img/blog/icon/step06.png" alt="" data-gt-target="#blogTag_06" data-gt-duration="500"
               data-gt-offset="180">
             <span>
-              <img src="/img/blog/number/06.png" alt="">
+              <img src="/img/blog/number/06.svg" alt="">
             </span>
             <h4>居家風格</h4>
           </section>
@@ -96,7 +96,7 @@
             <img src="/img/blog/icon/step07.png" alt="" data-gt-target="#blogTag_07" data-gt-duration="500"
               data-gt-offset="180">
             <span>
-              <img src="/img/blog/number/07.png" alt="">
+              <img src="/img/blog/number/07.svg" alt="">
             </span>
             <h4>家具家電</h4>
           </section>
@@ -104,7 +104,7 @@
             <img src="/img/blog/icon/step08.png" alt="" data-gt-target="#blogTag_08" data-gt-duration="500"
               data-gt-offset="180">
             <span>
-              <img src="/img/blog/number/08.png" alt="">
+              <img src="/img/blog/number/08.svg" alt="">
             </span>
             <h4>驗收入住</h4>
           </section>
@@ -700,7 +700,7 @@
                 <img src="/img/blog/icon/step01.png" alt="" data-gt-target="#blogTag_mb_01" data-gt-duration="500"
                   data-gt-offset="0">
                 <span>
-                  <img src="/img/blog/number/01.png" alt="">
+                  <img src="/img/blog/number/01.svg" alt="" style="width: 35px;">
                 </span>
                 <h4>預售屋客變</h4>
               </section>
@@ -712,7 +712,7 @@
                 <img src="/img/blog/icon/step02.png" alt="" data-gt-target="#blogTag_mb_02" data-gt-duration="500"
                   data-gt-offset="0">
                 <span>
-                  <img src="/img/blog/number/02.png" alt="">
+                  <img src="/img/blog/number/02.svg" alt="">
                 </span>
                 <h4>驗收交屋</h4>
               </section>
@@ -723,7 +723,7 @@
                 <img src="/img/blog/icon/step03.png" alt="" data-gt-target="#blogTag_mb_03" data-gt-duration="500"
                   data-gt-offset="0">
                 <span>
-                  <img src="/img/blog/number/03.png" alt="">
+                  <img src="/img/blog/number/03.svg" alt="">
                 </span>
                 <h4>預算準備</h4>
               </section>
@@ -734,7 +734,7 @@
                 <img src="/img/blog/icon/step04.png" alt="" data-gt-target="#blogTag_mb_04" data-gt-duration="500"
                   data-gt-offset="0">
                 <span>
-                  <img src="/img/blog/number/04.png" alt="">
+                  <img src="/img/blog/number/04.svg" alt="">
                 </span>
                 <h4>認識裝修裝潢</h4>
               </section>
@@ -745,7 +745,7 @@
                 <img src="/img/blog/icon/step05.png" alt="" data-gt-target="#blogTag_mb_05" data-gt-duration="500"
                   data-gt-offset="0">
                 <span>
-                  <img src="/img/blog/number/05.png" alt="">
+                  <img src="/img/blog/number/05.svg" alt="">
                 </span>
                 <h4>空間計畫</h4>
               </section>
@@ -756,7 +756,7 @@
                 <img src="/img/blog/icon/step06.png" alt="" data-gt-target="#blogTag_mb_06" data-gt-duration="500"
                   data-gt-offset="0">
                 <span>
-                  <img src="/img/blog/number/06.png" alt="">
+                  <img src="/img/blog/number/06.svg" alt="">
                 </span>
                 <h4>居家風格</h4>
               </section>
@@ -767,7 +767,7 @@
                 <img src="/img/blog/icon/step07.png" alt="" data-gt-target="#blogTag_mb_07" data-gt-duration="500"
                   data-gt-offset="0">
                 <span>
-                  <img src="/img/blog/number/07.png" alt="">
+                  <img src="/img/blog/number/07.svg" alt="">
                 </span>
                 <h4>家具家電</h4>
               </section>
@@ -778,7 +778,7 @@
                 <img src="/img/blog/icon/step08.png" alt="" data-gt-target="#blogTag_mb_08" data-gt-duration="500"
                   data-gt-offset="0">
                 <span>
-                  <img src="/img/blog/number/08.png" alt="">
+                  <img src="/img/blog/number/08.svg" alt="">
                 </span>
                 <h4>驗收入住</h4>
               </section>
@@ -1460,12 +1460,24 @@
       dotAnimate(x, y);
     }
 
-    if (callState) {
-      addEventListener('resize', (event) => {
-        console.log('call');
-        if ($(window).width() < 576 && callState) {
-           // 避免重複 call function
-          callState = false;
+    // 判斷是否為手機
+    function mobile() {
+      try {
+        document.createEvent("TouchEvent");
+        return true;
+      } catch (e) {
+        return false;
+      }
+    }
+
+    if (!mobile()) {
+      /* 電腦版偵測縮放 */
+      if (callState) {
+        addEventListener('resize', (event) => {
+          console.log('call');
+          if ($(window).width() < 576 && callState) {
+            // 避免重複 call function
+            callState = false;
 
             const stopStyle = document.createElement("style");
             // 尺寸改變後動畫重新開始
@@ -1474,20 +1486,25 @@
                   animation: none;
                 }
              `;
-             stopStyle.innerHTML = stopKeyFrames;
-             let oldStyle = document.querySelector('style');
-    
-        dotDom.replaceChild(stopStyle, oldStyle);
-      
-          setTimeout(() => {
-            // 縮放畫面時重新取得x、y軸
-            const x1 = $(window).width() / 2.4;
-            const y1 = $('.process_mb').height() * (110 / 693.38);
-            dotAnimate(x1, y1);
-          }, 1000);
-        }
-      });
+            stopStyle.innerHTML = stopKeyFrames;
+
+            let oldStyle = document.querySelector('style');
+
+            if (oldStyle) {
+              dotDom.replaceChild(stopStyle, oldStyle);
+            }
+
+            setTimeout(() => {
+              // 縮放畫面時重新取得x、y軸
+              const x1 = $(window).width() / 2.4;
+              const y1 = $('.process_mb').height() * (110 / 693.38);
+              dotAnimate(x1, y1);
+            }, 1000);
+          }
+        });
+      }
     }
+
   </script>
 </body>
 

themes/hugo-universal-theme-master/static/css/style.bhouse.css

@@ -3703,6 +3703,12 @@ input[type=search]::-webkit-search-cancel-button {
             animation: dot_768px 8s infinite;
   }
 }
+@media (min-width: 576px) {
+  .blog-main .process .dot_mb::before {
+    -webkit-animation: none;
+            animation: none;
+  }
+}
 .blog-main .process section {
   margin-right: 80px;
 }

themes/hugo-universal-theme-master/static/css/style.bhouse.scss

@@ -3585,11 +3585,11 @@ input[type="search"]::-webkit-search-cancel-button {
         animation: dot_768px 8s infinite;
       }
     }
-    // .dot_mb::before {
-    //   @media (width: 576px) {
-    //     animation: dot_mb 8s infinite;
-    //   }
-    // }
+    .dot_mb::before {
+      @media (min-width: 576px) {
+        animation: none;
+      }
+    }
     section {
       margin-right: 80px;
       @media (max-width: 767px) {