浏览代码

add tag link

andy 3 年之前
父节点
当前提交
bb065a2578
共有 4 个文件被更改,包括 49 次插入20 次删除
  1. 二进制
      .DS_Store
  2. 5 5
      cases.html
  3. 24 8
      goto.js
  4. 20 7
      json/cases.json

二进制
.DS_Store


+ 5 - 5
cases.html

@@ -1109,21 +1109,21 @@
             </div>
         </section>
         <section class="article1 mt-md-5">
-            <div class="container">
+            <div class="container article__contexts-box">
                 <div>
-                    <p class="article__contexts">
+                    <!-- <p class="article__contexts">
                         家,是無可取代的避風港。為了滿足居者嚮往的現代時尚,席德設計傾聽所需,運用大理石、實木鋪敘出沉靜的自然況味,揉合鍍鈦金屬、鐵件的精緻細節,調和質材與線條的層次平衡,編織動人的家庭關係。<br>
                         <br>
                         入門落塵區採用石紋地坪界定場域,透過多邊形立柱間的縫隙窺見餐廳,配合鏡面修飾,勾勒公領域的視覺廣度。沙發背牆鋪設天然粗獷的石皮,演繹客廳的氣派風範,嵌入鐵件展示架、木格柵佛龕,形成和諧混搭的精緻美學,而隱含光澤的大理石電視牆,輝映綴飾天花的亮面鍍鈦線條,形構出耐人品味的豐富視覺。淑絹設計師將餐廳規劃於全室中央,匯聚成家人互動的核心場域,搭配長型實木餐桌延伸吧台,圍繞悠柔氣息,使一家共享日常的美好瞬間宛若停駐於此。<br>
                         <br>
                         推開深色木質門片,設計師運用沉靜的低彩度色系,營塑私領域的舒眠環境。主臥背牆以對稱鏡面、燈飾,渲染奢華風情,並以步入式更衣間設計,回應女屋主的衣物收納需求;孝親房床頭妝點溫潤木皮、藕紫色繃布,形塑優雅氣質;經由格局的重新調配,挪騰出獨立空間提供小兒子使用,窗邊灑落的日光,跟隨著書桌的木質紋理恣意遊走。經由席德設計與屋主一家的悉心討論,以氣勢磅礡的質材、紋理,點亮精緻層次的燦爛光輝,成就家的獨一無二。
-                    </p>
+                    </p> -->
                 </div>
-                <div class="article__readMore">
+                <!-- <div class="article__readMore">
                     <i class="fa fa-chevron-down" aria-hidden="true"></i>
                     <a class="article__readMore__text">閱讀更多</a>
                     <i class="fa fa-chevron-down" aria-hidden="true"></i>
-                </div>
+                </div> -->
             </div>
         </section>
         <div class="text-center my-3" style="color:#727679;">&nbsp;</div>

+ 24 - 8
goto.js

@@ -2,12 +2,11 @@
 $(".popular").hide();
 
 
