Página Principal Explorar Ajuda
Registe-se Iniciar Sessão
choozmo
/
ArkCard-Linebot
2
1
Fork 0
Ficheiros Problemas 0 Pull Requests 0 Wiki
Ver Fonte

add confirm page

huai-sian há 3 anos atrás
pai
147cf8390b
commit
d5309da71d
7 ficheiros alterados com 105 adições e 1 exclusões
Visão Dividida Mostrar Estatísticas Diff
  1. 76 0
      ArkCard-web/confirm.html
  2. BIN
      ArkCard-web/img/error-message.png
  3. BIN
      ArkCard-web/img/shop.png
  4. BIN
      ArkCard-web/img/tick.png
  5. 14 0
      ArkCard-web/style.css
  6. 1 1
      ArkCard-web/style.css.map
  7. 14 0
      ArkCard-web/style.scss

+ 76 - 0
ArkCard-web/confirm.html
Ver Ficheiro 

@@ -0,0 +1,76 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>ARK.Cards</title>
 
+
 
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
 
+        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
 
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
 
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
 
+    <link rel="stylesheet" href="./style.css">
 
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
+</head>
 
+
 
+<body style="min-height: 100vh;">
 
+    <section id="sec01" class="sec01 container-fluid px-0 mx-0">
 
+        <div class="card bg-transparent text-white border-0">
 
+            <img src="./img/banner.png" class="img-fluid" alt="...">
 
+            
+        </div>
 
+    </section>
 
+    <section class="sec04 my-5" style="min-height: 75vh;" id="confirm">
 
+        <div class="row row-cols-1 mx-0 px-0 g-4 ">
 
+            <div class="col px-0 mx-0">
 
+              <div class="card border-0">
 
+                <img src="./img/shop.png" class="card-img-top mx-auto py-4" alt="..." style="width: 50%;">
 
+                
+                <div class="card-body text-center">
 
+                  <h5 class="card-title">購買成功</h5>
 
+                  <a href="./collect.html" class="btn btn-toCollect mt-5">回到NFT收藏</a>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+    </section>
 
+
 
+    <footer style="background: #484848;" class="py-4">
 
+        <p class="text-white text-center mb-0">Copyright 2021 版權所有 © Ark.Cards</p>
 
+    </footer>
 
+
 
+
 
+
 
+
 
+
 
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
+        crossorigin="anonymous"></script>
 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
 
+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
 
+        crossorigin="anonymous"></script>
 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
 
+    <!-- <script src="./goto.js"></script> -->
 
+    <script>
 
+      const urlParams = new URLSearchParams(window.location.search);
 
+      let transactionId = urlParams.get('transactionId');   
+      let url = `https://api.ptt.cx:8750/api/v1/linepay/confirm?transactionId=${transactionId}`;
 
+      console.log(transactionId);
 
+      axios({
 
+        method: 'get',
 
+        url: url,
 
+        headers: {'accept': 'application/json'},
 
+      }).then(res => {
 
+        console.log(res.data);
 
+        // window.location.href = './collect.html';
 
+        $('#confirm .card-title').text(res.data.msg);
 
+      }).catch(err => {
 
+        console.log(err);
 
+      })
 
+    </script>
 
+</body>
 
+
 
+</html>

BIN
ArkCard-web/img/error-message.png
Ver Ficheiro


BIN
ArkCard-web/img/shop.png
Ver Ficheiro


BIN
ArkCard-web/img/tick.png
Ver Ficheiro


+ 14 - 0
ArkCard-web/style.css
Ver Ficheiro 

@@ -78,4 +78,18 @@
 
   -webkit-filter: brightness(50%);
 
           filter: brightness(50%);
 
 }
 
+
 
+.btn-toCollect {
 
+  cursor: pointer;
 
+  background: #5AE9BA;
 
+  border: 1px solid #34E2A9;
 
+  -webkit-box-shadow: 0 3px 20px 0 rgba(90, 233, 186, 0.6);
 
+          box-shadow: 0 3px 20px 0 rgba(90, 233, 186, 0.6);
 
+  border-radius: 100px;
 
+  letter-spacing: 1.5px;
 
+  font-weight: 500;
 
+  color: #fff;
 
+  padding-top: 2px;
 
+  outline: none;
 
+}
 
 /*# sourceMappingURL=style.css.map */

+ 1 - 1
ArkCard-web/style.css.map
Ver Ficheiro 

@@ -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,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;;AACD,AAAA,OAAO,CAAA;EACH,MAAM,EAAE,eAAe;CAC1B",
 
+    "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;;AACD,AAAA,OAAO,CAAA;EACH,MAAM,EAAE,eAAe;CAC1B;;AAGD,AAAA,cAAc,CAAC;EACX,MAAM,EAAE,OAAO;EACf,UAAU,EAAE,OAAO;EACnB,MAAM,EAAE,iBAAiB;EACzB,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAqB;EAC9C,aAAa,EAAE,KAAK;EACpB,cAAc,EAAE,KAAK;EACrB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,IAAI;EACX,WAAW,EAAE,GAAG;EAChB,OAAO,EAAE,IAAI;CAChB",
 
     "sources": [
 
         "style.scss"
 
     ],

+ 14 - 0
ArkCard-web/style.scss
Ver Ficheiro 

@@ -80,4 +80,18 @@
 
 }
 
 .select{
 
     filter: brightness(50%);
 
+}
 
+
 
+// Confirm page
 
+.btn-toCollect {
 
+    cursor: pointer;
 
+    background: #5AE9BA;
 
+    border: 1px solid #34E2A9;
 
+    box-shadow: 0 3px 20px 0 rgba(90,233,186,0.60);
 
+    border-radius: 100px;
 
+    letter-spacing: 1.5px;
 
+    font-weight: 500;
 
+    color: #fff;
 
+    padding-top: 2px;
 
+    outline: none;
 
 }