Merge branch 'zhangyuanshan-mobile'
Before Width: | Height: | Size: 753 KiB After Width: | Height: | Size: 744 KiB |
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 66 KiB |
Before Width: | Height: | Size: 29 KiB |
Before Width: | Height: | Size: 33 KiB |
@ -496,6 +496,7 @@ const handleResize = () => {
|
|||||||
|
|
||||||
// 监听窗口大小变化
|
// 监听窗口大小变化
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
console.log(moveRefs.value);
|
||||||
ctx = gsap.context(() => {
|
ctx = gsap.context(() => {
|
||||||
moveRefs.value.forEach((moveRef, index) => {
|
moveRefs.value.forEach((moveRef, index) => {
|
||||||
if (moveRef.value) {
|
if (moveRef.value) {
|
||||||
@ -728,7 +729,7 @@ const handleDragEnd = (e) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 90px;
|
font-size: 85px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
.section-first {
|
.section-first {
|
||||||
@ -773,29 +774,27 @@ const handleDragEnd = (e) => {
|
|||||||
width: 785px;
|
width: 785px;
|
||||||
margin-right: 28px;
|
margin-right: 28px;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
display: flex;
|
display: block;
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 23px 20px 40px;
|
padding: 23px 20px 40px;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
box-shadow: 0 8px 35px 3px rgba(0, 0, 0, 0.16);
|
box-shadow: 0 8px 35px 3px rgba(0, 0, 0, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-image {
|
.carousel-image {
|
||||||
width: 100%; /* 改为相对宽度 */
|
width: 748px;
|
||||||
max-width: 748px; /* 最大宽度限制 */
|
height: 563px;
|
||||||
height: auto; /* 保持图片比例 */
|
object-fit: cover;
|
||||||
aspect-ratio: 748 / 563; /* 固定宽高比 */
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-content {
|
.carousel-content {
|
||||||
padding: 0 20px 0 60px;
|
padding: 0 20px 0 60px;
|
||||||
|
margin-top: 38px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-title {
|
.carousel-title {
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin-top: 38px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-subtitle {
|
.carousel-subtitle {
|
||||||
|