-
-$( ".article__readMore" ).click(function() {
-
+$(document).on("click", ".article__readMore", function (event) {
     $('.article__contexts').css('height','auto');
     $('.article__readMore').hide();
-  });
+    
+});
 
 
 $(document).on("click", ".likeSee__state__filter--item", function (event) {
@@ -30,7 +29,8 @@ function get_data() {
     $.ajax({
         method: "GET",
         // url: `json/cases-${id}.json`,
-        url: `json/cases-${id}.json`,
+        // url: `json/cases-${id}.json`,
+        url:`json/cases.json`,
         dataType: "json",
     })
         .done(function (msg) {
@@ -44,6 +44,8 @@ function get_data() {
             let CaseDetail = "";
             let CasePageTitle = "";
             let CaseImgQuantity = "";
+            let article__contexts="";
+
 
             for (let i = 0; i < msg.length; i++) {
                 designersinfo = `
@@ -92,6 +94,18 @@ function get_data() {
                             </div>
                         </div>
                     </div>`
+                    if(msg[i].Casedescription == undefined){
+                        article__contexts=`<div></div>`
+                    }else {
+                        article__contexts=`
+                        <div><p class="article__contexts">${msg[i].Casedescription}</p></div>
+                        <div class="article__readMore">
+                        <i class="fa fa-chevron-down" aria-hidden="true"></i>
+                        <a class="article__readMore__text">閱讀更多</a>
+                        <i class="fa fa-chevron-down" aria-hidden="true"></i>
+                        </div>
+                        `
+                    }
 
                 for (let j = 0; j < msg[i].CaseTag.length; j++) {
                     // console.log(msg[i].CaseTag.length);
@@ -99,7 +113,7 @@ function get_data() {
                     // console.log(msg[i].CaseTag[j].Tag);
 
                     CaseTag += ' \
-                        <a href="" class="btn btn-outline-custom rounded-0">'+ msg[i].CaseTag[j].Tag + '</a> \
+                        <a target="_blank" href="https://hhh.com.tw/cases/lists/' + msg[i].CaseTag[j].Tag + '-keyword/" class="btn btn-outline-custom rounded-0">'+ msg[i].CaseTag[j].Tag + '</a> \
                         ';
                 }
 
@@ -199,7 +213,7 @@ function get_data() {
                     for (var z = 0; z < msg[i].ProfileRecently[k].ProfileTag.length; z++) {
                         // console.log(msg[i].ProfileRecently[k].ProfileTag.length)
                         CaseNews += '\
-                                <a href="">\
+                                <a target="_blank" href="https://hhh.com.tw/cases/lists/' + msg[i].ProfileRecently[k].ProfileTag[z].Tag + '-keyword/">\
                                 '+ msg[i].ProfileRecently[k].ProfileTag[z].Tag + '\
                                 </a>\
                                 ';
@@ -219,7 +233,7 @@ function get_data() {
                     for (var y = 0; y < msg[i].ProfilePopularity[x].ProfileTag.length; y++) {
                         // console.log(msg[i].ProfileRecently[k].ProfileTag.length)
                         CasePopular += '\
-                                <a href="'+ msg[i].ProfilePopularity[x].ProfileTag[y].TagLink + '" class="likeSee__tag--item">\
+                                <a target="_blank" href="https://hhh.com.tw/cases/lists/' + msg[i].ProfilePopularity[x].ProfileTag[y].Tag + '-keyword/" class="likeSee__tag--item">\
                                 '+ msg[i].ProfilePopularity[x].ProfileTag[y].Tag + '\
                                 </a>\
                                 ';
@@ -448,6 +462,8 @@ function get_data() {
             $('.CaseModel').html(CaseDetail);
             $('#case-page-title').html(CasePageTitle);
             $('.case-img-quantity').html(CaseImgQuantity);
+            $('.article__contexts-box').html(article__contexts);
+
 
 
                 $('.CaseDetail-slick').slick({

+ 20 - 7
json/cases.json

@@ -1,6 +1,7 @@
 [
     {
-        "CaseId":"",
+        "designerid":"779",
+        "CaseId":"14151",
         "Casetitle":"一生一世|工業風|25坪",
         "CaseTeamName":"Otis設計團隊",
         "CaseCompany":"歐提系統家具有限公司",
@@ -17,6 +18,7 @@
         "CaseHouse":"三房、兩廳、兩衛",
         "CaseSize":"25坪",
         "CaseProject":"尚未提供",
+        "Casedescription":"家,是無可取代的避風港。為了滿足居者嚮往的現代時尚,席德設計傾聽所需,運用大理石、實木鋪敘出沉靜的自然況味,揉合鍍鈦金屬、鐵件的精緻細節,調和質材與線條的層次平衡,編織動人的家庭關係。<br><br>入門落塵區採用石紋地坪界定場域,透過多邊形立柱間的縫隙窺見餐廳,配合鏡面修飾,勾勒公領域的視覺廣度。沙發背牆鋪設天然粗獷的石皮,演繹客廳的氣派風範,嵌入鐵件展示架、木格柵佛龕,形成和諧混搭的精緻美學,而隱含光澤的大理石電視牆,輝映綴飾天花的亮面鍍鈦線條,形構出耐人品味的豐富視覺。淑絹設計師將餐廳規劃於全室中央,匯聚成家人互動的核心場域,搭配長型實木餐桌延伸吧台,圍繞悠柔氣息,使一家共享日常的美好瞬間宛若停駐於此。<br><br>推開深色木質門片,設計師運用沉靜的低彩度色系,營塑私領域的舒眠環境。主臥背牆以對稱鏡面、燈飾,渲染奢華風情,並以步入式更衣間設計,回應女屋主的衣物收納需求;孝親房床頭妝點溫潤木皮、藕紫色繃布,形塑優雅氣質;經由格局的重新調配,挪騰出獨立空間提供小兒子使用,窗邊灑落的日光,跟隨著書桌的木質紋理恣意遊走。經由席德設計與屋主一家的悉心討論,以氣勢磅礡的質材、紋理,點亮精緻層次的燦爛光輝,成就家的獨一無二。",
         "CaseDataMember":"大人x2",
         "CaseDataSize":"25坪",
         "CaseDataStyle":"工業風、暗色系流淌工業風",
@@ -31,21 +33,19 @@
         "CasePageprev":"",
         "CaseTag":[
             {
-                "Tag":"工業風",
-                "TagLink":""
+                "Tag":"工業風"
 
             },
             {
-                "Tag":"新成屋",
-                "TagLink":""
+                "Tag":"新成屋"
             },
             {
-                "Tag":"大坪數",
-                "TagLink":""
+                "Tag":"大坪數"
             }
         ],
         "ProfileRecently":[
             {
+                "designerid":"",
                 "ProfileImg": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_14155_20211230151618.jpg",
                 "ProfileTag":[
                     {
@@ -64,6 +64,7 @@
                 "ProfileLink":""
             },
             {
+                "designerid":"",
                 "ProfileImg": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_14154_20211230151111.jpg",
                 "ProfileTag":[
                     {
@@ -84,6 +85,7 @@
         ],
         "ProfilePopularity":[
             {
+                "designerid":"",
                 "ProfileImg": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_14154_20211230151113.jpg",
                 "ProfileTag":[
                     {
@@ -102,6 +104,7 @@
                 "ProfileLink":""
             },
             {
+                "designerid":"",
                 "ProfileImg": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_14155_20211230151625.jpg",
                 "ProfileTag":[
                     {
@@ -151,52 +154,62 @@
         ],
         "OtherStylePortfolio":[
             {
+                "designerid":"",
                 "PortfoliolImg":"https://images.hhh.com.tw/uploads/_hcase/designer492_06_03.jpg",
                 "PortfoliolLink":"",
                 "PortfoliolImgAlt":"年輕不失沉穩 現代輕工業風別墅"
             },
             {
+                "designerid":"",
                 "PortfoliolImg":"https://images.hhh.com.tw/uploads/_hcase/name_11046_20190402193723.jpg",
                 "PortfoliolLink":"",
                 "PortfoliolImgAlt":"坐擁淡海一線美景 質樸輕工業宅"
             },
             {
+                "designerid":"",
                 "PortfoliolImg":"https://images.hhh.com.tw/uploads/_hcase/designer457_05_05.jpg",
                 "PortfoliolLink":"",
                 "PortfoliolImgAlt":"日式簡約mix微醺工業風情"
             },
             {
+                "designerid":"",
                 "PortfoliolImg":"https://images.hhh.com.tw/uploads/_hcase/designer491_05_01.jpg",
                 "PortfoliolLink":"",
                 "PortfoliolImgAlt":"Loft無邊際"
             },
             {
+                "designerid":"",
                 "PortfoliolImg":"https://images.hhh.com.tw/uploads/_hcase/designer102_46_05.jpg",
                 "PortfoliolLink":"",
                 "PortfoliolImgAlt":"36年漏水屋改造 動線收納滿足"
             },
             {
+                "designerid":"",
                 "PortfoliolImg":"https://images.hhh.com.tw/uploads/_hcase/designer209_25_07.jpg",
                 "PortfoliolLink":"",
                 "PortfoliolImgAlt":"通透玻璃,打造工業風精緻咖啡廳"
             },
             {
+                "designerid":"",
                 "PortfoliolImg":"https://images.hhh.com.tw/uploads/_hcase/name_12300_20200417100142.jpg",
                 "PortfoliolLink":"",
                 "PortfoliolImgAlt":"簡約日式水泥宅 細品質樸生活感"
             },
             {
+                "designerid":"",
                 "PortfoliolImg":"https://images.hhh.com.tw/uploads/_hcase/name_11324_20190614143505.jpg",
                 "PortfoliolLink":"",
                 "PortfoliolImgAlt":"老屋改頭換面 化身有氧工業宅"
             },
            
             {
+                "designerid":"",
                 "PortfoliolImg":"https://images.hhh.com.tw/uploads/_hcase/designer270_15_04.jpg",
                 "PortfoliolLink":"",
                 "PortfoliolImgAlt":"引光大尺度 跳色工業風時尚"
             },
             {
+                "designerid":"",
                 "PortfoliolImg":"https://images.hhh.com.tw/uploads/_hcase/designer620_03_05.jpg",
                 "PortfoliolLink":"",
                 "PortfoliolImgAlt":"共享時代-台中"