Home Esplora Aiuto
Registrati Accedi
choozmo
/
ArkCard-Linebot
2
1
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Sfoglia il codice sorgente

update

jeter20131220 3 anni fa
parent
13a4e47248
commit
02716538fc
6 ha cambiato i file con 44 aggiunte e 20 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 19 8
      ArkCard-web/collect.html
  2. 14 4
      ArkCard-web/goto.js
  3. 2 0
      ArkCard-web/qr-code.html
  4. 5 4
      ArkCard-web/style.css
  5. 1 1
      ArkCard-web/style.css.map
  6. 3 3
      ArkCard-web/style.scss

+ 19 - 8
ArkCard-web/collect.html
Vedi File 

@@ -5,6 +5,8 @@
 
     <meta charset="UTF-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
 
+    <META HTTP-EQUIV="Expires" CONTENT="-1">
 
     <title>ARK.Cards</title>
 
 
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
 
@@ -17,11 +19,11 @@
 
 
 <body>
 
     <section id="sec01" class="sec01-collect container-fluid px-0 mx-0">
 
-     <img class="img-fluid" src="./img/banner.png" alt="">
 
-     <div style="position: relative;" class="card-img-overlay p-0 d-flex align-items-end">
 
-        <h5 style="background: #fff; font-size: 16px; position: absolute; z-index: 20;"
 
-            class="card-title py-3  px-5 text-center mb-0 fw-bold">我的收藏</h5>
 
-    </div>
 
+        <img class="img-fluid" src="./img/banner.png" alt="">
 
+        <div style="position: relative;" class="card-img-overlay p-0 d-flex align-items-end">
 
+            <h5 style="background: #fff; font-size: 16px; position: absolute; z-index: 20;"
 
+                class="card-title py-3  px-5 text-center mb-0 fw-bold">我的收藏</h5>
 
+        </div>
 
     </section>
 
     <section id="sec05-moblie" class="sec05 my-4">
 
         <div class="sec05-moblie container-fluid">
 
@@ -122,8 +124,6 @@
 
                     </div>
 
                 </div> -->
 
             </div>
 
-
 
-
 
         </div>
 
         <!-- <div class="sec05-moblie container-fluid">
 
             <div class="sec05-moblie-header">
 
@@ -328,6 +328,17 @@
 
 
         </div> -->
 
     </section>
 
+    <div style="background: #484848;position: fixed; bottom:0px; z-index: 20;" class="sendbox w-100 pt-2">
 
+        <div class="p-2">
 
+            <input style="border-radius: 10px; border:none;" class="p-2 w-100 mb-3" type="text" placeholder="請輸入您要發送的地址">
 
+            <div class="text-end px-2">
 
+                <p class="text-start text-white mb-2">※一次只能發送一則NFT收藏品</p>
 
+                <button type="button" style="border:1px solid #fff; border-radius: 30px;"
 
+                    class="btn text-white px-3">取消</button>
 
+                <button type="button" style="border-radius: 30px; background:#fff;" class="btn ms-2">確定發送</button>
 
+            </div>
 
+        </div>
 
+    </div>
 
     <footer style="background: #484848;" class="py-4 w-100 px-0 mx-0">
 
         <p class="text-white text-center mb-0">Copyright 2021 版權所有 © Ark.Cards</p>
 
     </footer>
 
@@ -338,7 +349,7 @@
 
 
     <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
 
     <script>
 
-      AOS.init();
 
+        AOS.init();
 
     </script>
 
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
         integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"

+ 14 - 4
ArkCard-web/goto.js
Vedi File 

@@ -6,6 +6,13 @@
 
 //   centerMode: true,
 
 // });
 
 
+$(".sendbox").hide();
 
+$(document).on("click", ".collectcard", function (event) {
 
+  $(".sendbox").toggle(500);
 
+  $(this).toggleClass("select");
 
+});
 
+
 
