首頁

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-cmh1290090-CMH, s48hDkrIORDrAz3sjuyh5gIWcInqIjSROZ47KAY+w/I=!CMH!cache-cmh1290092-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": "chat3.funtek.io", "x-forwarded-server": "cache-cmh1290090-CMH", "x-forwarded-url": "/", "x-serverless-options": "shinkansen=lookaside", "x-timer": "S1765160176.686561,VS0", "x-varnish": "2895930483, 1418989456", "user-agent": "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)", "forwarded": "for=\"74.125.212.235\";proto=https", "x-forwarded-for": "216.73.216.103,74.125.212.235", "x-forwarded-proto": "https", "traceparent": "00-8f3d5445a52be5e7a2862c049c779654-39e94fde5a0a15dc-00", "x-cloud-trace-context": "8f3d5445a52be5e7a2862c049c779654/4172954346147419612" }
哈囉 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文字顏色