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