Home Explore Help
Register Sign In
choozmo
/
hhh-page-dev
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

mobile banner fixed

andy 3 years ago
parent
20b8d4e509
commit
e755151fbf
6 changed files with 60 additions and 27 deletions
Split View Show Diff Stats
  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
View File 

@@ -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
View File 

@@ -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;

File diff suppressed because it is too large
+ 0 - 0
css/style.css.map


+ 14 - 0
css/style.scss
View File 

@@ -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
View File 

@@ -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
View File 

@@ -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 () {

Some files were not shown because too many files changed in this diff