From 7134523ea1d9e17d1ce5c6b3aafc1b5934436acd Mon Sep 17 00:00:00 2001 From: qq_41923622 Date: Sat, 22 Mar 2025 14:30:00 +0800 Subject: [PATCH] Sat Mar 22 14:30:00 CST 2025 inscode --- index.html | 2 +- package.json | 1 + src/gsap/index.ts | 0 src/gsap/section/index.ts | 0 .../components/wedding-calendar/index.scss | 52 ++----------------- src/style.scss | 48 +++++++++++++++++ 6 files changed, 53 insertions(+), 50 deletions(-) create mode 100644 src/gsap/index.ts create mode 100644 src/gsap/section/index.ts diff --git a/index.html b/index.html index 18007b8..6f0f785 100644 --- a/index.html +++ b/index.html @@ -50,7 +50,7 @@
-

2025 年 5 月婚礼请柬

+

2025 年 5 月婚礼

diff --git a/package.json b/package.json index 25c96d4..6d75af4 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "vite": "^6.1.0" }, "dependencies": { + "gsap": "^3.12.7", "petite-vue": "^0.4.1", "scss": "^0.2.4", "svga": "^2.1.1" diff --git a/src/gsap/index.ts b/src/gsap/index.ts new file mode 100644 index 0000000..e69de29 diff --git a/src/gsap/section/index.ts b/src/gsap/section/index.ts new file mode 100644 index 0000000..e69de29 diff --git a/src/section/components/wedding-calendar/index.scss b/src/section/components/wedding-calendar/index.scss index ca40dae..721ed70 100644 --- a/src/section/components/wedding-calendar/index.scss +++ b/src/section/components/wedding-calendar/index.scss @@ -1,52 +1,4 @@ -/* cyrillic-ext */ -@font-face { - font-family: 'Pacifico'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6K6MmTpA.woff2) format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; -} - -/* cyrillic */ -@font-face { - font-family: 'Pacifico'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6D6MmTpA.woff2) format('woff2'); - unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; -} - -/* vietnamese */ -@font-face { - font-family: 'Pacifico'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6I6MmTpA.woff2) format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; -} - -/* latin-ext */ -@font-face { - font-family: 'Pacifico'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6J6MmTpA.woff2) format('woff2'); - unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; -} - -/* latin */ -@font-face { - font-family: 'Pacifico'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6H6Mk.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} + .wedding-calendar { font-family: 'Pacifico', 'cursive'; @@ -55,8 +7,10 @@ h1 { position: absolute; top: 30px; + width: 100%; font-size: 32px; color: #ff69b4; + text-align: center; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } diff --git a/src/style.scss b/src/style.scss index 93b0d97..f907c37 100644 --- a/src/style.scss +++ b/src/style.scss @@ -1,5 +1,53 @@ @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); +/* cyrillic-ext */ +@font-face { + font-family: 'Pacifico'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6K6MmTpA.woff2) format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} +/* cyrillic */ +@font-face { + font-family: 'Pacifico'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6D6MmTpA.woff2) format('woff2'); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + +/* vietnamese */ +@font-face { + font-family: 'Pacifico'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6I6MmTpA.woff2) format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} + +/* latin-ext */ +@font-face { + font-family: 'Pacifico'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6J6MmTpA.woff2) format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +/* latin */ +@font-face { + font-family: 'Pacifico'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6H6Mk.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} :root { font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; line-height: 1.5; -- GitLab