<!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>