+
 
 // 收藏頁面
 
 $(document).ready(function () {
 
   collecturl = location.search;
 
@@ -27,13 +34,15 @@ $(document).ready(function () {
 
         var collectcontent = '';
 
         for(var i = 0; i < msgLen; i++){
 
         collectcontent+='\
 
-          <div class="col">\
 
-          <div class="card h-100">\
 
-              <a target="_blank" href="">\
 
+          <div class="collectcontent col">\
 
+          <input style="display: none;" type="checkbox" value="'+msg[i].id+'" name="card1" id="'+msg[i].id+'">\
 
+          <label for="'+msg[i].id+'">\
 
+          <div class="collectcard card h-100">\
 
+              <a target="_blank">\
 
                   <img src="'+msg[i].imgurl+'"class="card-img-top" alt="...">\
 
               </a>\
 
               <div class="card-body p-2">\
 
-                  <a target="_blank" href="">\
 
+                  <a target="_blank">\
 
                       <h5 class="card-title pt-3">'+msg[i].title+'</h5>\
 
                   </a>\
 
                   <p class="card-text">\
 
@@ -49,6 +58,7 @@ $(document).ready(function () {
 
                       </p>\
 
               </div>\
 
           </div>\
 
+          </label>\
 
         </div>';
 
         }

+ 2 - 0
ArkCard-web/qr-code.html
Vedi File 

@@ -5,6 +5,8 @@
 
     <meta charset="UTF-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
 
+    <META HTTP-EQUIV="Expires" CONTENT="-1">
 
     <title>ARK.Cards</title>

+ 5 - 4
ArkCard-web/style.css
Vedi File 

@@ -44,6 +44,11 @@
 
   padding-top: 10vw;
 
 }
 
 
+.sec05 .sec05-moblie-container .select {
 
+  -webkit-filter: brightness(50%);
 
+          filter: brightness(50%);
 
+}
 
+
 
 .sec05 .sec05-moblie-container .col a {
 
   text-decoration: none;
 
   color: #000;
 
@@ -52,10 +57,6 @@
 
   cursor: pointer;
 
 }
 
 
-.sec05 .sec05-moblie-container .col a:hover {
 
-  color: #0000C6;
 
-}
 
-
 
 .sec05 .sec05-moblie-container .col .card .card-title {
 
   font-weight: 900;
 
   font-size: 5vmin;

+ 1 - 1
ArkCard-web/style.css.map
Vedi File 

@@ -1,6 +1,6 @@
 
 {
 
     "version": 3,
 
-    "mappings": "AAAA,AAAA,CAAC,CAAC;EACE,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;CACzB;;AAED,AACI,MADE,CACF,CAAC,EADE,MAAM,CACT,CAAC,CAAA;EACG,eAAe,EAAE,IAAI;EACrB,KAAK,EAAC,IAAI;EACV,aAAa,EAAE,gBAAgB;CAClC;;AALL,AAMI,MANE,CAMF,EAAE,EANC,MAAM,CAMT,EAAE,CAAA;EACE,aAAa,EAAE,gBAAgB;CAClC;;AAGL,AACI,MADE,CACF,UAAU,CAAA;EACN,KAAK,EAAE,IAAI;CACd;;AAHL,AAII,MAJE,CAIF,WAAW,CAAA;EACP,WAAW,EAAE,GAAG;CACnB;;AANL,AAOI,MAPE,CAOF,EAAE,CAAA;EACE,UAAU,EAAC,OAAO;EAClB,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,MAAM;EACd,OAAO,EAAE,YAAY;CACxB;;AAGL,AACI,cADU,CACV,EAAE,CAAA;EACE,aAAa,EAAE,eAAe;EAC9B,aAAa,EAAE,aAAa;CAC/B;;AAGL,AAEI,MAFE,CAEF,oBAAoB,CAAA;EAChB,WAAW,EAAC,cAAc;CAC7B;;AAJL,AAKI,MALE,CAKF,uBAAuB,CAAC;EACpB,WAAW,EAAE,IAAI;CAyBpB;;AA/BL,AAUY,MAVN,CAKF,uBAAuB,CAEnB,IAAI,CAGA,CAAC,CAAC;EACE,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,OAAO;CAIlB;;AAlBb,AAegB,MAfV,CAKF,uBAAuB,CAEnB,IAAI,CAGA,CAAC,AAKI,MAAM,CAAC;EACJ,KAAK,EAAE,OAAO;CACjB;;AAjBjB,AAoBgB,MApBV,CAKF,uBAAuB,CAEnB,IAAI,CAYA,KAAK,CACD,WAAW,CAAC;EACR,WAAW,EAAE,GAAG;EAChB,SAAS,EAAE,KAAK;CACnB;;AAEG,MAAM,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK;EAzBvD,AAwBgB,MAxBV,CAKF,uBAAuB,CAEnB,IAAI,CAYA,KAAK,CAKD,UAAU,CAAC;IAEH,SAAS,EAAE,IAAI;GAEtB;;;AAOjB,AAAA,aAAa,CAAA;EACX,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAC,KAAK;EACT,OAAO,EAAE,EAAE;CACZ",
 
+    "mappings": "AAAA,AAAA,CAAC,CAAC;EACE,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;CACzB;;AAED,AACI,MADE,CACF,CAAC,EADE,MAAM,CACT,CAAC,CAAA;EACG,eAAe,EAAE,IAAI;EACrB,KAAK,EAAC,IAAI;EACV,aAAa,EAAE,gBAAgB;CAClC;;AALL,AAMI,MANE,CAMF,EAAE,EANC,MAAM,CAMT,EAAE,CAAA;EACE,aAAa,EAAE,gBAAgB;CAClC;;AAGL,AACI,MADE,CACF,UAAU,CAAA;EACN,KAAK,EAAE,IAAI;CACd;;AAHL,AAII,MAJE,CAIF,WAAW,CAAA;EACP,WAAW,EAAE,GAAG;CACnB;;AANL,AAOI,MAPE,CAOF,EAAE,CAAA;EACE,UAAU,EAAC,OAAO;EAClB,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,MAAM;EACd,OAAO,EAAE,YAAY;CACxB;;AAGL,AACI,cADU,CACV,EAAE,CAAA;EACE,aAAa,EAAE,eAAe;EAC9B,aAAa,EAAE,aAAa;CAC/B;;AAGL,AAEI,MAFE,CAEF,oBAAoB,CAAA;EAChB,WAAW,EAAC,cAAc;CAC7B;;AAJL,AAKI,MALE,CAKF,uBAAuB,CAAC;EACpB,WAAW,EAAE,IAAI;CAyBpB;;AA/BL,AAOQ,MAPF,CAKF,uBAAuB,CAEnB,OAAO,CAAA;EACH,MAAM,EAAE,eAAe;CAC1B;;AATT,AAaY,MAbN,CAKF,uBAAuB,CAKnB,IAAI,CAGA,CAAC,CAAC;EACE,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,OAAO;CAClB;;AAlBb,AAoBgB,MApBV,CAKF,uBAAuB,CAKnB,IAAI,CASA,KAAK,CACD,WAAW,CAAC;EACR,WAAW,EAAE,GAAG;EAChB,SAAS,EAAE,KAAK;CACnB;;AAEG,MAAM,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK;EAzBvD,AAwBgB,MAxBV,CAKF,uBAAuB,CAKnB,IAAI,CASA,KAAK,CAKD,UAAU,CAAC;IAEH,SAAS,EAAE,IAAI;GAEtB;;;AAOjB,AAAA,aAAa,CAAA;EACX,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAC,KAAK;EACT,OAAO,EAAE,EAAE;CACZ",
 
     "sources": [
 
         "style.scss"
 
     ],

+ 3 - 3
ArkCard-web/style.scss
Vedi File 

@@ -45,6 +45,9 @@
 
     }
 
     .sec05-moblie-container {
 
         padding-top: 10vw;
 
+        .select{
 
+            filter: brightness(50%);
 
+        }
 
         .col {
 
             // margin: 10px;
 
           
@@ -53,9 +56,6 @@
 
                 color: #000;
 
                 transition: 0.3s;
 
                 cursor: pointer;
 
-                &:hover {
 
-                    color:	#0000C6;
 
-                }
 
             }
 
             .card {
 
                 .card-title {