首頁

server-kz7b5wnyuq-de.a.run.app
server-kz7b5wnyuq-de.a.run.app
server-kz7b5wnyuq-de.a.run.app
{ "host": "server-kz7b5wnyuq-de.a.run.app", "accept": "*/*", "accept-encoding": "br, gzip", "accept-language": "", "cache-control": "private, no-store", "cdn-loop": "Fastly, Fastly", "fastly-client": "1", "fastly-client-ip": "216.73.216.103", "fastly-ff": "s48hDkrIORDrAz3sjuyh5gIWcInqIjSROZ47KAY+w/I=!CMH!cache-cmh1290106-CMH, s48hDkrIORDrAz3sjuyh5gIWcInqIjSROZ47KAY+w/I=!CMH!cache-cmh1290040-CMH", "fastly-orig-accept-encoding": "gzip, br, zstd, deflate", "fastly-ssl": "1", "fastly-temp-xff": "216.73.216.103, 216.73.216.103", "pragma": "no-cache", "via": "1.1 Firebase Hosting", "x-country-code": "US", "x-firebase-channel": "live", "x-firebase-hosting-channel": "live", "x-forwarded-host": "chat.funtek.io", "x-forwarded-server": "cache-cmh1290106-CMH", "x-forwarded-url": "/", "x-serverless-options": "shinkansen=lookaside", "x-timer": "S1765159986.826468,VS0", "x-varnish": "2774679275, 3504123339", "user-agent": "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)", "forwarded": "for=\"66.102.6.134\";proto=https", "x-forwarded-for": "216.73.216.103,66.102.6.134", "x-forwarded-proto": "https", "x-cloud-trace-context": "89336dabe577adc0aae8288c8b00d8ce/13888160839800318242", "traceparent": "00-89336dabe577adc0aae8288c8b00d8ce-c0bca8b37fc9e922-00" }
哈囉 landing



design template 使用方式
(如果要自己定義,需要用到 tailwind.config.js 定義變數顏色 / _global.css 定義共用css)

class name範例
.theme1-bg
.theme1-bg
.theme1-font
.theme1-font
.theme1-border
.theme1-border
.theme2-bg
.theme2-bg
.theme2-font
.theme2-font
.theme2-border
.theme2-border
.theme3-bg
.theme3-bg
.theme3-font
.theme3-font
.theme3-border
.theme3-border
.theme4-bg
.theme4-bg
.theme4-font
.theme4-font
.theme4-border
.theme4-border
.theme5-bg
.theme5-bg
.theme5-font
.theme5-font
.theme5-border
.theme5-border
.warning-bg
.warning-bg
.warning-font
.warning-font
.warning-border
.warning-border
下方的是:依照定義設定單一class
.disabled-font
.disabled-font (disabled文字)
.dashboard-bg
.dashboard-bg(後台背景色)
.content-bg
.content-bg(內容背景色)
.theme-font
.theme-font (主題的文字顏色)
.desc-font
.desc-font (說明文字的顏色)
下方定義的是:複合式套用
button:disabled, a:disabled, .button-disabled
input[type='text'], input[type='password'], input[type='number'] bg
input[type='text']::placeholder, input[type='password']::placeholder, input[type='number']::placeholder placeholder文字顏色