add api lading content

css/list-style-mb.css

@@ -708,7 +708,7 @@ a {
   -webkit-box-orient: vertical;
   box-orient: vertical;
   -webkit-line-clamp: 2;
-  height: calc(18px * 2 * 1.5);
+  height: calc(18px * 2 * 1.2);
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -846,4 +846,41 @@ a {
 #putEmail_hidden .fm-email-btn {
   padding: 2px 5px 2px 5px;
 }
+
+.loading-move {
+  -webkit-animation-name: move;
+          animation-name: move;
+  -webkit-animation-duration: 2s;
+          animation-duration: 2s;
+  -webkit-animation-delay: 0;
+          animation-delay: 0;
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
+  -webkit-animation-direction: normal;
+          animation-direction: normal;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+
+@-webkit-keyframes move {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+
+@keyframes move {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
 /*# sourceMappingURL=list-style-mb.css.map */

css/list-style-mb.scss

@@ -592,7 +592,7 @@ a {
           -webkit-box-orient: vertical;
           box-orient: vertical;
           -webkit-line-clamp: 2;
-          height: calc(18px * 2 * 1.5);
+          height: calc(18px * 2 * 1.2);
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
@@ -717,4 +717,21 @@ a {
     .fm-email-btn {
         padding: 2px 5px 2px 5px;
     }
+}
+.loading-move {
+    animation-name: move;
+    animation-duration: 2s;
+    animation-delay: 0;
+    animation-iteration-count: infinite;
+    animation-direction: normal;
+    animation-timing-function: linear;
+}
+
+@keyframes move {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
 }

css/list-style.css

@@ -1221,4 +1221,41 @@ a {
 #putEmail_hidden .fm-email-btn {
   padding: 2px 5px 2px 5px;
 }
+
+.loading-move {
+  -webkit-animation-name: move;
+          animation-name: move;
+  -webkit-animation-duration: 2s;
+          animation-duration: 2s;
+  -webkit-animation-delay: 0;
+          animation-delay: 0;
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
+  -webkit-animation-direction: normal;
+          animation-direction: normal;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+
+@-webkit-keyframes move {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+
+@keyframes move {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
 /*# sourceMappingURL=list-style.css.map */

css/list-style.scss

@@ -655,7 +655,6 @@ a {
     .nav-item {
         margin: 0 0.8rem;
         width: auto;
-   
         &-link {
             display: block;
             padding: 0.5rem 2.5rem;
@@ -1009,4 +1008,21 @@ a {
     .fm-email-btn {
         padding: 2px 5px 2px 5px;
     }
+}
+.loading-move {
+    animation-name: move;
+    animation-duration: 2s;
+    animation-delay: 0;
+    animation-iteration-count: infinite;
+    animation-direction: normal;
+    animation-timing-function: linear;
+}
+
+@keyframes move {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
 }

index_designerList.html

@@ -1154,7 +1154,7 @@
                   </aside>
                 </div>
                 <div class="tab-content mt-5" id="pills-tabContent">
-                  <div class="tab-pane fade active show" id="pills-intro" role="tabpanel"
+                  <!-- <div class="tab-pane fade active show" id="pills-intro" role="tabpanel"
                       aria-labelledby="pills-intro-tab">
                     <div class="row">
                       <div class="col-md-4">
@@ -1336,8 +1336,8 @@
                         </a>
                       </div>
                     </div>
-                  </div>
-                  <div class="tab-pane fade" id="pills-company" role="tabpanel"
+                  </div> -->
+                  <!-- <div class="tab-pane fade" id="pills-company" role="tabpanel"
                     aria-labelledby="pills-company-tab">
                     <div class="row justfy-content-between">
                       <div class="col-md-8">
@@ -1392,9 +1392,36 @@
                           </blockquote>
                         </div>
                     </div>
-                  </div>
+                  </div> -->
+               
+               
                 </div>
               </div>
+              <!-- <div class="d-flex justify-content-center py-3 py-md-5">
+                <div  id="loading_img">
+                    <svg class="loading-move" xmlns="http://www.w3.org/2000/svg" width="40" height="41.965"
+                        viewBox="0 0 40 41.965">
+                        <defs>
+                            <style>
+                                .a {
+                                    fill: #ee751b;
+                                }
+                            </style>
+                        </defs>
+                        <circle class="a" cx="4.89" cy="4.89" r="4.89" transform="translate(16.094)" />
+                        <ellipse class="a" cx="2.933" cy="2.933" rx="2.933" ry="2.933"
+                            transform="translate(18.05 36.099)" />
+                        <ellipse class="a" cx="4.401" cy="4.401" rx="4.401" ry="4.401" transform="translate(4.487 5.464)" />
+                        <circle class="a" cx="2.445" cy="2.445" r="2.445" transform="translate(30.626 31.609)" />
+                        <ellipse class="a" cx="3.911" cy="3.911" rx="3.911" ry="3.911" transform="translate(0 18.056)" />
+                        <circle class="a" cx="1.955" cy="1.955" r="1.955" transform="translate(36.091 20.01)" />
+                        <path class="a" d="M5.065,20.213a3.422,3.422,0,1,0,4.839,0A3.419,3.419,0,0,0,5.065,20.213Z"
+                            transform="translate(1.403 11.424)" />
+                        <ellipse class="a" cx="1.466" cy="1.466" rx="1.466" ry="1.466"
+                            transform="translate(31.603 8.434)" />
+                    </svg>
+                </div>
+            </div> -->
             </div>
           </div>
         </section>

index_designerList_mb.html

@@ -64,15 +64,14 @@
       <div class="row">
         <div class="col-12 col-md-3 position-relative">
           <div class="mb__infoCard">
-            <div class="mb__infoCard__avatar mx-auto mb-3" style="background-image: url(https://cloud.hhh.com.tw/gs/designer/designer494_00.jpg);">
+            <div class="mb__infoCard__avatar mx-auto mb-3" style="">
             </div>
-            <h2 class="mt-3 mb__infoCard__name">蔡岳儒</h2>
+            <h2 class="mt-3 mb__infoCard__name"></h2>
             <span class="mb-3 d-inline-block mb__infoCard__span">設計師</span>
-            <h4 class="mb-3 mb__infoCard__cmy">恆岳空間設計</h4>
-            <strong class="mb-3 mb__infoCard__seo">恆岳空間設計｜蔡岳儒 室內設計師，為台北老屋翻新好評推薦的室內設計師，
-                將老屋妙手回春成現代風小豪宅，亦擅長置入日式精闢手工藝術融入室內空間設計中。</strong>
+            <h4 class="mb-3 mb__infoCard__cmy"></h4>
+            <strong class="mb-3 mb__infoCard__seo"></strong>
             <div class="mb__infoCard__approve mb-3">
-              ★老屋翻新‧住宅改造
+            
             </div>
             <div class="mb__infoCard__detail">
               <div class="mb__infoCard__basics">

js/index-list-mb.js

@@ -8,11 +8,11 @@ let n = 0;
 let n_video = 0;
 let n_columns = 0;
 let totalPages = {
-    intro: 0,
-    video: 0,
-    columns: 0,
-    vr360: 0,
-    company: 0,
+  intro: 0,
+  video: 0,
+  columns: 0,
+  vr360: 0,
+  company: 0,
 };
 
 let filter;
@@ -22,17 +22,17 @@ let getfilter = urlParams.get('q');
 let cid = urlParams.get('cid');
 console.log(getfilter, cid);
 
-$('.likeSee__views').click(function() {
+$('.likeSee__views').click(function () {
   window.location.href = `./index_designerList_mb.html?q=views&cid=${cid}`
   $(this).css('color', '#EE7800');
 })
 
-$('.likeSee__sort').click(function() {
+$('.likeSee__sort').click(function () {
   window.location.href = `./index_designerList_mb.html?cid=${cid}`
   $(this).css('color', '#EE7800');
 })
 
-function getpathId(){
+function getpathId() {
   let query = window.location.search.split('?').pop();
   return query.split('=')[1];
 }
@@ -40,7 +40,7 @@ function getpathId(){
 function getQuery() {
   let query = getfilter;
   console.log(query);
-  if(query == 'views'){
+  if (query == 'views') {
     filter = 'views';
     $('.likeSee__views').css('color', '#EE7800');
   } else {
@@ -51,33 +51,34 @@ function getQuery() {
 
 
 
-window.onload = function(){
+window.onload = function () {
   //window.scrollBy(0, 1);
-  if(screen.width >= 901){
-      window.location.href = `../index_designerList.html?cid=${cid}`;   
+  if (screen.width >= 901) {
+    window.location.href = `../index_designerList.html?cid=${cid}`;
   }
   userAgent = navigator.userAgent;
   detectBrowser(userAgent);
-  detectDirection ();
-  let result; 
+  detectDirection();
+  let result;
   let designer;
   let id = 0;
   $.ajax({
     method: "GET",
-    url: `./json/designers-${cid}.json`,
+    // url: `./json/designers-${cid}.json`,
+    url: `https://m3.hhh.com.tw:18686/gendesigner?id=${cid}&sort=new&page=1`,
     dataType: "json",
   }).done(function (msg) {
     getQuery();
     designer = [...msg][id];
     console.log(designer['Content']);
-    if(filter == 'views'){
-      designer['Content'][0]['Carddata'].sort(function (a, b){
-          return a[filter] > b[filter]? -1:1;
+    if (filter == 'views') {
+      designer['Content'][0]['Carddata'].sort(function (a, b) {
+        return a[filter] > b[filter] ? -1 : 1;
       })
     } else {
-        designer['Content'][0]['Carddata'].sort(function (a, b){
-            return a[filter] > b[filter]? 1:-1;
-        })
+      designer['Content'][0]['Carddata'].sort(function (a, b) {
+        return a[filter] > b[filter] ? 1 : -1;
+      })
     }
     renderinfoCard(designer);
     renderTab(designer['Content']);
@@ -85,29 +86,174 @@ window.onload = function(){
     renderModalTitle(designer['CompanyName']);
     console.log(filter);
     console.log(designer['Content'][0]['Carddata']);
-    $(window).scroll(function() {
-      loadMore(designer);
+    $(window).scroll(function () {
+      let bottom = $("body").height() - $(window).height() - 1;
+      if ($(window).scrollTop() >= bottom) {
+          loadMoretest();
+      }
     })
+    // let bottom = $("body").height() - $(window).height() - 1;
+    // if ($(window).scrollTop() >= bottom) {
+    //   loadMoretest();
+    // }
   });
 }
+
+// var page = 1;
+// function loadMoretest() {
+
+//     setTimeout(function () {
+//         scroll_bottom_load_data(page);
+//         page++;
+//         return page
+
+
+//     }, 500);
+// }
+function scroll_bottom_load_data(page) {
+
+  $.ajax({
+      method: "GET",
+      url: `https://m3.hhh.com.tw:18686/gendesigner?id=${cid}&sort=new&page=${page}`,
+  }).done(function (msg) {
+      result = [...msg];
+      let append = '';
+      let d = result[0].Content[0].Carddata;
+      // let cardcontent=[]
+      let nowTab = document.querySelector('.infoContent .tab-pane.show');
+      if (nowTab === document.querySelector('#pills-intro')) {
+          for (let j = 0; j < d.length; j++) {
+
+              let tagStr = ''
+              for (let k = 0; k < d[j]['tag'].length; k++) {
+                  tagStr += `<a href="${d[j]['tag'][k]['link']}" class="card__tag" target="_blank">${d[j]['tag'][k]['name']}</a>`
+              }
+              append += `<div class="col-6 col-md-4">
+                                  <a href="${d[j]['url']}" target="_blank">
+                                      <div class="card">
+                                          <div style="overflow: hidden;">
+                                              <div class="card__bgImg" style="background-image: url(${d[j]['imgURL']});">
+                                              </div>
+                                          </div>
+                                          <div class="card-body">
+                                              <h5 class="card-title card__title mt-0">${d[j]['title']}</h5>
+                                                  <p class="card-text mb-0">
+                                                      ${tagStr}
+                                                  </p>
+                                          </div>
+                                      </div>
+                                  </a>
+                               </div>`
+
+              // var cardcontent2=cardcontent.push.d;
+          }
+          if (d.length === 0) {
+              $('#loading_img').css("display", "none")
+          }
+          // console.log(cardcontent2);
+
+          $('#pills-intro .work__row').append(append);
+      }else if (nowTab === document.querySelector('#pills-video')) {
+              let append = '';
+              let d = result[0].Content[0].Carddata;
+              for(let j = 0;j < d.length; j ++) {
+                  let tagStr = ''
+                  for(let k = 0;k < d[j]['tag'].length; k ++) {
+                      tagStr += `<a href="${d[j]['tag'][k]['link']}" class="card__tag" target="_blank">${d[j]['tag'][k]['name']}</a>`
+                  }
+                  append += `<div class="col-6 col-md-4">
+                                  <a href="${d[j]['url']}" target="_blank">
+                                  <div class="card">
+                                      <div style="overflow: hidden;">
+                                          <div class="card__bgImg" style="background-image: url(${d[j]['imgURL']});">
+                                              <img src="https://hhh.com.tw/assets/images/rv_web/play.svg" alt="" width="50" height="50">
+                                          </div>
+                                      </div>
+                                      <div class="card-body">
+                                      <h5 class="card-title card__title mt-0">${d[j]['title']}</h5>
+                                      <p class="card-text mb-0">
+                                          ${tagStr}
+                                      </p>
+                                      </div>
+                                  </div>
+                                  </a>
+                              </div>`
+              }
+              if (d.length === 0) {
+                  $('#loading_img').css("display", "none")
+              }
+              $('#pills-video .work__row').append(append);
+          
+        }else if (nowTab === document.querySelector('#pills-columns')) {
+          let append = '';
+          let d = result[0].Content[0].Carddata;
+          for(let j = 0;j < d.length; j ++) {
+              let tagStr = ''
+              for(let k = 0;k < d[j]['tag'].length; k ++) {
+                  tagStr += `<a href="${d[j]['tag'][k]['link']}" class="card__tag" target="_blank">${d[j]['tag'][k]['name']}</a>`
+              }
+              append += `<div class="col-6 col-md-4">
+                              <a href="${d[j]['url']}" target="_blank">
+                              <div class="card">
+                                  <div style="overflow: hidden;">
+                                      <div class="card__bgImg" style="background-image: url(${d[j]['imgURL']});">
+                                      </div>
+                                  </div>
+                                  <div class="card-body">
+                                  <h5 class="card-title card__title mt-0">${d[j]['title']}</h5>
+                                  <p class="card-text mb-0">
+                                      ${tagStr}
+                                  </p>
+                                  </div>
+                              </div>
+                              </a>
+                          </div>`
+          }
+          $('#pills-columns .work__row').append(append);
+        }
+
+
+  });
+
+}
+
+var page = 1;
+function loadMoretest() {
+
+    setTimeout(function () {
+        // let pageNum = 2;
+        // if(page<=pageNum){
+        //     pageNum++;
+        //     page++;
+        // }else{
+
+        // }
+        scroll_bottom_load_data(page);
+        page++;
+        return page
+
+
+    }, 500);
+}
+
 let over = document.querySelector('.infoContent__navBlock').offsetTop;
 
-function detectBrowser(agent){
-  if(userAgent.match(/chrome|chromium|crios/i)){
+function detectBrowser(agent) {
+  if (userAgent.match(/chrome|chromium|crios/i)) {
     browserName = "chrome";
-  }else if(userAgent.match(/firefox|fxios/i)){
+  } else if (userAgent.match(/firefox|fxios/i)) {
     browserName = "firefox";
-  }  else if(userAgent.match(/safari/i)){
+  } else if (userAgent.match(/safari/i)) {
     browserName = "safari";
-  }else if(userAgent.match(/opr\//i)){
+  } else if (userAgent.match(/opr\//i)) {
     browserName = "opera";
-  } else if(userAgent.match(/edg/i)){
+  } else if (userAgent.match(/edg/i)) {
     browserName = "edge";
-  }else{
-    browserName="No browser detection";
+  } else {
+    browserName = "No browser detection";
   }
 
-  if(browserName === 'safari'){
+  if (browserName === 'safari') {
     isSafari = true;
   }
   console.log(isSafari);
@@ -115,12 +261,12 @@ function detectBrowser(agent){
 
 
 
-function detectDirection () {
+function detectDirection() {
   let height = (window.screen.width * 2) / 3;
-  
+
   $('.sec-02 .slide-item').css('height', `${height}px`);
   let topHeight = (window.screen.width * 30) / 131;
-  
+
   $('.sec-00 .slide-item').css('height', `${topHeight}px`);
   $('.sec-00 .container-fluid').css('height', `${topHeight}px`);
 }
@@ -131,13 +277,13 @@ function renderinfoCard(designer) {
   $('.mb__infoCard__name').text(designer['DesignerName']);
   $('.mb__infoCard__seo').text(designer['Description']);
   $('.mb__infoCard__cmy').text(designer['CompanyName']);
-  if(designer['Approve'] !== '') {
-      $('.mb__infoCard__approve').text(designer['Approve']);
+  if (designer['Approve'] !== '') {
+    $('.mb__infoCard__approve').html(designer['Approve']);
   }
   // Basics
   let str = '';
-  for(let i = 0;i < designer['Basics'].length; i ++) {
-      str += `<aside class="d-flex">
+  for (let i = 0; i < designer['Basics'].length; i++) {
+    str += `<aside class="d-flex">
                   <div class="mb__infoCard__detail__l">
                       <div>${designer['Basics'][i].title}</div>
                   </div>
@@ -150,8 +296,8 @@ function renderinfoCard(designer) {
 
   // Branches
   let otherStr = '';
-  for(let i = 0;i < designer['Branches'].length; i ++) {
-      otherStr += `<aside class="d-flex">
+  for (let i = 0; i < designer['Branches'].length; i++) {
+    otherStr += `<aside class="d-flex">
                   <div class="mb__infoCard__detail__l">
                       <div>${designer['Branches'][i].title}</div>
                   </div>
@@ -164,38 +310,38 @@ function renderinfoCard(designer) {
 
   // scMedia
   let mediaStr = '';
-  for(let i = 0;i < designer['scMedia'].length; i ++) {
-      if(i === 4) {
-        mediaStr += `<span>
+  for (let i = 0; i < designer['scMedia'].length; i++) {
+    if (i === 4) {
+      mediaStr += `<span>
                     <img src="${designer['scMedia'][i].img}" class="dislike" alt="">
                     <img src="https://hhh.com.tw/assets/images/rv_web/like.svg" class="like" alt="">
                 </span>`;
-      } else if (i === 3) {
-        mediaStr += `<span class="send" data-bs-toggle="modal" data-bs-target="#emailModal">
+    } else if (i === 3) {
+      mediaStr += `<span class="send" data-bs-toggle="modal" data-bs-target="#emailModal">
                       <img src="${designer['scMedia'][i].img}" alt="">
                     </span>`;
-      } else {
-        mediaStr += `<a href="${designer['scMedia'][i].link}">
+    } else {
+      mediaStr += `<a href="${designer['scMedia'][i].link}">
                     <img src="${designer['scMedia'][i].img}" alt="">
                 </a>`;
-      }
+    }
   }
   $('.scMedia').html(mediaStr);
 
-  document.querySelector('.dislike').addEventListener('click', function() {
-    $('.dislike').css('display', 'none');
-    $('.like').css('display', 'block');
-  })
+  // document.querySelector('.dislike').addEventListener('click', function() {
+  //   $('.dislike').css('display', 'none');
+  //   $('.like').css('display', 'block');
+  // })
 
-  document.querySelector('.like').addEventListener('click', function() {
-      $('.dislike').css('display', 'block');
-      $('.like').css('display', 'none');
-  })
+  // document.querySelector('.like').addEventListener('click', function() {
+  //     $('.dislike').css('display', 'block');
+  //     $('.like').css('display', 'none');
+  // })
 
   // term condition
   let termStr = '';
-  for(let i = 0;i < designer['Terms'].length; i ++) {
-      termStr += `<aside class="d-flex">
+  for (let i = 0; i < designer['Terms'].length; i++) {
+    termStr += `<aside class="d-flex">
                       <div class="mb__infoCard__detail__l">
                           <div>${designer['Terms'][i].title}</div>
                       </div>
@@ -209,20 +355,24 @@ function renderinfoCard(designer) {
 
 function renderTab(content) {
   let tabTitleStr = '';
-  for(let i = 0;i < content.length; i ++) {
-      if(i == 0) {
-          tabTitleStr += `<li class="nav-item p-0 active" role="presentation">
-                              <a class="nav-item-link nav-item-active bg-transparent active" id="pills-${content[i]['Tabtag']}-tab"
-                              data-bs-toggle="pill" data-bs-target="#pills-${content[i]['Tabtag']}" type="button" role="tab"
-                              aria-controls="pills-${content[i]['Tabtag']}" aria-selected="false" data-link="https://hhh.com.tw/videos/lists/">${content[i]['mb_title']}</a>
-                          </li>`
-      } else if(content[i]['Display_mb']) {
-          tabTitleStr += `<li class="nav-item p-0" role="presentation">
-                          <a class="nav-item-link nav-item-active bg-transparent" id="pills-${content[i]['Tabtag']}-tab"
-                          data-bs-toggle="pill" data-bs-target="#pills-${content[i]['Tabtag']}" type="button" role="tab"
-                          aria-controls="pills-${content[i]['Tabtag']}" aria-selected="false" data-link="https://hhh.com.tw/videos/lists/">${content[i]['mb_title']}</a>
-                      </li>`
+  for (let i = 0; i < content.length; i++) {
+    if (content[i]['Carddata'] == "" & content[i]['info'] == undefined) {
+      tabTitleStr += ``
+    } else {
+      if (i == 0) {
+        tabTitleStr += `<li class="nav-item p-0 active" role="presentation">
+                            <a class="nav-item-link nav-item-active bg-transparent active" id="pills-${content[i]['Tabtag']}-tab"
+                            data-bs-toggle="pill" data-bs-target="#pills-${content[i]['Tabtag']}" type="button" role="tab"
+                            aria-controls="pills-${content[i]['Tabtag']}" aria-selected="false" data-link="https://hhh.com.tw/videos/lists/">${content[i]['mb_title']}</a>
+                        </li>`
+      } else if (content[i]['Display_mb']) {
+        tabTitleStr += `<li class="nav-item p-0" role="presentation">
+                        <a class="nav-item-link nav-item-active bg-transparent" id="pills-${content[i]['Tabtag']}-tab"
+                        data-bs-toggle="pill" data-bs-target="#pills-${content[i]['Tabtag']}" type="button" role="tab"
+                        aria-controls="pills-${content[i]['Tabtag']}" aria-selected="false" data-link="https://hhh.com.tw/videos/lists/">${content[i]['mb_title']}</a>
+                    </li>`
       }
+    }
   }
   $('#pills-tab').html(tabTitleStr);
   $('.pill-aside').html(tabTitleStr);
@@ -231,18 +381,19 @@ function renderTab(content) {
 
 function renderTabContent(content, meta) {
   let tabStr = '';
-  for(let i = 0;i < content.length; i ++) {
-      let cardData = ''
-      if(content[i].info) {
-          for(let j = 0;j < content[i].info.length; j ++) {
-              cardData += `<div class="company__block">
+  for (let i = 0; i < content.length; i++) {
+    let cardData = ''
+
+    if (content[i].info) {
+      for (let j = 0; j < content[i].info.length; j++) {
+        cardData += `<div class="company__block">
                               <h4 class="company__title">${content[i].info[j].title}</h4>
                               <div class="company__text">
                                   ${content[i].info[j].data}
                               </div>
                           </div>`
-          }
-          tabStr +=  `<div class="tab-pane fade " id="pills-${content[i]['Tabtag']}" role="tabpanel"
+      }
+      tabStr += `<div class="tab-pane fade " id="pills-${content[i]['Tabtag']}" role="tabpanel"
                       aria-labelledby="pills-${content[i]['Tabtag']}-tab">
                       <div class="row justfy-content-between">
                           <div class="col-md-8">
@@ -252,46 +403,124 @@ function renderTabContent(content, meta) {
                           </div>
                       </div>
                   </div>`
+
+    } else {
+      for (let j = 0; j < (content[i].Carddata.length < num_per_page ? content[i].Carddata.length : num_per_page); j++) {
+        let tagStr = '';
+        for (let k = 0; k < content[i].Carddata[j].tag.length; k++) {
+          tagStr += `<a href="${content[i].Carddata[j].tag[k]['link']}" class="card__tag" target="_blank">${content[i].Carddata[j].tag[k]['name']}</a>`
+      }
       
-      } else {
-        for(let j = 0;j < (content[i].Carddata.length < num_per_page? content[i].Carddata.length: num_per_page); j ++) {
-          // for(let j = 0;j < content[i].Carddata.length; j ++) {
-              cardData += `<div class="col-6 col-md-4">
-                              <a href="" target="_blank">
+        // for(let j = 0;j < content[i].Carddata.length; j ++) {
+        cardData += `<div class="col-6 col-md-4">
+                              <a href="${content[i].Carddata[j]['url']}" target="_blank">
                               <div class="card">
                                   <div class="card__bgImg" style="background-image: url(${content[i].Carddata[j]['imgURL']});">
                                   </div>
                                   <div class="card-body">
                                   <h5 class="card-title card__title mt-0">${content[i].Carddata[j]['title']}</h5>
                                   <p class="card-text mb-0">
-                                      <a href="" class="card__tag" target="_blank">混搭風</a>
-                                      <a href="" class="card__tag" target="_blank">混搭風</a>
-                                      <a href="" class="card__tag" target="_blank">混搭風</a>
+                                  ${tagStr}
                                   </p>
                                   </div>
                               </div>
                               </a>
                           </div>`
-          }
-          if(content[i].Display_mb) {
-            tabStr +=  `<div class="tab-pane fade " id="pills-${content[i]['Tabtag']}" role="tabpanel"
+      }
+      if (content[i].Display_mb) {
+        tabStr += `<div class="tab-pane fade " id="pills-${content[i]['Tabtag']}" role="tabpanel"
                       aria-labelledby="pills-${content[i]['Tabtag']}-tab">
                       <div class="row work__row">
                           ${cardData}
                       </div>
                   </div>`
-                  let key = content[i]['Tabtag'];
-                  totalPages[key] = content[i].Carddata.length;
-          }
-          
+        let key = content[i]['Tabtag'];
+        totalPages[key] = content[i].Carddata.length;
       }
-      
-      
+
+    }
+
+
   }
   console.log(tabStr);
   //console.log(totalPages);
   $('#pills-tabContent').html(tabStr);
-  $('#pills-tabContent').append('<div style="padding: 60px;"></div>');
+  $('#pills-tabContent').append('<div style="padding: 20px;"></div>');
+  $("#pills-intro").append(`              <div class="d-flex justify-content-center py-1 py-md-5">
+  <div  id="loading_img">
+      <svg class="loading-move" xmlns="http://www.w3.org/2000/svg" width="40" height="41.965"
+          viewBox="0 0 40 41.965">
+          <defs>
+              <style>
+                  .a {
+                      fill: #ee751b;
+                  }
+              </style>
+          </defs>
+          <circle class="a" cx="4.89" cy="4.89" r="4.89" transform="translate(16.094)" />
+          <ellipse class="a" cx="2.933" cy="2.933" rx="2.933" ry="2.933"
+              transform="translate(18.05 36.099)" />
+          <ellipse class="a" cx="4.401" cy="4.401" rx="4.401" ry="4.401" transform="translate(4.487 5.464)" />
+          <circle class="a" cx="2.445" cy="2.445" r="2.445" transform="translate(30.626 31.609)" />
+          <ellipse class="a" cx="3.911" cy="3.911" rx="3.911" ry="3.911" transform="translate(0 18.056)" />
+          <circle class="a" cx="1.955" cy="1.955" r="1.955" transform="translate(36.091 20.01)" />
+          <path class="a" d="M5.065,20.213a3.422,3.422,0,1,0,4.839,0A3.419,3.419,0,0,0,5.065,20.213Z"
+              transform="translate(1.403 11.424)" />
+          <ellipse class="a" cx="1.466" cy="1.466" rx="1.466" ry="1.466"
+              transform="translate(31.603 8.434)" />
+      </svg>
+  </div>
+</div>`)
+$("#pills-video").append(`              <div class="d-flex justify-content-center py-1 py-md-5">
+<div  id="loading_img">
+  <svg class="loading-move" xmlns="http://www.w3.org/2000/svg" width="40" height="41.965"
+      viewBox="0 0 40 41.965">
+      <defs>
+          <style>
+              .a {
+                  fill: #ee751b;
+              }
+          </style>
+      </defs>
+      <circle class="a" cx="4.89" cy="4.89" r="4.89" transform="translate(16.094)" />
+      <ellipse class="a" cx="2.933" cy="2.933" rx="2.933" ry="2.933"
+          transform="translate(18.05 36.099)" />
+      <ellipse class="a" cx="4.401" cy="4.401" rx="4.401" ry="4.401" transform="translate(4.487 5.464)" />
+      <circle class="a" cx="2.445" cy="2.445" r="2.445" transform="translate(30.626 31.609)" />
+      <ellipse class="a" cx="3.911" cy="3.911" rx="3.911" ry="3.911" transform="translate(0 18.056)" />
+      <circle class="a" cx="1.955" cy="1.955" r="1.955" transform="translate(36.091 20.01)" />
+      <path class="a" d="M5.065,20.213a3.422,3.422,0,1,0,4.839,0A3.419,3.419,0,0,0,5.065,20.213Z"
+          transform="translate(1.403 11.424)" />
+      <ellipse class="a" cx="1.466" cy="1.466" rx="1.466" ry="1.466"
+          transform="translate(31.603 8.434)" />
+  </svg>
+</div>
+</div>`)
+$("#pills-columns").append(`              <div class="d-flex justify-content-center py-1 py-md-5">
+<div  id="loading_img">
+  <svg class="loading-move" xmlns="http://www.w3.org/2000/svg" width="40" height="41.965"
+      viewBox="0 0 40 41.965">
+      <defs>
+          <style>
+              .a {
+                  fill: #ee751b;
+              }
+          </style>
+      </defs>
+      <circle class="a" cx="4.89" cy="4.89" r="4.89" transform="translate(16.094)" />
+      <ellipse class="a" cx="2.933" cy="2.933" rx="2.933" ry="2.933"
+          transform="translate(18.05 36.099)" />
+      <ellipse class="a" cx="4.401" cy="4.401" rx="4.401" ry="4.401" transform="translate(4.487 5.464)" />
+      <circle class="a" cx="2.445" cy="2.445" r="2.445" transform="translate(30.626 31.609)" />
+      <ellipse class="a" cx="3.911" cy="3.911" rx="3.911" ry="3.911" transform="translate(0 18.056)" />
+      <circle class="a" cx="1.955" cy="1.955" r="1.955" transform="translate(36.091 20.01)" />
+      <path class="a" d="M5.065,20.213a3.422,3.422,0,1,0,4.839,0A3.419,3.419,0,0,0,5.065,20.213Z"
+          transform="translate(1.403 11.424)" />
+      <ellipse class="a" cx="1.466" cy="1.466" rx="1.466" ry="1.466"
+          transform="translate(31.603 8.434)" />
+  </svg>
+</div>
+</div>`)
   $('#pills-intro').addClass('active');
   $('#pills-intro').addClass('show');
   $('#pills-video .card__bgImg').append('<img src="https://hhh.com.tw/assets/images/rv_web/play.svg" alt="" width="50" height="50">')
@@ -309,78 +538,78 @@ function renderTabContent(content, meta) {
 
 }
 
-    window.addEventListener('scroll', fixedOnScroll);
-    const navBlock = document.querySelector('.infoContent__navBlock');
-    function fixedOnScroll() {
-      if(window.innerHeight < window.innerWidth){
-      } else {
-        detectDirection ();
-      }
-      
-        if(window.pageYOffset >= over){
-          navBlock.classList.add('tab_sticky');
-        } else if(window.pageYOffset < over) {
-          navBlock.classList.remove('tab_sticky');
-        }
-    }
-    
-    $('.navbar-toggler').click(function(){
-        $(".sec-menu").css('display', 'block');
-        $(".wholeBody").css('overflow-y', 'hidden');
-        $('.sec-menu-block').addClass('slidein');
-        $('.sec-menu-block').removeClass('slideout');
-    });
-    
-    $('.navbar-back').click(function(){
-        $(".sec-menu").css('display', 'none');
-        $(".wholeBody").css('overflow-y', 'scroll');
-        $('.sec-menu-block').removeClass('slidein');
-        $('.sec-menu-block').addClass('slideout');
-    });
-    
-    $('.subexpand').click(function(){
-        $(this).parent().next().toggleClass('show');
-        $(this).parent().toggleClass('show');
-    });
-    
-    $('.navbar-search').click(function(){
-        $(".sec-search").css('display', 'block');
-        $(".wholeBody").css('overflow-y', 'hidden');
-    })
-    
-    $('.navbar-backs').click(function(){
-        $(".sec-search").css('display', 'none');
-        $(".wholeBody").css('overflow-y', 'scroll');
-    });
-
-    $('.navbar-back-fav').click(function(){
-      $(".sec-favor").css('display', 'none');
-    })
+window.addEventListener('scroll', fixedOnScroll);
+const navBlock = document.querySelector('.infoContent__navBlock');
+function fixedOnScroll() {
+  if (window.innerHeight < window.innerWidth) {
+  } else {
+    detectDirection();
+  }
+
+  if (window.pageYOffset >= over) {
+    navBlock.classList.add('tab_sticky');
+  } else if (window.pageYOffset < over) {
+    navBlock.classList.remove('tab_sticky');
+  }
+}
+
+$('.navbar-toggler').click(function () {
+  $(".sec-menu").css('display', 'block');
+  $(".wholeBody").css('overflow-y', 'hidden');
+  $('.sec-menu-block').addClass('slidein');
+  $('.sec-menu-block').removeClass('slideout');
+});
+
+$('.navbar-back').click(function () {
+  $(".sec-menu").css('display', 'none');
+  $(".wholeBody").css('overflow-y', 'scroll');
+  $('.sec-menu-block').removeClass('slidein');
+  $('.sec-menu-block').addClass('slideout');
+});
+
+$('.subexpand').click(function () {
+  $(this).parent().next().toggleClass('show');
+  $(this).parent().toggleClass('show');
+});
+
+$('.navbar-search').click(function () {
+  $(".sec-search").css('display', 'block');
+  $(".wholeBody").css('overflow-y', 'hidden');
+})
+
+$('.navbar-backs').click(function () {
+  $(".sec-search").css('display', 'none');
+  $(".wholeBody").css('overflow-y', 'scroll');
+});
+
+$('.navbar-back-fav').click(function () {
+  $(".sec-favor").css('display', 'none');
+})
+
+$('.btn-gotop').click(function () {
+  $('html, body').animate({
+    scrollTop: 0
+  }, 500)
+});
+
+$(window).scroll(function () {
+  if ($(this).scrollTop() > 500) {
+    $('.fixed-btn').fadeIn(222);
+    $('.freeCall').fadeIn(222);
+  } else {
+    $('.fixed-btn').stop().fadeOut(222);
+    $('.freeCall').stop().fadeOut(222);
+  }
+}).scroll();
 
-      $('.btn-gotop').click(function () {
-        $('html, body').animate({
-            scrollTop: 0
-        }, 500)
-    });
-
-    $(window).scroll(function() {
-		if ( $(this).scrollTop() > 500 ){
-        $('.fixed-btn').fadeIn(222);
-        $('.freeCall').fadeIn(222);
-		} else {
-      $('.fixed-btn').stop().fadeOut(222);
-      $('.freeCall').stop().fadeOut(222);
-    }
-    }).scroll();
 
-    
 const searchBtn = document.querySelector('.searchBtn');
 const searchBar = document.querySelector('.searchBar');
 const searchHotLink = document.querySelectorAll('.sec-search-hots__link');
 searchBtn.addEventListener('click', search);
 searchBar.addEventListener('keyup', pressSearch);
 function search() {
-  if(searchBar.value == '') {
+  if (searchBar.value == '') {
     window.location.href = 'https://m.hhh.com.tw/search/lists/case/';
   } else {
     window.location.href = `https://m.hhh.com.tw/search/lists/case/${searchBar.value}-keyword/`;
@@ -395,19 +624,19 @@ function pressSearch(e) {
 }
 
 searchHotLink.forEach((item, i) => {
-  item.addEventListener('click', function() {
+  item.addEventListener('click', function () {
     window.location.href = `https://m.hhh.com.tw/search/lists/case/${this.textContent}-keyword/`;
   })
 })
 
-document.addEventListener('lazybeforeunveil', function(e){
+document.addEventListener('lazybeforeunveil', function (e) {
   var bg = e.target.getAttribute('data-bg');
-  if(bg){
-      e.target.style.backgroundImage = 'url(' + bg + ')';
+  if (bg) {
+    e.target.style.backgroundImage = 'url(' + bg + ')';
   }
 });
 
-$('.mb__infoCard__more').click(function() {
+$('.mb__infoCard__more').click(function () {
   $(this).hide();
   $('.other').css('display', 'block');
   over = document.querySelector('.infoContent__navBlock').offsetTop;
@@ -418,7 +647,7 @@ checkTab()
 $('.infoContent .nav-item-link').click(checkTab);
 
 function checkTab() {
-  if($('#pills-intro-tab').hasClass('active')) {
+  if ($('#pills-intro-tab').hasClass('active')) {
     $('.likeSee').attr('hidden', false)
   } else {
     $('.likeSee').attr('hidden', true)
@@ -432,20 +661,20 @@ function renderModalTitle(title) {
 
 function loadMore(designer) {
   let nowTab = document.querySelector('.infoContent .tab-pane.show');
-  if(nowTab === document.querySelector('#pills-intro')) {
-      let last = document.querySelector('#pills-intro .work__row>div:last-child');
-      let pageNum = Math.ceil(totalPages.intro / 10) - 1;
-      if ($(window).scrollTop() + $(window).height() >= ($(document).height() - 100)) {
-          console.log('over');
-          if(n >= pageNum) {
-              n = pageNum;
-              return;
-            } else {
-              n ++;
-              let append = '';
-              let d = designer['Content'][0].Carddata.slice(10*n, (10*n)+10);
-              for(let j = 0;j < d.length; j ++) {
-                  append += `<div class="col-6 col-md-4">
+  if (nowTab === document.querySelector('#pills-intro')) {
+    let last = document.querySelector('#pills-intro .work__row>div:last-child');
+    let pageNum = Math.ceil(totalPages.intro / 10) - 1;
+    if ($(window).scrollTop() + $(window).height() >= ($(document).height() - 100)) {
+      console.log('over');
+      if (n >= pageNum) {
+        n = pageNum;
+        return;
+      } else {
+        n++;
+        let append = '';
+        let d = designer['Content'][0].Carddata.slice(10 * n, (10 * n) + 10);
+        for (let j = 0; j < d.length; j++) {
+          append += `<div class="col-6 col-md-4">
                                   <a href="" target="_blank">
                                   <div class="card">
                                       <div style="overflow: hidden;">
@@ -463,29 +692,29 @@ function loadMore(designer) {
                                   </div>
                                   </a>
                               </div>`
-              }
-              $('#pills-intro .work__row').append(append);
-          }
-      
+        }
+        $('#pills-intro .work__row').append(append);
       }
+
+    }
   } else if (nowTab === document.querySelector('#pills-video')) {
-      let pageNum = Math.ceil(totalPages.video / 10) - 1;
-      console.log(totalPages.video);
-      let last = document.querySelector('#pills-video .work__row>div:last-child');
-      if ($(window).scrollTop() + $(window).height() >= ($(document).height() - 100)) {
-          if(n_video >= pageNum) {
-              n_video = pageNum;
-              console.log('n-video:', n_video);
-              console.log('pageNum', pageNum);
-              return;
-            } else {
-              console.log('pass-video');
-              n_video ++;
-              console.log('test');
-              let append = '';
-              let d = designer['Content'][1].Carddata.slice(10*n_video, (10*n_video)+10);
-              for(let j = 0;j < d.length; j ++) {
-                  append += `<div class="col-6 col-md-4">
+    let pageNum = Math.ceil(totalPages.video / 10) - 1;
+    console.log(totalPages.video);
+    let last = document.querySelector('#pills-video .work__row>div:last-child');
+    if ($(window).scrollTop() + $(window).height() >= ($(document).height() - 100)) {
+      if (n_video >= pageNum) {
+        n_video = pageNum;
+        console.log('n-video:', n_video);
+        console.log('pageNum', pageNum);
+        return;
+      } else {
+        console.log('pass-video');
+        n_video++;
+        console.log('test');
+        let append = '';
+        let d = designer['Content'][1].Carddata.slice(10 * n_video, (10 * n_video) + 10);
+        for (let j = 0; j < d.length; j++) {
+          append += `<div class="col-6 col-md-4">
                                   <a href="" target="_blank">
                                   <div class="card">
                                       <div style="overflow: hidden;">
@@ -504,25 +733,25 @@ function loadMore(designer) {
                                   </div>
                                   </a>
                               </div>`
-              }
-              $('#pills-video .work__row').append(append);
-          }
-      
+        }
+        $('#pills-video .work__row').append(append);
       }
+
+    }
   } else if (nowTab === document.querySelector('#pills-columns')) {
-      let last = document.querySelector('#pills-columns .work__row>div:last-child');
-      let pageNum = Math.ceil(totalPages.columns / 10) - 1;
-      if ($(window).scrollTop() + $(window).height() >= ($(document).height() - 100)) {
-          if(n_columns >= pageNum) {
-              n_columns = pageNum;
-              return;
-            } else {
-              n_columns ++;
-              console.log('test');
-              let append = '';
-              let d = designer['Content'][2].Carddata.slice(10*n_columns, (10*n_columns)+10);
-              for(let j = 0;j < d.length; j ++) {
-                  append += `<div class="col-6 col-md-4">
+    let last = document.querySelector('#pills-columns .work__row>div:last-child');
+    let pageNum = Math.ceil(totalPages.columns / 10) - 1;
+    if ($(window).scrollTop() + $(window).height() >= ($(document).height() - 100)) {
+      if (n_columns >= pageNum) {
+        n_columns = pageNum;
+        return;
+      } else {
+        n_columns++;
+        console.log('test');
+        let append = '';
+        let d = designer['Content'][2].Carddata.slice(10 * n_columns, (10 * n_columns) + 10);
+        for (let j = 0; j < d.length; j++) {
+          append += `<div class="col-6 col-md-4">
                                   <a href="" target="_blank">
                                   <div class="card">
                                       <div style="overflow: hidden;">
@@ -540,24 +769,35 @@ function loadMore(designer) {
                                   </div>
                                   </a>
                               </div>`
-              }
-              $('#pills-columns .work__row').append(append);
-          }
-      
+        }
+        $('#pills-columns .work__row').append(append);
       }
-  } 
+
+    }
+  }
 }
 
 function putEmail() {
   const emailPattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-  if($('#email').val() !== null && emailPattern.test($('#email').val())) {
-      $('#error').hide();
-      $('#putEmail_hidden').css('display', 'block');
-      $('#add_email').text($('#email').val());
-      $('#email').val('');
+  if ($('#email').val() !== null && emailPattern.test($('#email').val())) {
+    $('#error').hide();
+    $('#putEmail_hidden').css('display', 'block');
+    $('#add_email').text($('#email').val());
+    $('#email').val('');
   } else {
-      $('#error').show();
-      $('#error').text('email 格式有誤');
+    $('#error').show();
+    $('#error').text('email 格式有誤');
   }
-  
+
 }
+
+// $(function(){
+//   var len = 10;
+//   $(".JQellipsis").each(function(i){
+//       if($(this).text().length>len){
+//           $(this).attr("title",$(this).text());
+//           var text=$(this).text().substring(0,len-1)+"...";
+//           $(this).text(text);
+//       }
+//   });
+// });

json/designers-143.json

@@ -66,6 +66,7 @@
           "isActive": true,
           "Carddata": [
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg",
               "title": "藏岳│混搭風│999坪1",
               "tags": [
@@ -86,6 +87,7 @@
               "dateSort": 1
             },
             { 
+              "url":"",
               "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13200_20210416115625.jpg",
               "title": "揉合美式輕工業 老屋翻新高CP機能美宅│混搭風│3房、2廳、2衛",
               "tags": [
@@ -106,6 +108,7 @@
               "dateSort": 2
             },
             { 
+              "url":"",
               "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13789_20210927164320.jpg",
               "title": "森昌｜極簡風｜24坪",
               "tags": [
@@ -126,6 +129,7 @@
               "dateSort": 3
             },
             { 
+              "url":"",
               "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13778_20210924091849.jpg",
               "title": "木質混搭風 構築簡約清新宅│21坪",
               "tags": [
@@ -146,6 +150,7 @@
               "dateSort": 4
             },
             { 
+              "url":"",
               "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12971_20210122224713.jpg",
               "title": "藏岳│混搭風│26坪5",
               "tags": [
@@ -166,6 +171,7 @@
               "dateSort": 5
             },
             { 
+              "url":"",
               "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12907_20201230202421.jpg",
               "title": "藏岳│混搭風│26坪6",
               "tags": [
@@ -186,6 +192,7 @@
               "dateSort": 6
             },
             { 
+              "url":"",
               "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12971_20210122224713.jpg",
               "title": "莫蘭迪色×木質溫潤 40年老屋變身英倫風美宅",
               "tags": [
@@ -206,6 +213,7 @@
               "dateSort": 7
             },
             { 
+              "url":"",
               "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12907_20201230202421.jpg",
               "title": "走進北歐童話小木屋 流露俏皮玩心的清爽宅8",
               "tags": [
@@ -226,6 +234,7 @@
               "dateSort": 5
             },
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12699_20201005105018.jpg",
               "title": "【老屋整形大成功】以自然為出發點，完美詮釋北歐風與工業風混搭之語錄！",
               "tags": [
@@ -246,6 +255,7 @@
               "dateSort": 6
             },
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_22_04.jpg",
               "title": "風雅巧致 新日式小調",
               "tags": [
@@ -266,6 +276,7 @@
               "dateSort": 5
             },
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12574_20200807102426.jpg",
               "title": "山形天花 構築家的安定與依存",
               "tags": [
@@ -286,6 +297,7 @@
               "dateSort": 6
             },
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_06_01.jpg",
               "title": "Tiffany藍，夢幻紛呈的幸福表情",
               "tags": [
@@ -306,6 +318,7 @@
               "dateSort": 5
             },
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_29_03.jpg",
               "title": "淨與靜的節奏 交織出簡潔清新退休宅",
               "tags": [
@@ -326,6 +339,7 @@
               "dateSort": 6
             },
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12281_20200413100852.jpg",
               "title": "LIHE COFFEE",
               "tags": [
@@ -346,6 +360,7 @@
               "dateSort": 5
             },
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12223_20200326095055.jpg",
               "title": "閒適靜謐 現代禪風宅",
               "tags": [
@@ -366,6 +381,7 @@
               "dateSort": 6
             },
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_11866_20191202104517.jpg",
               "title": "老屋重生",
               "tags": [
@@ -386,6 +402,7 @@
               "dateSort": 5
             },
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_11379_20190626154800.jpg",
               "title": "媲美LV的尊爵不凡！醫學美容中心散發璀璨光彩",
               "tags": [
@@ -416,6 +433,7 @@
           "isActive": true,
           "Carddata": [
             { 
+              "url":"",
               "imgURL": "https://i.ytimg.com/vi/Czfq9Ow6pc0/hqdefault.jpg",
               "title": "17坪袖珍豪宅 精品奢華風",
               "tags": [
@@ -434,6 +452,7 @@
               ]
             },
             { 
+              "url":"",
               "imgURL": "https://i.ytimg.com/vi/ILl90ihtGpM/hqdefault.jpg",
               "title": "給家人的愛40年老屋延續幸福",
               "tags": [
@@ -473,6 +492,7 @@
           "isActive": true,
           "Carddata": [
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg",
               "title": "藏岳│混搭風│26坪",
               "tags": [
@@ -500,6 +520,7 @@
           "isActive": true,
           "Carddata": [
             { 
+              "url":"",
               "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg",
               "title": "藏岳│混搭風│26坪",
               "tags": [

json/designers-177.json

@@ -0,0 +1,559 @@
+[
+  {
+      "_comment": "設計師",
+      "id": 0,
+      "BannerImg": "https://cloud.hhh.com.tw/upload/_hdesigner/background_177_20210408174018.jpg",
+      "CompanyName": "子境室內裝修設計工程有限公司",
+      "DesignerName": "古振宏",
+      "Designerimg": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_177_20190322184705.jpg",
+      "Description": "子境室內裝修設計｜古振宏設計師，運用適當的比例建構室內設計風格，構築出符合屋主需求的空間設計，利用美學素養與品味哲學，營造新極簡室內設計風格。",
+      "Approve": "★2020、2021觀眾最愛設計師",
+      "FB_link": "https://www.facebook.com/Sdesign2018",
+      "Basics": [
+        {"title": "免費專線：", "link": "tel:0809-000-123#18890", "data": "0809-000-123#16433"},
+        {"title": "諮詢專線：", "link": "tel:02-2562-7755", "data": "02-2392-4783"},
+        {"title": "諮詢專線：", "link": "tel:0937-070-794", "data": "02-2341-9005"},
+        {"title": "公司傳真：", "link": "tel:02-2562-7002", "data": "02-2341-9005"},
+        {"title": "公司地址：", "link": "台北市中山區林森北路50號4樓之一", "data": "台北市中正區仁愛路二段5號6樓"},
+        {"title": "電子信箱：", "link": "mailto:hengyuehdesign@gmail.com,gakuju@gmail.com", "data": "tim888tim888@yahoo.com.tw"},
+        {"title": "公司網址：", "link": "https://www.star-interiordesign.com", "data": "http://www.sun-space.com/"}
+      ],
+      "FreeCall": "0809-000-123#13829",
+      "ConsoleCall_1": "04-2631-62995",
+      "ConsoleCall_2": "0931-919-977",
+      "Fax": "04-2631-5769",
+      "Address": "台中市龍井區東海街150巷46號",
+      "Email": "zinarea@gmail.com",
+      "Web": "http://www.zinarea.com.tw/",
+      "Branches": [
+        {"title": "分公司地址：", "link": "台北市中山區林森北路50號4樓之一", "data": "台北市中山區林森北路50號4樓之一"},
+        {"title": "分公司電話：", "link": "tel:02-2562-7755", "data": "02-2562-7755"},
+        {"title": "分公司傳真：", "link": "tel:02-2562-7002", "data": "02-2562-7002"},
+        {"title": "分公司地址：", "link": "上海市闵行区东川路2688号", "data": "上海市闵行区东川路2688号"}
+      ],
+      "Budget": "不限",
+      "Square": "不限",
+      "SpecialCase": "不接受局部裝修工程；接受設計委託",
+      "Charge": "設計費5000起元/坪+監工費為總工程款的5-8%",
+      "Pay": "簽約35% 工程一次35% 工程二次20% 完工驗收10%",
+      "WorkLoc": "北區,中區,南區,宜蘭花東,離島地區,海外地區",
+      "WorkType": "住宅、商業空間",
+      "WorkStyle": "現代簡約風、北歐風、都會時尚",
+      "WorkBudget": "100萬以上",
+      "Terms": [
+        {"title": "接案預算：", "data": "不限"},
+        {"title": "接案坪數：", "data": "不限"},
+        {"title": "特殊接案：", "data": "不限"},
+        {"title": "收費方式：", "data": "請來電洽詢 / 【丈量費】NT$5,000元(透天別墅另計) *此費用含實地丈量、需求訪談、初步平面配置與風格提案 *以上費用於簽設計合約時，可全額折抵"},
+        {"title": "付費方式：", "data": "簽約付30％、依工程進度分兩次，各付30％、完工驗收收10％"},
+        {"title": "接案區域：", "data": "北區,中區,南區,大陸"},
+        {"title": "接案類型：", "data": "小坪數,標準格局,別墅,大坪數,樓中樓,商業空間,工作空間,餐飲空間,民宿旅館,公共空間"},
+        {"title": "接案風格：", "data": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風,異國風"}
+      ],
+      "scMedia": [
+        {"name": "Facebook","img": "https://hhh.com.tw/assets/images/rv_web/fb.svg", "link": "https://www.facebook.com/Sdesign2018"},
+        {"name": "Line","img": "https://hhh.com.tw/assets/images/rv_web/line.svg", "link": "https://www.facebook.com/Sdesign2018"},
+        {"name": "Wechat","img": "https://hhh.com.tw/assets/images/rv_web/wechat.svg", "link": "https://www.facebook.com/Sdesign2018"},
+        {"name": "email","img": "https://hhh.com.tw/assets/images/rv_web/share.svg", "link": ""},
+        {"name": "Like","img": "https://hhh.com.tw/assets/images/rv_web/like-o.svg", "link": ""}
+      ],
+      "Content": [
+        {
+          "Title": "設計師作品",
+          "mb_title": "作品",
+          "Tabtag": "intro",
+          "Display_mb": true,
+          "isActive": true,
+          "Carddata": [
+            { 
+              "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13625_20210827114928.jpg",
+              "title": "型男機師的家，客變前衛機艙風居宅│前衛風│20坪",
+              "tags": [
+                {
+                  "name": "混搭風",
+                  "link": "https://hhh.com.tw/"
+                },
+                { 
+                  "name": "大坪數",
+                  "link": "https://hhh.com.tw/"
+                },
+                {
+                  "name": "新成屋",
+                  "link": "https://hhh.com.tw/"
+                }
+              ],
+              "views": 999,
+              "dateSort": 1
+            },
+            { 
+              "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13854_20211008184723.jpg",
+              "title": "住辦「心」主張 一秒到花東 城市裡的慢活 設計就該如此│現代風│120坪",
+              "tags": [
+                { 
+                  "name": "現代屋",
+                  "link": ""
+                },
+                { 
+                  "name": "毛胚屋",
+                  "link": ""
+                },
+                {
+                  "name": "",
+                  "link": ""
+                }
+              ],
+              "views": 1030,
+              "dateSort": 2
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12355_20200507095115.jpg",
+              "title": "雙拼豪宅 古典、日式一次擁有",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 1011,
+              "dateSort": 3
+            },
+            { 
+              "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13042_20210219195303.jpg",
+              "title": "明亮暖色調交織木色與綠植 圍塑溫潤質樸空間原味│現代風│45坪",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 990,
+              "dateSort": 4
+            },
+            { 
+              "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12989_20210201153832.jpg",
+              "title": "灰階基調交織異材質 打造舒適現代質感宅",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12937_20210114172921.jpg",
+              "title": "打破格局框架 動線機能美感全方位呈現",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12631_20200903113314.jpg",
+              "title": "現代簡約設計語彙 圍塑療癒舒壓境域",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 950,
+              "dateSort": 7
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12458_20200616152204.jpg",
+              "title": "簡約沐光宅 暖色調營造家的恬靜溫度",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12249_20200401164549.jpg",
+              "title": "聚焦自然 玩味人生的微醺酒吧",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_11992_20200110115451.jpg",
+              "title": "金屬與光的流動 構築凝鍊空間",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_11397_20190703120041.jpg",
+              "title": "小坪數的精緻美學！九隻貓與年輕夫妻的品味生活",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_11300_20190605152047.jpg",
+              "title": "現代設計語彙 刻劃風雅質感宅",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_11276_20190529160553.jpg",
+              "title": "白淨空間 締造自然流動空氣感",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_11183_20190509161746.jpg",
+              "title": "材質與線性鋪敘 勾勒現代沉穩居所",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer206_48_02.jpg",
+              "title": "豐鈺豐域 張公館",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer206_47_02.jpg",
+              "title": "長牆的演繹：遊走風格與材料之間",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_10110_20210407161636.jpg",
+              "title": "生活樂趣無比 動線四通八達活絡空間",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },        { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer206_29_03.jpg",
+              "title": "白色的異想空間。 White whimsical space.",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            }
+         
+          ]
+        },
+        {
+          "Title": "設計師影音",
+          "mb_title": "影音",
+          "Tabtag": "video",
+          "Display_mb": true,
+          "isActive": true,
+          "Carddata": [
+            { 
+              "imgURL": "https://i.ytimg.com/vi/Czfq9Ow6pc0/hqdefault.jpg",
+              "title": "17坪袖珍豪宅 精品奢華風",
+              "tags": [
+                { 
+                  "name": "",
+                  "link": ""
+                },
+                { 
+                  "name": "",
+                  "link": ""
+                },
+                {
+                  "name": "",
+                  "link": ""
+                }
+              ]
+            },
+            { 
+              "imgURL": "https://i.ytimg.com/vi/ILl90ihtGpM/hqdefault.jpg",
+              "title": "給家人的愛40年老屋延續幸福",
+              "tags": [
+                { 
+                  "name": "玄關",
+                  "link": ""
+                },
+                { 
+                  "name": "客廳",
+                  "link": ""
+                },
+                {
+                  "name": "臥室",
+                  "link": ""
+                },
+                {
+                  "name": "和室",
+                  "link": ""
+                },
+                {
+                  "name": "餐廳",
+                  "link": ""
+                },
+                {
+                  "name": "廚房",
+                  "link": ""
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "Title": "設計師專欄",
+          "mb_title": "專欄",
+          "Tabtag": "columns",
+          "Display_mb": true,
+          "isActive": true,
+          "Carddata": [
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg",
+              "title": "藏岳│混搭風│26坪",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "Title": "VR360",
+          "mb_title": "",
+          "Tabtag": "vr360",
+          "Display_mb": false,
+          "isActive": true,
+          "Carddata": [
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg",
+              "title": "藏岳│混搭風│26坪",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "Title": "設計師公司簡介",
+          "mb_title": "公司簡介",
+          "Tabtag": "company",
+          "Display_mb": true,
+          "isActive": true,
+          "Carddata": [
+          ],
+          "info": [
+            { "title": "設計理念", "data": "空間設計的美學藝術，蔡岳儒總監更能將日式精闢的手工藝術融入台灣的設計與工程，更將留日所學發揚光大明確的把結構、 動線、收納、光線與品味融入建築、景觀與室內三大空間之中，藉由點線面展現出空間的獨特性，並賦予空間延續的生命活力。"},
+            { "title": "公司統編", "data": "經濟部／財政部登記有案：54290717"},
+            { "title": "相關經歷", "data": "蔡岳儒<br>◆現任／恆岳空間設計 主持設計師<br>◆學歷／東京デザイナー学院卒業<br>◆經歷／十餘年設計、工程經歷。"},
+            { "title": "專業證照", "data": "建築師證書 高恒悌 (101) 專高建字第000013號<br>建築物室內裝修專業技術人員登記證 高恒悌 第40EC116787號"},
+            { "title": "獲獎紀錄", "data": "2020年雪梨設計獎SYDNEY Design Awards GIOD-Quality Arena<br>2020年雪梨設計獎SYDNEY Design Awards SELECTION- Life Savoring"}
+          ]
+        }
+      ]
+  }
+]

json/designers-301.json

@@ -0,0 +1,559 @@
+[
+  {
+      "_comment": "設計師",
+      "id": 0,
+      "BannerImg": "https://cloud.hhh.com.tw/upload/_hdesigner/background_301_20210408134128.jpg",
+      "CompanyName": "YS暘昇國際室內裝修工程有限公司",
+      "DesignerName": "李宗育",
+      "Designerimg": "https://cloud.hhh.com.tw/gs/designer/110_designer351_00.jpg",
+      "Description": "YS暘昇國際室內裝修｜李宗育室內設計師 多年室內設計實務經驗，注重空間動線、格局、風格、材質及光感，將空間格局設計注入人文與奢華，雕琢大氣質感，為客戶打造貼合生活習慣的室內設計作品。",
+      "Approve": "★2017、2018、2019、2020、2021、",
+      "FB_link": "https://www.facebook.com/Sdesign2018",
+      "Basics": [
+        {"title": "免費專線：", "link": "tel:0809-000-123#18890", "data": "0809-000-123#16433"},
+        {"title": "諮詢專線：", "link": "tel:02-2562-7755", "data": "02-2392-4783"},
+        {"title": "諮詢專線：", "link": "tel:0937-070-794", "data": "02-2341-9005"},
+        {"title": "公司傳真：", "link": "tel:02-2562-7002", "data": "02-2341-9005"},
+        {"title": "公司地址：", "link": "台北市中山區林森北路50號4樓之一", "data": "台北市中正區仁愛路二段5號6樓"},
+        {"title": "電子信箱：", "link": "mailto:hengyuehdesign@gmail.com,gakuju@gmail.com", "data": "tim888tim888@yahoo.com.tw"},
+        {"title": "公司網址：", "link": "https://www.star-interiordesign.com", "data": "http://www.sun-space.com/"}
+      ],
+      "FreeCall": "0809-000-123#18890",
+      "ConsoleCall_1": "02-2562-7755",
+      "ConsoleCall_2": "0937-070-794",
+      "Fax": "02-2562-7002",
+      "Address": "台北市中山區林森北路50號4樓之一",
+      "Email": "hengyuehdesign@gmail.com,gakuju@gmail.com",
+      "Web": "https://www.star-interiordesign.com",
+      "Branches": [
+        {"title": "分公司地址：", "link": "台北市中山區林森北路50號4樓之一", "data": "台北市中山區林森北路50號4樓之一"},
+        {"title": "分公司電話：", "link": "tel:02-2562-7755", "data": "02-2562-7755"},
+        {"title": "分公司傳真：", "link": "tel:02-2562-7002", "data": "02-2562-7002"},
+        {"title": "分公司地址：", "link": "上海市闵行区东川路2688号", "data": "上海市闵行区东川路2688号"}
+      ],
+      "Budget": "不限",
+      "Square": "不限",
+      "SpecialCase": "不接受局部裝修工程；接受設計委託",
+      "Charge": "設計費5000起元/坪+監工費為總工程款的5-8%",
+      "Pay": "簽約付30％、依工程進度分兩次，各付30％、完工驗收收10％",
+      "WorkLoc": "北區,中區,南區,宜蘭花東,離島地區,海外地區",
+      "WorkType": "小坪數,標準格局,別墅,大坪數,老屋翻新,樓中樓,實品／樣品屋,商業空間,挑高樓層",
+      "WorkStyle": "現代風,休閒多元,美式風,新古典,混搭風",
+      "WorkBudget": "100萬以上",
+      "Terms": [
+        {"title": "接案預算：", "data": "不限"},
+        {"title": "接案坪數：", "data": "不限"},
+        {"title": "特殊接案：", "data": "不限"},
+        {"title": "收費方式：", "data": "請來電洽詢 / 【丈量費】NT$5,000元(透天別墅另計) *此費用含實地丈量、需求訪談、初步平面配置與風格提案 *以上費用於簽設計合約時，可全額折抵"},
+        {"title": "付費方式：", "data": "簽約付30％、依工程進度分兩次，各付30％、完工驗收收10％"},
+        {"title": "接案區域：", "data": "北區,中區,南區,大陸"},
+        {"title": "接案類型：", "data": "小坪數,標準格局,別墅,大坪數,樓中樓,商業空間,工作空間,餐飲空間,民宿旅館,公共空間"},
+        {"title": "接案風格：", "data": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風,異國風"}
+      ],
+      "scMedia": [
+        {"name": "Facebook","img": "https://hhh.com.tw/assets/images/rv_web/fb.svg", "link": "https://www.facebook.com/Sdesign2018"},
+        {"name": "Line","img": "https://hhh.com.tw/assets/images/rv_web/line.svg", "link": "https://www.facebook.com/Sdesign2018"},
+        {"name": "Wechat","img": "https://hhh.com.tw/assets/images/rv_web/wechat.svg", "link": "https://www.facebook.com/Sdesign2018"},
+        {"name": "email","img": "https://hhh.com.tw/assets/images/rv_web/share.svg", "link": ""},
+        {"name": "Like","img": "https://hhh.com.tw/assets/images/rv_web/like-o.svg", "link": ""}
+      ],
+      "Content": [
+        {
+          "Title": "設計師作品",
+          "mb_title": "作品",
+          "Tabtag": "intro",
+          "Display_mb": true,
+          "isActive": true,
+          "Carddata": [
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12463_20200617180525.jpg",
+              "title": "注入人文與奢華 雕琢大氣質感",
+              "tags": [
+                {
+                  "name": "混搭風",
+                  "link": "https://hhh.com.tw/"
+                },
+                { 
+                  "name": "大坪數",
+                  "link": "https://hhh.com.tw/"
+                },
+                {
+                  "name": "新成屋",
+                  "link": "https://hhh.com.tw/"
+                }
+              ],
+              "views": 999,
+              "dateSort": 1
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12410_20200528162733.jpg",
+              "title": "簡練美學思維 構築雅致芳華逸境",
+              "tags": [
+                { 
+                  "name": "現代屋",
+                  "link": ""
+                },
+                { 
+                  "name": "毛胚屋",
+                  "link": ""
+                },
+                {
+                  "name": "",
+                  "link": ""
+                }
+              ],
+              "views": 1030,
+              "dateSort": 2
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12355_20200507095115.jpg",
+              "title": "雙拼豪宅 古典、日式一次擁有",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 1011,
+              "dateSort": 3
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_19_01.jpg",
+              "title": "線性美學與空間自由度 串聯情感思維",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 990,
+              "dateSort": 4
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_18_03.jpg",
+              "title": "淺焙新古典，凝神典雅秋色家居",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_17_05.jpg",
+              "title": "華麗與休閒並存！鐵板燒飄香的典雅時尚居",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_16_05.jpg",
+              "title": "現代簡約新思維 親子同樂宅",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 950,
+              "dateSort": 7
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_17_05.jpg",
+              "title": "華麗與休閒並存！鐵板燒飄香的典雅時尚居",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_16_05.jpg",
+              "title": "現代簡約新思維 親子同樂宅",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_15_01.jpg",
+              "title": "貼合生活的設計 實用暖心熟齡宅",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_13_03.jpg",
+              "title": "古典與現代交織 訂製時尚宅居",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_14_02.jpg",
+              "title": "集科技時尚於一身的智慧E化居家",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_29_03.jpg",
+              "title": "淨與靜的節奏 交織出簡潔清新退休宅",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_07_02.jpg",
+              "title": "華美暘昇 現代觀點 (實景)",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_11_03.jpg",
+              "title": "崇尚自然 洗滌人心的光感別墅(上)",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_12_08.jpg",
+              "title": "崇尚自然 洗滌人心的光感別墅(下)",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 899,
+              "dateSort": 5
+            },
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_10_08.jpg",
+              "title": "Chic工業風! 義式特調的風格餐廳",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            },        { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer351_09_08.jpg",
+              "title": "浪漫優雅 調和一室古典情懷",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ],
+              "views": 800,
+              "dateSort": 6
+            }
+         
+          ]
+        },
+        {
+          "Title": "設計師影音",
+          "mb_title": "影音",
+          "Tabtag": "video",
+          "Display_mb": true,
+          "isActive": true,
+          "Carddata": [
+            { 
+              "imgURL": "https://i.ytimg.com/vi/Czfq9Ow6pc0/hqdefault.jpg",
+              "title": "17坪袖珍豪宅 精品奢華風",
+              "tags": [
+                { 
+                  "name": "",
+                  "link": ""
+                },
+                { 
+                  "name": "",
+                  "link": ""
+                },
+                {
+                  "name": "",
+                  "link": ""
+                }
+              ]
+            },
+            { 
+              "imgURL": "https://i.ytimg.com/vi/ILl90ihtGpM/hqdefault.jpg",
+              "title": "給家人的愛40年老屋延續幸福",
+              "tags": [
+                { 
+                  "name": "玄關",
+                  "link": ""
+                },
+                { 
+                  "name": "客廳",
+                  "link": ""
+                },
+                {
+                  "name": "臥室",
+                  "link": ""
+                },
+                {
+                  "name": "和室",
+                  "link": ""
+                },
+                {
+                  "name": "餐廳",
+                  "link": ""
+                },
+                {
+                  "name": "廚房",
+                  "link": ""
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "Title": "設計師專欄",
+          "mb_title": "專欄",
+          "Tabtag": "columns",
+          "Display_mb": true,
+          "isActive": true,
+          "Carddata": [
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg",
+              "title": "藏岳│混搭風│26坪",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "Title": "VR360",
+          "mb_title": "",
+          "Tabtag": "vr360",
+          "Display_mb": false,
+          "isActive": true,
+          "Carddata": [
+            { 
+              "imgURL": "https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg",
+              "title": "藏岳│混搭風│26坪",
+              "tags": [
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                { 
+                  "name": "混搭風",
+                  "link": ""
+                },
+                {
+                  "name": "混搭風",
+                  "link": ""
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "Title": "設計師公司簡介",
+          "mb_title": "公司簡介",
+          "Tabtag": "company",
+          "Display_mb": true,
+          "isActive": true,
+          "Carddata": [
+          ],
+          "info": [
+            { "title": "設計理念", "data": "空間設計的美學藝術，蔡岳儒總監更能將日式精闢的手工藝術融入台灣的設計與工程，更將留日所學發揚光大明確的把結構、 動線、收納、光線與品味融入建築、景觀與室內三大空間之中，藉由點線面展現出空間的獨特性，並賦予空間延續的生命活力。"},
+            { "title": "公司統編", "data": "經濟部／財政部登記有案：54290717"},
+            { "title": "相關經歷", "data": "蔡岳儒<br>◆現任／恆岳空間設計 主持設計師<br>◆學歷／東京デザイナー学院卒業<br>◆經歷／十餘年設計、工程經歷。"},
+            { "title": "專業證照", "data": "建築師證書 高恒悌 (101) 專高建字第000013號<br>建築物室內裝修專業技術人員登記證 高恒悌 第40EC116787號"},
+            { "title": "獲獎紀錄", "data": "2020年雪梨設計獎SYDNEY Design Awards GIOD-Quality Arena<br>2020年雪梨設計獎SYDNEY Design Awards SELECTION- Life Savoring"}
+          ]
+        }
+      ]
+  }
+]

json/designers-439.json

@@ -0,0 +1,751 @@
+[
+    {
+        "_comment": "設計師",
+        "id": 439,
+        "BannerImg": "https://cloud.hhh.com.tw/upload/_hdesigner/background_439_20211027161816.jpg",
+        "CompanyName": "匠拓室內裝修設計",
+        "DesignerName": "戴吉榮",
+        "Designerimg": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_439_20211025154637.jpg",
+        "Description": "匠拓室內裝修設計｜戴吉榮善於運用簡單的設計，專注於微小細節，融合空間質感與設計美學，注入有情感的居家裝潢風格",
+        "Approve": "",
+        "FB_link": "https://www.facebook.com/www.jtd.com.tw/",
+        "Basics": [
+            {
+                "title": "免費專線：",
+                "link": "0809000123,19331",
+                "data": "0809000123,19331"
+            },
+            {
+                "title": "諮詢專線：",
+                "link": "02-2933-6636,0963-136-971",
+                "data": "02-2933-6636,0963-136-971"
+            },
+            {
+                "title": "諮詢專線：",
+                "link": "02-2933-6636,0963-136-971",
+                "data": "02-2933-6636,0963-136-971"
+            },
+            {
+                "title": "公司傳真：",
+                "link": "02-2933-6637",
+                "data": "02-2933-6637"
+            },
+            {
+                "title": "公司地址：",
+                "link": "台北市文山區羅斯福路五段128號1樓",
+                "data": "台北市文山區羅斯福路五段128號1樓"
+            },
+            {
+                "title": "電子信箱：",
+                "link": "jirotai@outlook.com",
+                "data": "jirotai@outlook.com"
+            },
+            {
+                "title": "公司網址：",
+                "link": "https://www.facebook.com/www.jtd.com.tw/",
+                "data": "https://www.facebook.com/www.jtd.com.tw/"
+            }
+        ],
+        "FreeCall": "0809000123,19331",
+        "ConsoleCall_1": "02-2933-6636,0963-136-971",
+        "ConsoleCall_2": "02-2933-6636,0963-136-971",
+        "Fax": "02-2933-6637",
+        "Address": "台北市文山區羅斯福路五段128號1樓",
+        "Email": "jirotai@outlook.com",
+        "Web": "https://www.facebook.com/www.jtd.com.tw/",
+        "Branches": [
+            {
+                "title": "分公司地址：",
+                "link": "台北市中山區林森北路50號4樓之一",
+                "data": "台北市中山區林森北路50號4樓之一"
+            },
+            {
+                "title": "分公司電話：",
+                "link": "tel:02-2562-7755",
+                "data": "02-2562-7755"
+            },
+            {
+                "title": "分公司傳真：",
+                "link": "tel:02-2562-7002",
+                "data": "02-2562-7002"
+            },
+            {
+                "title": "分公司地址：",
+                "link": "上海市闵行区东川路2688号",
+                "data": "上海市闵行区东川路2688号"
+            }
+        ],
+        "Budget": "不限",
+        "Square": "不限",
+        "SpecialCase": "接受局部裝修工程；接受設計委託",
+        "Charge": "設計費 3000~5000 元/坪+監工費為總工程款的 5~10 %",
+        "Pay": "簽約付30％、依工程進度分兩次，各付30％、完工驗收收10％",
+        "WorkLoc": "北區,中區,南區,宜蘭花東",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品／樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間",
+        "WorkStyle": "現代風,美式風,北歐風,工業風,異國風",
+        "WorkBudget": "不限",
+        "Terms": [
+            {
+                "title": "接案預算：",
+                "data": "不限"
+            },
+            {
+                "title": "接案坪數：",
+                "data": "不限"
+            },
+            {
+                "title": "特殊接案：",
+                "data": "接受局部裝修工程；接受設計委託"
+            },
+            {
+                "title": "收費方式：",
+                "data": "設計費 3000~5000 元/坪+監工費為總工程款的 5~10 %"
+            },
+            {
+                "title": "付費方式：",
+                "data": "簽約付30％、依工程進度分兩次，各付30％、完工驗收收10％"
+            },
+            {
+                "title": "接案區域：",
+                "data": "北區,中區,南區,宜蘭花東"
+            },
+            {
+                "title": "接案類型：",
+                "data": "小坪數,標準格局,別墅,大坪數,樓中樓,實品／樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間"
+            },
+            {
+                "title": "接案風格：",
+                "data": "現代風,美式風,北歐風,工業風,異國風"
+            }
+        ],
+        "scMedia": [
+            {
+                "name": "Facebook",
+                "img": "https://hhh.com.tw/assets/images/rv_web/fb.svg",
+                "link": "https://www.facebook.com/www.jtd.com.tw/"
+            },
+            {
+                "name": "Line",
+                "img": "https://hhh.com.tw/assets/images/rv_web/line.svg",
+                "link": ""
+            },
+            {
+                "name": "Wechat",
+                "img": "https://hhh.com.tw/assets/images/rv_web/wechat.svg",
+                "link": "https://www.facebook.com/www.jtd.com.tw/"
+            },
+            {
+                "name": "email",
+                "img": "https://hhh.com.tw/assets/images/rv_web/share.svg",
+                "link": "jirotai@outlook.com"
+            },
+            {
+                "name": "Like",
+                "img": "https://hhh.com.tw/assets/images/rv_web/like-o.svg",
+                "link": ""
+            }
+        ],
+        "Content": [
+            {
+                "Title": "設計師作品",
+                "mb_title": "作品",
+                "Tabtag": "intro",
+                "Display_mb": "true",
+                "isActive": "true",
+                "Carddata": [
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/7069",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_02_03.jpg",
+                        "title": "律動蔓延 在家就能鬥牛",
+                        "tags": [
+                            {
+                                "name": "前衛風",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 9534,
+                        "dateSort": "2015-12-15"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/7097",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_04_01.jpg",
+                        "title": "極致品味 輕奢華體驗",
+                        "tags": [
+                            {
+                                "name": "奢華風",
+                                "link": ""
+                            },
+                            {
+                                "name": "大坪數",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 8173,
+                        "dateSort": "2015-12-16"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/7128",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_05_02.jpg",
+                        "title": "當代生活，勾勒現代美感",
+                        "tags": [
+                            {
+                                "name": "現代風",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 11598,
+                        "dateSort": "2015-12-23"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/7070",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_03_02.jpg",
+                        "title": "現代北歐風 沉醉悠揚品味",
+                        "tags": [
+                            {
+                                "name": "現代風",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 22985,
+                        "dateSort": "2015-12-24"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/7165",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_06_01.jpg",
+                        "title": "木質馨香 醞釀幸福的溫度",
+                        "tags": [
+                            {
+                                "name": "現代風",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 22638,
+                        "dateSort": "2015-12-30"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/7279",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_07_03.jpg",
+                        "title": "有新意！不按牌理出牌的復古工業風餐廳",
+                        "tags": [
+                            {
+                                "name": "工業風",
+                                "link": ""
+                            },
+                            {
+                                "name": "餐飲空間",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            }
+                        ],
+                        "views": 13705,
+                        "dateSort": "2016-02-01"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/7646",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_08_02.jpg",
+                        "title": "木質暖調 被溫馨包圍的幸福生活",
+                        "tags": [
+                            {
+                                "name": "現代風",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 60541,
+                        "dateSort": "2016-05-13"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/7804",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_09_03.jpg",
+                        "title": "重溫兒時記憶 外剛內柔的輕工業SOHO家",
+                        "tags": [
+                            {
+                                "name": "工業風",
+                                "link": ""
+                            },
+                            {
+                                "name": "小坪數",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            }
+                        ],
+                        "views": 81797,
+                        "dateSort": "2016-06-28"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/8285",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_10_01.jpg",
+                        "title": "15坪無印良居 小宅也能擁有大幸褔",
+                        "tags": [
+                            {
+                                "name": "鄉村風",
+                                "link": ""
+                            },
+                            {
+                                "name": "無印風",
+                                "link": ""
+                            },
+                            {
+                                "name": "小坪數",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 86713,
+                        "dateSort": "2016-11-24"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/8304",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_11_01.jpg",
+                        "title": "機能不馬虎！善用畸零空間給你滿滿收納",
+                        "tags": [
+                            {
+                                "name": "現代風",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            }
+                        ],
+                        "views": 41003,
+                        "dateSort": "2016-12-06"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/8606",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_12_02.jpg",
+                        "title": "40年老屋換新裝 變身個性工業宅",
+                        "tags": [
+                            {
+                                "name": "工業風",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            }
+                        ],
+                        "views": 29831,
+                        "dateSort": "2017-03-20"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/8649",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_13_02.jpg",
+                        "title": "極簡黑白配 明亮簡潔自在居",
+                        "tags": [
+                            {
+                                "name": "現代風",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 21600,
+                        "dateSort": "2017-03-29"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/8683",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_14_03.jpg",
+                        "title": "多元風格魅力 現代混搭個性宅",
+                        "tags": [
+                            {
+                                "name": "現代風",
+                                "link": ""
+                            },
+                            {
+                                "name": "標準格局",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 8176,
+                        "dateSort": "2017-04-10"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/7068",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_01_03.jpg",
+                        "title": "時尚品味 Loft經典況味",
+                        "tags": [
+                            {
+                                "name": "工業風",
+                                "link": ""
+                            },
+                            {
+                                "name": "工作室",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            }
+                        ],
+                        "views": 14572,
+                        "dateSort": "2017-06-03"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/9826",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_16_01.jpg",
+                        "title": "簡約乾淨 北歐輕工業宅",
+                        "tags": [
+                            {
+                                "name": "北歐風",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            }
+                        ],
+                        "views": 29746,
+                        "dateSort": "2018-02-27"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/9827",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_17_05.jpg",
+                        "title": "把咖啡廳搬回家 前衛混搭風情",
+                        "tags": [
+                            {
+                                "name": "混搭風",
+                                "link": ""
+                            },
+                            {
+                                "name": "大坪數",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 20950,
+                        "dateSort": "2018-03-07"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/10384",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_18_02.jpg",
+                        "title": "用「明亮簡約」的風格和「超強收納」機能，讓居家充滿溫暖幸福的氛圍",
+                        "tags": [
+                            {
+                                "name": "現代風",
+                                "link": ""
+                            },
+                            {
+                                "name": "標準格局",
+                                "link": ""
+                            },
+                            {
+                                "name": "新成屋",
+                                "link": ""
+                            }
+                        ],
+                        "views": 14563,
+                        "dateSort": "2018-08-17"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/11480",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/name_11480_20190724160541.jpg",
+                        "title": "10坪中古屋，變身清新好感宅！",
+                        "tags": [
+                            {
+                                "name": "現代風",
+                                "link": ""
+                            },
+                            {
+                                "name": "樓中樓",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            }
+                        ],
+                        "views": 69203,
+                        "dateSort": "2019-07-24"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/8737",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_15_01.jpg",
+                        "title": "巧用替代材質 打造質感工業宅",
+                        "tags": [
+                            {
+                                "name": "工業風",
+                                "link": ""
+                            },
+                            {
+                                "name": "標準格局",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            }
+                        ],
+                        "views": 28345,
+                        "dateSort": "2021-03-01"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/13125",
+                        "imgURL": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13125_20210319112543.jpg",
+                        "title": "馨暖木韻蔓延 藝術家的舒心逸境｜現代風｜3房、2廳、2衛｜25坪",
+                        "tags": [
+                            {
+                                "name": "現代風",
+                                "link": ""
+                            },
+                            {
+                                "name": "標準格局",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            }
+                        ],
+                        "views": 2814,
+                        "dateSort": "2021-03-19"
+                    }
+                ]
+            },
+            {
+                "Title": "設計師影音",
+                "mb_title": "影音",
+                "Tabtag": "video",
+                "Display_mb": "true",
+                "isActive": "true",
+                "Carddata": [
+                    {
+                        "url": "https://hhh.com.tw/video-post.php?id=2574",
+                        "imgURL": "https://i.ytimg.com/vi/lPHW2m4HUuQ/hqdefault.jpg",
+                        "title": "打造工業風質感衛浴 單品這樣挑",
+                        "tags": [
+                            {
+                                "name": "浴室",
+                                "link": ""
+                            }
+                        ],
+                        "views": 5984,
+                        "dateSort": "1994-01-26 14:30:00"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/video-post.php?id=2737",
+                        "imgURL": "https://i.ytimg.com/vi/wFc4OJNaOUE/hqdefault.jpg",
+                        "title": "替代材質精省預算 高CP值工業風",
+                        "tags": [
+                            {
+                                "name": "客廳 餐廳",
+                                "link": ""
+                            }
+                        ],
+                        "views": 5206,
+                        "dateSort": "1994-01-26 14:30:00"
+                    }
+                ]
+            },
+            {
+                "Title": "設計師專欄",
+                "mb_title": "專欄",
+                "Tabtag": "columns",
+                "Display_mb": "true",
+                "isActive": "true",
+                "Carddata": [
+                    {
+                        "url": "https://hhh.com.tw/video-post.php?id=2737",
+                        "imgURL": "https://cloud.hhh.com.tw/gs/column/issue-index02_81.jpg",
+                        "title": "我又初戀了！愛上工業風衛浴",
+                        "tags": [
+                            {
+                                "name": "衛浴",
+                                "link": ""
+                            },
+                            {
+                                "name": "工業風",
+                                "link": ""
+                            },
+                            {
+                                "name": "馬桶",
+                                "link": ""
+                            },
+                            {
+                                "name": "水龍頭",
+                                "link": ""
+                            },
+                            {
+                                "name": "清水模 ",
+                                "link": ""
+                            },
+                            {
+                                "name": "居家設計",
+                                "link": ""
+                            }
+                        ],
+                        "views": 48360,
+                        "dateSort": "2016-12-23"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/video-post.php?id=2737",
+                        "imgURL": "https://cloud.hhh.com.tw/gs/column/issue-index03_93.jpg",
+                        "title": "40年老屋大整形 揮別邋遢重拾青春美麗",
+                        "tags": [
+                            {
+                                "name": "工業風",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            },
+                            {
+                                "name": "特殊塗料",
+                                "link": ""
+                            },
+                            {
+                                "name": "木元素",
+                                "link": ""
+                            },
+                            {
+                                "name": "線條",
+                                "link": ""
+                            },
+                            {
+                                "name": "系統板材",
+                                "link": ""
+                            }
+                        ],
+                        "views": 6683,
+                        "dateSort": "2017-03-27"
+                    },
+                    {
+                        "url": "https://hhh.com.tw/video-post.php?id=2737",
+                        "imgURL": "https://cloud.hhh.com.tw/gs/column/issue-index03_189.jpg",
+                        "title": "誰說工業風難保養？善用替代材質打造好整理的甜蜜新婚宅",
+                        "tags": [
+                            {
+                                "name": "工業風",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            },
+                            {
+                                "name": "好宅特輯",
+                                "link": ""
+                            },
+                            {
+                                "name": "省錢",
+                                "link": ""
+                            },
+                            {
+                                "name": "抓預算",
+                                "link": ""
+                            },
+                            {
+                                "name": "找設計師",
+                                "link": ""
+                            }
+                        ],
+                        "views": 34175,
+                        "dateSort": "2017-08-30"
+                    }
+                ]
+            },
+            {
+                "Title": "VR360",
+                "mb_title": "",
+                "Tabtag": "vr360",
+                "Display_mb": "false",
+                "isActive": "true",
+                "Carddata": [
+                    {
+                        "url": "https://hhh.com.tw/cases/detail/d/8737",
+                        "imgURL": "https://images.hhh.com.tw/uploads/_hcase/designer486_15_01.jpg",
+                        "title": "巧用替代材質 打造質感工業宅",
+                        "tags": [
+                            {
+                                "name": "工業風",
+                                "link": ""
+                            },
+                            {
+                                "name": "標準格局",
+                                "link": ""
+                            },
+                            {
+                                "name": "老屋翻新",
+                                "link": ""
+                            }
+                        ],
+                        "views": 28345,
+                        "dateSort": "2021-03-01"
+                    }
+                ]
+            },
+            {
+                "Title": "設計師公司簡介",
+                "mb_title": "公司簡介",
+                "Tabtag": "company",
+                "Display_mb": "true",
+                "isActive": "true",
+                "Carddata": [],
+                "info": [
+                    {
+                        "title": "設計理念",
+                        "data": "空間設計的美學藝術，蔡岳儒總監更能將日式精闢的手工藝術融入台灣的設計與工程，更將留日所學發揚光大明確的把結構、 動線、收納、光線與品味融入建築、景觀與室內三大空間之中，藉由點線面展現出空間的獨特性，並賦予空間延續的生命活力。"
+                    },
+                    {
+                        "title": "公司統編",
+                        "data": "經濟部／財政部登記有案：54290717"
+                    },
+                    {
+                        "title": "相關經歷",
+                        "data": "蔡岳儒<br>◆現任／恆岳空間設計 主持設計師<br>◆學歷／東京デザイナー学院卒業<br>◆經歷／十餘年設計、工程經歷。"
+                    },
+                    {
+                        "title": "專業證照",
+                        "data": "建築師證書 高恒悌 (101) 專高建字第000013號<br>建築物室內裝修專業技術人員登記證 高恒悌 第40EC116787號"
+                    },
+                    {
+                        "title": "獲獎紀錄",
+                        "data": "2020年雪梨設計獎SYDNEY Design Awards GIOD-Quality Arena<br>2020年雪梨設計獎SYDNEY Design Awards SELECTION- Life Savoring"
+                    }
+                ]
+            }
+        ]
+    }
+]