|
@@ -9,7 +9,7 @@ $('#topCarousel').load('../../template/top_carousel.html');
|
|
|
// window.onload = function () {
|
|
|
|
|
|
// if (screen.width < 991) {
|
|
|
-
|
|
|
+
|
|
|
// window.location.href = `https://m.hhh.com.tw/cases/lists/`;
|
|
|
// }
|
|
|
// }
|
|
@@ -17,7 +17,7 @@ $('#topCarousel').load('../../template/top_carousel.html');
|
|
|
// window.onload = function () {
|
|
|
// //hhh_user_api();
|
|
|
// if (screen.width >= 991) {
|
|
|
-
|
|
|
+
|
|
|
// window.location.href =`https://hhh.com.tw/cases/lists/`;
|
|
|
// }
|
|
|
|
|
@@ -151,10 +151,10 @@ async function dataSearch(type = "") {
|
|
|
const response = await axios.get(url);
|
|
|
console.log('response.data.cases', response.data.cases);
|
|
|
|
|
|
- let totalCount = response.data.total_count.toLocaleString();
|
|
|
+ let totalCount = response.data.total_count;
|
|
|
let totalPages = Math.ceil(totalCount / pageSize);
|
|
|
|
|
|
- $("#totalCount").html(totalCount);
|
|
|
+ $("#totalCount").html(totalCount.toLocaleString());
|
|
|
|
|
|
if (totalPages) {
|
|
|
$('.filter-list .pagination').show();
|
|
@@ -178,29 +178,32 @@ async function dataSearch(type = "") {
|
|
|
|
|
|
resultHtml += `
|
|
|
<div class="col-md-4 mb-4">
|
|
|
- <a href="${item.DesignerLink}">
|
|
|
- <div class="card lists-card">
|
|
|
+ <div class="card lists-card">
|
|
|
+ <a href="${item.CaseLink}">
|
|
|
<img src="${item.CaseCoverImg}" class="cover-img" alt="${item.DesignerName} ${item.DesignerTitle}">
|
|
|
- <div class="card-body d-flex flex-column">
|
|
|
- <div class="d-flex align-items-center">
|
|
|
- <div class="person-img me-3 me-md-2 me-lg-3" style="background-image: url('${item.DesignerCoverImg}');"></div>
|
|
|
- <section>
|
|
|
- <h5 class="text-muted mb-2">${item.DesignerTitle}</h5>
|
|
|
- <h6 class="mb-0 text-dark">
|
|
|
- <span class="font-weight-bold">
|
|
|
- ${item.DesignerName}
|
|
|
- </span>
|
|
|
- 設計師
|
|
|
- </h6>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <p class="mt-3 text-dark title">${item.CaseTitle}</p>
|
|
|
- <div class="tags-container my-3 me-auto">${tagsHtml}</div>
|
|
|
- <small class="d-block ms-auto mt-auto date-item">上架日期 ${item.CaseSdate}</small>
|
|
|
- </div>
|
|
|
+ </a>
|
|
|
+ <div class="card-body d-flex flex-column">
|
|
|
+ <div class="d-flex align-items-center">
|
|
|
+ <div class="person-img me-3 me-md-2 me-lg-3" style="background-image: url('${item.DesignerCoverImg}');"></div>
|
|
|
+ <a href="${item.DesignerLink}" class="link">
|
|
|
+ <h5 class="text-muted mb-2">${item.DesignerTitle}</h5>
|
|
|
+ <h6 class="mb-0 text-dark">
|
|
|
+ <span class="font-weight-bold">
|
|
|
+ ${item.DesignerName}
|
|
|
+ </span>
|
|
|
+ 設計師
|
|
|
+ </h6>
|
|
|
+ </section>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </div>`;
|
|
|
+ <a href="${item.CaseLink}" class="link">
|
|
|
+ <p class="mt-3 text-dark title">${item.CaseTitle}</p>
|
|
|
+ </a>
|
|
|
+ <div class="tags-container my-3 me-auto">${tagsHtml}</div>
|
|
|
+ <small class="d-block ms-auto mt-auto date-item">上架日期 ${item.CaseSdate}</small>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div >`;
|
|
|
});
|
|
|
} else {
|
|
|
resultHtml += "<p class='text-center mt-5'>找不到符合的資料,請重新搜尋。</p>"
|