Schisandra-Cloud-Storage/schisandra-cloud-storage-front-react
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: update

Browse Source
This commit is contained in:
landaiqing
2024-05-05 16:39:19 +08:00
parent 78a6b7fe99
commit 97c1559e50
1 changed files with 8 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/HomeIndex/index.tsx
View File

@@ -18,12 +18,7 @@ const HomeIndex: React.FC = () => {
r: -8,
h: 160,
w: (el: any) => {
let width = el.parentNode.clientWidth
if (width < el.parentNode.scrollWidth) {
width = el.parentNode.scrollWidth
}
return Math.max(320, width * 0.55)
return Math.max(320, el.parentNode.offsetWidth * 0.55)
},
},
@@ -35,12 +30,7 @@ const HomeIndex: React.FC = () => {
r: 15,
h: 360,
w: (el: any) => {
let width = el.parentNode.clientWidth
if (width < el.parentNode.scrollWidth) {
width = el.parentNode.scrollWidth
}
return Math.max(220, width * 0.3)
return Math.max(220, el.parentNode.offsetWidth * 0.3)
},
},
@@ -52,12 +42,7 @@ const HomeIndex: React.FC = () => {
r: 6,
h: 300,
w: (el: any) => {
let width = el.parentNode.clientWidth
if (width < el.parentNode.scrollWidth) {
width = el.parentNode.scrollWidth
}
return Math.max(330, width * 0.55)
return Math.max(330, el.parentNode.offsetWidth * 0.55)
},
},
@@ -69,12 +54,7 @@ const HomeIndex: React.FC = () => {
r: -5,
h: 400,
w: (el: any) => {
let width = el.parentNode.clientWidth
if (width < el.parentNode.scrollWidth) {
width = el.parentNode.scrollWidth
}
return Math.max(305, width * 0.45)
return Math.max(305, el.parentNode.offsetWidth * 0.45)
},
},
@@ -86,12 +66,7 @@ const HomeIndex: React.FC = () => {
r: -20,
h: 525,
w: (el: any) => {
let width = el.parentNode.clientWidth
if (width < el.parentNode.scrollWidth) {
width = el.parentNode.scrollWidth
}
return Math.max(160, width * 0.3)
return Math.max(160, el.parentNode.offsetWidth * 0.3)
},
},
@@ -103,12 +78,7 @@ const HomeIndex: React.FC = () => {
r: 10,
h: 160,
w: (el: any) => {
let width = el.parentNode.clientWidth
if (width < el.parentNode.scrollWidth) {
width = el.parentNode.scrollWidth
}
return Math.max(320, width * 0.55)
return Math.max(320, el.parentNode.offsetWidth * 0.55)
},
},
]
@@ -168,14 +138,7 @@ const HomeIndex: React.FC = () => {
})
gsap.from(['.card--five .card__dummy', '.card--six .card__dummy'], {
width: (el: any) => {
let width = el.parentNode.clientWidth
if (width < el.parentNode.scrollWidth) {
width = el.parentNode.scrollWidth
}
return width * 0.26
},
width: (el: any) => el.parentNode.offsetWidth * 0.26,
scrollTrigger: {
trigger: '.scroller',
start: 'top 80%',
@@ -195,14 +158,7 @@ const HomeIndex: React.FC = () => {
})
gsap.from('.card--two .card__avatar', {
width: (el: any) => {
let width = el.parentNode.clientWidth
if (width < el.parentNode.scrollWidth) {
width = el.parentNode.scrollWidth
}
return Math.max(330, width * 0.55) - 32
},
width: (el: any) => Math.max(330, el.parentNode.offsetWidth * 0.55) - 32,
borderRadius: '12px',
height: 'calc(300cqh - 2rem)',
scrollTrigger: {