update

ArkCard-web/collect.html

@@ -28,8 +28,8 @@
             <div class="sec05-moblie-header">
                 <h1 class="secn-title ps-2">NFT收藏品</h1>
             </div>
-            <div class="sec05-moblie-container row row-cols-2 row-cols-md-4 g-4">
-                <div class="col">
+            <div class="sec05-moblie-container row row-cols-1 row-cols-md-4 g-4">
+                <!-- <div class="col">
                     <div class="card h-100">
                         <a target="_blank" href="">
                             <img src="./img/sec05/sec05-1.png"class="card-img-top" alt="...">
@@ -120,7 +120,7 @@
                                 </p>
                         </div>
                     </div>
-                </div>
+                </div> -->
             </div>
 
 

ArkCard-web/goto.js

@@ -6,6 +6,57 @@
 //   centerMode: true,
 // });
 
+// 收藏頁面
+$(document).ready(function () {
+  collecturl = location.search;
+  getcollect = collecturl.split("?")
+  console.log(getcollect[0]);
+  console.log(getcollect[1]);
+  var collectuserid = getcollect[1];
+    $.ajax({
+      method: "GET",
+      url: "https://api.ptt.cx:8228/collection/" + collectuserid + "",
+      // url:"https://api.ptt.cx:8228/collection/Uf161c92b16f84357987a78c2b4b47719",
+      dataType: "json",
+    })
+      .done(function (msg) {
+        console.log(msg);
+        // console.log(Object.keys(msg).length);
+        let msgLen =Object.keys(msg).length;
+        console.log(msgLen)
+        var collectcontent = '';
+        for(var i = 0; i < msgLen; i++){
+        collectcontent+='\
+          <div class="col">\
+          <div class="card h-100">\
+              <a target="_blank" href="">\
+                  <img src="'+msg[i].imgurl+'"class="card-img-top" alt="...">\
+              </a>\
+              <div class="card-body p-2">\
+                  <a target="_blank" href="">\
+                      <h5 class="card-title pt-3">'+msg[i].title+'</h5>\
+                  </a>\
+                  <p class="card-text">\
+                     '+msg[i].context+' \
+                  </p>\
+                  <p class="card-text row">\
+                      <small class="text-muted col-6 px-1">\
+                          <img class="mb-1 mx-1 d-inline" style="width: 10px; object-fit: cover; "\
+                              src="./img/sec05/Icon awesome-ethereum.png" alt=""><span>'+msg[i].cost+'</span>\
+                      </small>\
+                      <small class="price col-6 px-0 text-center">\
+                          <img class="mb-1 mx-1 d-inline" style="width: 12px; object-fit: cover; " src="./img/sec05/like.png" alt=""><span>'+msg[i].likes+'</span></small>\
+                      </p>\
+              </div>\
+          </div>\
+        </div>';
+        }
+
+        $('.sec05-moblie-container').html(collectcontent);
+       
+      });
+  
+});
 
 console.log(1);
 
@@ -80,4 +131,5 @@ function copyEvent(id) {
     "hideMethod": "fadeOut" // 隱藏動畫效果
   }
   toastr.success("複製成功");
-}
+}
+