update:修改
This commit is contained in:
parent
a251678638
commit
31134f5627
@ -1 +0,0 @@
|
||||
# C:\Project\官网\YD-WEB\.tools\ossutil-2.3.0-windows-amd64\ossutil.exe -c C:\Users\19304\.ossutilconfig cp C:\Project\官网\YD-WEB\dist\ oss://yuedong-wechatapplet/static/wwwweb/20260727-180545/ -r --exclude index.html -f -q --no-progress
|
||||
BIN
public/site/assets/logo1.png
Normal file
BIN
public/site/assets/logo1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 202 KiB |
@ -39,7 +39,7 @@ const route = useRoute();
|
||||
const menuOpen = ref(false);
|
||||
const scrolled = ref(false);
|
||||
const headerHidden = ref(false);
|
||||
const logoUrl = '/site/assets/logo.png';
|
||||
const logoUrl = '/site/assets/logo1.png';
|
||||
const closeMenu = () => { menuOpen.value = false; };
|
||||
const isSectionActive = (item) => {
|
||||
if (item.to === '/') return route.path === '/';
|
||||
|
||||
@ -24,7 +24,7 @@ body { margin: 0; overflow-x: hidden; background: #fff; }
|
||||
a { color: inherit; text-decoration: none; }
|
||||
img { display: block; max-width: 100%; }
|
||||
button { font: inherit; }
|
||||
.container { width: min(1260px, calc(100% - 56px)); margin: 0 auto; }
|
||||
.container { width: min(1360px, calc(100% - 56px)); margin: 0 auto; }
|
||||
.site-shell { min-height: 100vh; }
|
||||
main { min-height: 72vh; }
|
||||
|
||||
@ -92,7 +92,7 @@ main { min-height: 72vh; }
|
||||
.home-hero-slide { position: absolute; inset: 0; opacity: 0; background-position: center; background-size: cover; transform: translateX(20%) scale(1.055); transition: opacity 1.1s ease, transform 7s ease; }
|
||||
.home-hero-slide.active { opacity: 1; transform: translateX(25%) scale(1.105); }
|
||||
.home-hero-shade { position: absolute; inset: 0; z-index: -3; width: 100%; background: linear-gradient(90deg,transparent 45%,rgba(0,43,82,.04) 70%,rgba(0,20,42,.18) 100%); }
|
||||
.home-hero-solid { position: absolute; inset: 0; z-index: -2; width: 100%; background: linear-gradient(90deg,#006fc9 0%,#0086ec 30%,#0090ff 45%,rgba(0,144,255,.98) 50%,rgba(0,144,255,.86) 55%,rgba(0,144,255,.56) 61%,rgba(0,144,255,.22) 68%,rgba(0,144,255,0) 76%); }
|
||||
.home-hero-solid { position: absolute; inset: 0; z-index: -2; width: 80%; background: linear-gradient(90deg,#006fc9 0%,#0086ec 30%,#0090ff 45%,rgba(0,144,255,.98) 50%,rgba(0,144,255,.86) 55%,rgba(0,144,255,.56) 61%,rgba(0,144,255,.22) 68%,rgba(0,144,255,0) 76%); }
|
||||
.home-hero-grid { display: none; }
|
||||
.home-hero-ring { display: none; }
|
||||
.home-hero-ring::after { content: ""; position: absolute; left: 12%; top: 12%; width: 9px; height: 9px; border-radius: 50%; background: #fff; box-shadow: 0 0 22px var(--blue-300); }
|
||||
@ -701,7 +701,7 @@ main { min-height: 72vh; }
|
||||
.footer-orbit { position: absolute; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; opacity: 0; transform: scale(.72); transition: opacity 1.1s ease, transform 1.2s cubic-bezier(.2,.8,.2,1); }
|
||||
.footer-orbit-one { width: 430px; height: 430px; right: -170px; top: -150px; }
|
||||
.footer-orbit-two { width: 250px; height: 250px; right: -50px; top: -60px; }
|
||||
.footer-inner { position: relative; z-index: 1; width: min(1260px,calc(100% - 56px)); margin: auto; display: grid; grid-template-columns: 2.2fr repeat(3,1fr); gap: 68px; }
|
||||
.footer-inner { position: relative; z-index: 1; width: min(1360px,calc(100% - 56px)); margin: auto; display: grid; grid-template-columns: 2.2fr repeat(3,1fr); gap: 68px; }
|
||||
.footer-inner > div { opacity: 0; transform: translateY(34px); transition: opacity .75s ease, transform .85s cubic-bezier(.2,.8,.2,1); }
|
||||
.footer-inner > div:nth-child(2) { transition-delay: .1s; }
|
||||
.footer-inner > div:nth-child(3) { transition-delay: .18s; }
|
||||
@ -714,7 +714,7 @@ main { min-height: 72vh; }
|
||||
.footer-inner a::before { content: ""; position: absolute; left: -15px; top: 50%; width: 0; height: 1px; background: var(--blue-300); transition: .25s; }
|
||||
.footer-inner a:hover { color: #fff; transform: translateX(15px); }
|
||||
.footer-inner a:hover::before { width: 9px; }
|
||||
.copyright { position: relative; z-index: 1; width: min(1260px,calc(100% - 56px)); margin: 60px auto 0; padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid rgba(216,238,255,.12); color: rgba(216,238,255,.38); font-size: 10px; letter-spacing: 1px; opacity: 0; transform: translateY(18px); transition: opacity .7s ease .34s, transform .8s cubic-bezier(.2,.8,.2,1) .34s; }
|
||||
.copyright { position: relative; z-index: 1; width: min(1360px,calc(100% - 56px)); margin: 60px auto 0; padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid rgba(216,238,255,.12); color: rgba(216,238,255,.38); font-size: 10px; letter-spacing: 1px; opacity: 0; transform: translateY(18px); transition: opacity .7s ease .34s, transform .8s cubic-bezier(.2,.8,.2,1) .34s; }
|
||||
.site-footer.footer-visible::before { animation: footerGridDrift 10s linear infinite alternate; }
|
||||
.footer-visible .footer-inner > div,.footer-visible .copyright { opacity: 1; transform: translateY(0); }
|
||||
.footer-visible .footer-orbit { opacity: 1; transform: scale(1); }
|
||||
@ -777,7 +777,7 @@ main { min-height: 72vh; }
|
||||
.home-hero { min-height: 760px; padding-top: 70px; }
|
||||
.home-hero-media { width: 100%; }
|
||||
.home-hero-shade { width: 100%; }
|
||||
.home-hero-solid { width: 100%; background: linear-gradient(90deg,#006fc9 0%,#0090ff 56%,rgba(0,144,255,.96) 62%,rgba(0,144,255,.68) 70%,rgba(0,144,255,.28) 80%,rgba(0,144,255,0) 90%); }
|
||||
.home-hero-solid { width: 80%; background: linear-gradient(90deg,#006fc9 0%,#0090ff 56%,rgba(0,144,255,.96) 62%,rgba(0,144,255,.68) 70%,rgba(0,144,255,.28) 80%,rgba(0,144,255,0) 90%); }
|
||||
.home-hero-grid { display: none; }
|
||||
.home-hero-content { min-height: 690px; }
|
||||
.home-hero h1 { font-size: 78px; }
|
||||
@ -848,7 +848,7 @@ main { min-height: 72vh; }
|
||||
.home-hero { min-height: 760px; }
|
||||
.home-hero-shade,.home-hero-grid { display: none; }
|
||||
.home-hero-shade { background: linear-gradient(90deg,rgba(0,99,183,.92),rgba(0,144,255,.7)),linear-gradient(0deg,rgba(0,111,201,.68),transparent 60%); }
|
||||
.home-hero-solid { width: 100%; clip-path: none; background: linear-gradient(180deg,rgba(0,75,142,.66),rgba(0,119,215,.38) 55%,rgba(0,45,88,.68)); }
|
||||
.home-hero-solid { width: 80%; clip-path: none; background: linear-gradient(180deg,rgba(0,75,142,.66),rgba(0,119,215,.38) 55%,rgba(0,45,88,.68)); }
|
||||
.home-hero-grid { background-size: 44px 44px; }
|
||||
.home-hero-content { min-height: 690px; justify-content: flex-start; padding-top: 105px; }
|
||||
.home-hero h1 { margin-top: 18px; font-size: 58px; line-height: 1; letter-spacing: -4px; }
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user