andy 3 роки тому
батько
коміт
e755151fbf
6 змінених файлів з 60 додано та 27 видалено
  1. 2 2
      casedetail.html
  2. 19 0
      css/style.css
  3. 0 0
      css/style.css.map
  4. 14 0
      css/style.scss
  5. 6 6
      goto.js
  6. 19 19
      js/index.js

+ 2 - 2
casedetail.html

@@ -26,8 +26,8 @@
     <link rel="stylesheet" href="css/style.css">
 </head>
 
-<body style="height: 100vh;" >
-<div id="hhh-cases">
+<body>
+    <div id="hhh-cases">
     <div>
         <div class="modal-content" style="background-color: #6D6D6D;">
             

+ 19 - 0
css/style.css

@@ -2092,6 +2092,13 @@ body {
   top: 15px;
 }
 
+@media screen and (max-width: 576px) {
+  #hhh-cases .case-slick-box {
+    height: 60vh;
+    position: static;
+  }
+}
+
 #hhh-cases .img-wrapper-desktopp {
   width: 95%;
   margin: 0 auto;
@@ -2104,10 +2111,22 @@ body {
   margin: 0 auto;
 }
 
+@media screen and (max-width: 576px) {
+  #hhh-cases .CaseDetail-slick {
+    height: 60vh;
+  }
+}
+
 #hhh-cases .CaseDetail-slick .slick-slide {
   height: 100vh;
 }
 
+@media screen and (max-width: 576px) {
+  #hhh-cases .CaseDetail-slick .slick-slide {
+    height: 60vh;
+  }
+}
+
 #hhh-cases .CaseDetail-slick img {
   width: 100%;
   height: auto;

Різницю між файлами не показано, бо вона завелика
+ 0 - 0
css/style.css.map


+ 14 - 0
css/style.scss

@@ -1722,8 +1722,14 @@ body {
         // width: 100%;
         position: sticky;
         top:15px;
+        @media screen and(max-width:576px) {
+            height: 60vh;
+            position: static;
+
+        }
         
     }
+   
     .img-wrapper-desktopp{
         width: 95%;
         margin: 0 auto;
@@ -1733,8 +1739,16 @@ body {
         height: 100vh;
         width: 95%;
         margin:0 auto ;
+        @media screen and(max-width:576px) {
+            height: 60vh;
+           
+
+        }
         .slick-slide {
             height: 100vh;
+            @media screen and(max-width:576px) {
+                height: 60vh;
+            }
         }
         img{
             width: 100%;

+ 6 - 6
goto.js

@@ -283,7 +283,7 @@ function get_data() {
                 };
                 // 個案細節
                 CaseDetail += '<div class="row px-0 mx-0">'
-                CaseDetail += '<div class="col-md-8 case-slick-box" style="overflow-y: hidden;"><div class="img-wrapper-desktopp"><div class="CaseDetail-slick">'
+                CaseDetail += '<div class="col-md-8 case-slick-box" style="overflow-y: hidden;"><button type="button" class="btn-close close-window d-block d-md-none mt-3 btn-close-white" style="margin-left:auto"></button><div class="img-wrapper-desktopp"><div class="CaseDetail-slick">'
                 // 輪播圖
                 for (let j = 0; j < msg[i].CaseDetail.length; j++) {
                     CaseDetail +=
@@ -295,11 +295,11 @@ function get_data() {
 
                 CaseDetail +=
                     '<div class="col-md-4" style="background-color:#fff;">\
-                    <div class="modal-header border-0">\
-                    <button type="button" class="btn-close close-window"></button>\
-                </div>\
-                <div class="d-flex justify-content-start align-items-center pt-5">\
-                <a href="">\
+                    <div class="modal-header border-0 display-pc close-window">\
+                        <button type="button" class="btn-close"></button>\
+                    </div>\
+                    <div class="d-flex justify-content-start align-items-center pt-5">\
+                    <a href="">\
                     <div class="contact-section-avatar me-2">\
                         <img class="img-fluid" src="'+ msg[i].ContactDesignerImg + '" alt="">\
                     </div>\

+ 19 - 19
js/index.js

@@ -14,25 +14,25 @@ let totalPages = {
     company: 0,
 };
 
-// window.onload = function(){
-//     if(screen.width < 900){
-//         window.location.href = "../index_designerList_mb.html";   
-//     }
-//     userAgent = navigator.userAgent;
-//     detectBrowser(userAgent);
-//     detectDirection ();
-//     let result;
-//     let designer;
-//     let id = 0;
-//     $.ajax({
-//         method: "GET",
-//         url: "./json/realtime.json",
-//         dataType: "json",
-//     }).done(function (msg) {
-//         result = [...msg];
-//         renderSec00(result);
-//     });
-// }
+window.onload = function(){
+    if(screen.width < 900){
+        window.location.href = "../index_designerList_mb.html";   
+    }
+    userAgent = navigator.userAgent;
+    detectBrowser(userAgent);
+    detectDirection ();
+    let result;
+    let designer;
+    let id = 0;
+    $.ajax({
+        method: "GET",
+        url: "./json/realtime.json",
+        dataType: "json",
+    }).done(function (msg) {
+        result = [...msg];
+        renderSec00(result);
+    });
+}
   
 
 function detectDirection () {

Деякі файли не було показано, через те що забагато файлів було змінено