choozmo
/
ArkCard-Linebot


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
							<!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">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="-1">
    <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">

    <title>ARK.Cards</title>

  
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <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 href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css" rel="stylesheet"  />
    <link rel="stylesheet" href="./style.css">
</head>

<body style="background:#484848;">
    <section class="sec01-qrcode container-fluid px-0 mx-0">
        <div class="card border-0 text-white">
            <img src="./img/banner.png" class="card-img" alt="...">
            <div class="card-img-overlay d-flex align-items-center justify-content-center">
                <h5 class="card-title">我要接收</h5>
            </div>
        </div>
    </section>
    <section class="sec02-qrcode container-fluid px-0 mx-0 text-center">
        <div id="Qrcode">
            <!-- <img class="img-fluid" src="./img/qrcode.png" alt=""> -->
          
        </div>
        <button  style="margin: 0; padding: 0; border:none; outline: none; background: none;" type="button" onclick="copyEvent('copy')">
            <img src="./img/copy.png" alt="">
        </button>
        <img class="m-3" src="./img/share.png" alt="">
        <div>
            <p style="font-size: 14px;" class="mt-1 text-white">我接收的地址:</p>
            <p id="copy" style="font-size: 14px;" class="mt-1 text-white"></p>
        </div>
    </section>
    <footer style="background: #484848;" class="pb-4 w-100 px-0 mx-0">
        <p class="text-white text-center mb-0">Copyright 2021 版權所有 © Ark.Cards</p>
    </footer>


    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script>
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script>
        AOS.init();
    </script>
    <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 charset="utf-8" src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
</body>

<script>
$(document).ready(function () {
    liff.init({
        liffId: "1656404434-Bg83Zm0j"
    })
    .then(() => {
        var context = liff.getContext();
        console.log(context);

        var profile = liff.getProfile();
        console.log(profile);

        // login
        if (!liff.isLoggedIn()) {
            console.log("您未登入");
            console.log('context.userId = ' + context.userId); // test
            liff.login({ redirectUri: "https://ark.cards/qr-code.html?"+context.userId });  // test
            //liff.login({ redirectUri: "https://liff.line.me/1656404434-Bg83Zm0j?"+context.userId });  // test
        } else {
            console.log("您已登入");
        }

        // Qrcode頁面
        get_data(context.userId);
    })
    .catch((err) => {
        console.log('初始化失敗: ' + err.code + ", " + err.message);
    });
});
</script>
</html>