Google Map點餐挑轉頁面
中壢中山店GM
:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 12px 36px rgba(0,0,0,.08);
--radius:18px;
}
*{box-sizing:border-box}
html,body{
margin:0;padding:0;min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%, #eef5ef 100%);
}
body{display:flex;align-items:center;justify-content:center;padding:24px}
.card{
width:min(100%,560px);background:var(--card);border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 24px;text-align:center;
}
.logo{
width:72px;height:72px;margin:0 auto 18px;border-radius:20px;background:var(--green);color:#fff;
display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;letter-spacing:.04em;
}
h1{margin:0 0 10px;font-size:28px;line-height:1.35}
p{margin:0;color:var(--muted);line-height:1.7;font-size:15px}
.status{
margin:18px 0 22px;padding:12px 14px;background:#f7faf7;border:1px solid #dcecdf;
border-radius:14px;color:var(--green-dark);font-size:14px;font-weight:700;
}
.actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.btn{
display:block;width:100%;padding:15px 18px;border-radius:14px;text-decoration:none;
font-weight:800;font-size:16px;transition:transform .15s ease, opacity .15s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--green);color:#fff}
.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--line)}
.note{margin-top:16px;font-size:13px;color:#9ca3af;word-break:break-word}
@media (max-width:480px){.card{padding:28px 18px}h1{font-size:24px}}
D
正在為您開啟德克士中壢中山店點餐…
系統將自動帶您前往快一點點餐頁,若未自動跳轉,請點下方按鈕。
正在初始化…
立即前往點餐 回上頁
門市:德克士中壢中山店
const STORE_NAME = "德克士中壢中山店";
const LIFF_ID = "2009074644-cXFaQ1Jw";
const TARGET_URL = "https://order.quickclick.cc/tw/food/P_1LwpdyO3y/";
const statusEl = document.getElementById("status");
function goToTarget() {
statusEl.textContent = "即將跳轉至快一點點餐頁…";
window.location.replace(TARGET_URL);
}
async function initApp() {
try {
statusEl.textContent = "正在啟動 LIFF…";
await liff.init({ liffId: LIFF_ID });
if (!liff.isLoggedIn()) {
statusEl.textContent = "正在登入 LINE…";
liff.login({ redirectUri: window.location.href });
return;
}
statusEl.textContent = "登入成功,準備跳轉…";
setTimeout(goToTarget, 300);
} catch (error) {
console.error("LIFF 初始化失敗:", error);
statusEl.textContent = "自動跳轉失敗,請點下方按鈕手動前往。";
}
}
window.addEventListener("load", initApp);
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 12px 36px rgba(0,0,0,.08);
--radius:18px;
}
*{box-sizing:border-box}
html,body{
margin:0;padding:0;min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%, #eef5ef 100%);
}
body{display:flex;align-items:center;justify-content:center;padding:24px}
.card{
width:min(100%,560px);background:var(--card);border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 24px;text-align:center;
}
.logo{
width:72px;height:72px;margin:0 auto 18px;border-radius:20px;background:var(--green);color:#fff;
display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;letter-spacing:.04em;
}
h1{margin:0 0 10px;font-size:28px;line-height:1.35}
p{margin:0;color:var(--muted);line-height:1.7;font-size:15px}
.status{
margin:18px 0 22px;padding:12px 14px;background:#f7faf7;border:1px solid #dcecdf;
border-radius:14px;color:var(--green-dark);font-size:14px;font-weight:700;
}
.actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.btn{
display:block;width:100%;padding:15px 18px;border-radius:14px;text-decoration:none;
font-weight:800;font-size:16px;transition:transform .15s ease, opacity .15s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--green);color:#fff}
.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--line)}
.note{margin-top:16px;font-size:13px;color:#9ca3af;word-break:break-word}
@media (max-width:480px){.card{padding:28px 18px}h1{font-size:24px}}
D
正在為您開啟德克士中壢中山店點餐…
系統將自動帶您前往快一點點餐頁,若未自動跳轉,請點下方按鈕。
正在初始化…
立即前往點餐 回上頁
門市:德克士中壢中山店
const STORE_NAME = "德克士中壢中山店";
const LIFF_ID = "2009074644-cXFaQ1Jw";
const TARGET_URL = "https://order.quickclick.cc/tw/food/P_1LwpdyO3y/";
const statusEl = document.getElementById("status");
function goToTarget() {
statusEl.textContent = "即將跳轉至快一點點餐頁…";
window.location.replace(TARGET_URL);
}
async function initApp() {
try {
statusEl.textContent = "正在啟動 LIFF…";
await liff.init({ liffId: LIFF_ID });
if (!liff.isLoggedIn()) {
statusEl.textContent = "正在登入 LINE…";
liff.login({ redirectUri: window.location.href });
return;
}
statusEl.textContent = "登入成功,準備跳轉…";
setTimeout(goToTarget, 300);
} catch (error) {
console.error("LIFF 初始化失敗:", error);
statusEl.textContent = "自動跳轉失敗,請點下方按鈕手動前往。";
}
}
window.addEventListener("load", initApp);