调整loding动画细节

This commit is contained in:
X1627315083
2025-12-23 15:05:15 +08:00
parent e8a72ec0aa
commit 6b255728af
5 changed files with 57 additions and 30 deletions

View File

@@ -68,7 +68,7 @@ const setTl1 = ()=>{
nextTick(()=>{
let el = dotBox.value
let width = el.offsetWidth + el.parentElement.offsetWidth
let time = el.parentElement.offsetWidth / 35
let time = el.parentElement.offsetWidth / el.offsetWidth / 2
console.log(time,width)
tl1 = gsap.timeline();
tl1.to(el,time,
@@ -136,7 +136,7 @@ onMounted(() => {
.loading-dot{
height: 100%;
aspect-ratio: 1/1;
aspect-ratio: 1.2/1;
background: radial-gradient(ellipse 150% 150% at center, #ffffff,rgba(255,255,255,.4), transparent);
border-radius: 50%;
position: absolute;