首頁

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-language": "", "cache-control": "private, no-store", "cdn-loop": "Fastly, Fastly", "fastly-client": "1", "fastly-client-ip": "216.73.216.41", "fastly-ff": "s48hDkrIORDrAz3sjuyh5gIWcInqIjSROZ47KAY+w/I=!CMH!cache-cmh1290050-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.41, 216.73.216.41", "pragma": "no-cache", "via": "1.1 Firebase Hosting", "x-country-code": "US", "x-firebase-channel": "live", "x-firebase-hosting-channel": "live", "x-forwarded-for": "216.73.216.41,64.233.172.205", "x-forwarded-host": "chat.funtek.io", "x-forwarded-server": "cache-cmh1290050-CMH", "x-forwarded-url": "/", "x-timer": "S1770193780.284812,VS0", "x-varnish": "552605459, 3347990374", "user-agent": "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)", "x-cloud-trace-context": "e5243adcad2269b9701b33619d2e76e8/17120133517449795647", "x-forwarded-proto": "https", "traceparent": "00-e5243adcad2269b9701b33619d2e76e8-ed96eeba4eda983f-00", "forwarded": "for=\"64.233.172.205\";proto=https", "accept-encoding": "br, gzip" }
哈囉 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文字顏色