Merge branch 'master' of http://git.choozmo.com:3000/choozmo/hhh-page-dev

cases.html

@@ -1020,8 +1020,9 @@
 
         <section class="cases-content">
             <div class="caseSlider shadow">
-                <img class="img-fluid" src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150533.jpg"
-                    alt="">
+                <div class="CaseCoverImg">
+                    <!-- <img class="img-fluid" src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150533.jpg" alt=""> -->
+                </div>
                 <div class="morePhotoTip">
                     <a href="./casedetail.html" target="_blank" style="text-decoration: none; color: #fff;">
                         <i class="fa fa-clone case-img-quantity" aria-hidden="true"></i>

css/style.css

@@ -2029,7 +2029,7 @@ body {
   transition: all 300ms ease-in-out;
 }
 
-#hhh-cases .article__contexts {
+#hhh-cases .article__contexts_cases {
   font-size: 1.1rem;
   line-height: 1.8;
   height: 50px;

css/style.scss

@@ -1665,7 +1665,7 @@ body {
         -webkit-transition: all 300ms ease-in-out;
         transition: all 300ms ease-in-out;
     }
-    .article__contexts {
+    .article__contexts_cases  {
         font-size: 1.1rem;
         line-height: 1.8;
         height: 50px;
@@ -1673,7 +1673,10 @@ body {
         -webkit-transition: all 300ms ease-in-out;
         transition: all 300ms ease-in-out;
         color: #727679;
-        
+
+        //  @media screen and(max-width:576px) {
+        //     height: 50px;
+        // }
     }
     .article__readMore {
         cursor: pointer;

goto.js

@@ -3,7 +3,7 @@ $(".popular").hide();
 
 
 $(document).on("click", ".article__readMore", function (event) {
-    $('.article__contexts').css('height','auto');
+    $('.article__contexts_cases').css('height','auto');
     $('.article__readMore').hide();
     
 });
@@ -45,9 +45,15 @@ function get_data() {
             let CasePageTitle = "";
             let CaseImgQuantity = "";
             let article__contexts="";
+            let CaseCoverImg="";
+
 
 
             for (let i = 0; i < msg.length; i++) {
+                CaseCoverImg=`
+                <img class="img-fluid" src="${msg[i].CaseCoverImg}" alt="">
+                
+                `
                 designersinfo = `
                 <div class="container container-width-column px-md-0">
                     <div class="article__wrapper">
@@ -136,7 +142,7 @@ function get_data() {
                         article__contexts=`<div></div>`
                     }else {
                         article__contexts=`
-                        <div><p class="article__contexts">${msg[i].Casedescription}</p></div>
+                        <div><p class="article__contexts_cases">${msg[i].Casedescription}</p></div>
                         <div class="article__readMore">
                         <i class="fa fa-chevron-down" aria-hidden="true"></i>
                         <a class="article__readMore__text">閱讀更多</a>
@@ -492,6 +498,8 @@ function get_data() {
 
                 CaseImgQuantity += '<span class="ms-2 case-img-quantity">' + msg[i].CaseDetail.length + '</span>'
             }
+            $('.CaseCoverImg').html(CaseCoverImg);
+
             $('.article').html(designersinfo);
             $('.CaseInfo').html(CaseInfo);
             $('.CaseInfo_mb').html(CaseInfo_mb);