add link

css/style.css

@@ -1768,6 +1768,7 @@ body {
   height: 14rem;
   background-position: center;
   background-size: cover;
+  cursor: pointer;
 }
 
 .sec-match__designer {

css/style.scss

@@ -1437,6 +1437,7 @@ body {
         // background-image: url(https://images.hhh.com.tw/uploads/_hcolumn_orig/point05_244_01.jpg);
         background-position: center;
         background-size: cover;
+        cursor: pointer;
     }
     &__designer {
         // background-image: url(https://cloud.hhh.com.tw/upload/_hdesigner/img_path_611_20190318172644.jpg);

index.html

@@ -1502,7 +1502,7 @@
                                 </label>
                               </div>
                               <div style="width: 60%;" class="form-check check-click">
-                                <input type="checkbox" value="隨時皆可" name="time" id="2a" checked class="form-check-input"/>
+                                <input type="checkbox" value="隨時皆可" name="time" id="2a" checked class="form-check-input" />
                                 <label for="2a" class="mt-0">
                                   <p>隨時皆可</p>
                                 </label>
@@ -1525,7 +1525,7 @@
                               </div>
                             </div>
                           </div>
-                          </div>
+                        </div>
                       </div>
                     </div>
                   </div>

js/index_match.js

@@ -44,7 +44,8 @@ function renderMatch(matchData){
     for(let i = 0; i < matchData.length; i++){
         str += `<div class="row align-items-center py-3 justify-content-center text-center container__row">
                     <div class="col">
-                        <div class="sec-match__imgfr mx-auto" style="background-image: url('${matchData[i].WorkImg}');"></div>
+                        <div class="sec-match__imgfr mx-auto" style="background-image: url('${matchData[i].WorkImg}');"
+                        onclick="window.open('${matchData[i].DesignerLink}');"></div>
                     </div>
                     <div class="col">
                     <div class="sec-match__designer mx-auto" style="background-image: url('${matchData[i].DesignerImg}');">

json/match.json

@@ -3,6 +3,7 @@
     "id": 0,
     "WorkImg": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point04_449_11.jpg",
     "DesignerImg": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_722_20210610094358.jpg",
+    "DesignerLink": "https://hhh.com.tw/designers/cases/3/1-page/new-sort/",
     "Name": "吳苡瑄",
     "CompanyName": "春風時尚空間設計",
     "Style": "現代風",
@@ -14,6 +15,7 @@
     "id": 1,
     "WorkImg": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point04_449_11.jpg",
     "DesignerImg": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_722_20210610094358.jpg",
+    "DesignerLink": "https://hhh.com.tw/designers/cases/3/1-page/new-sort/",
     "Name": "吳苡瑄",
     "CompanyName": "春風時尚空間設計",
     "Style": "現代風",
@@ -25,6 +27,7 @@
     "id": 2,
     "WorkImg": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point04_449_11.jpg",
     "DesignerImg": "https://cloud.hhh.com.tw/upload/_hdesigner/img_path_722_20210610094358.jpg",
+    "DesignerLink": "https://hhh.com.tw/designers/cases/3/1-page/new-sort/",
     "Name": "吳苡瑄",
     "CompanyName": "春風時尚空間設計",
     "Style": "現代風",