diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue index 084291a..864a61f 100644 --- a/src/views/AiEmotion.vue +++ b/src/views/AiEmotion.vue @@ -1808,7 +1808,7 @@ defineExpose({ } .class0402 { - width: 80%; + /* width: 80vw; */ margin: 0 auto; } @@ -1992,7 +1992,7 @@ defineExpose({ /* 确保不超出父容器 */ height: auto; /* 高度根据内容动态变化 */ - min-height: 90rem; + /* min-height: 90rem; */ /* 设置最小高度,确保图片显示 */ margin: 0 auto; box-sizing: border-box; @@ -2000,7 +2000,6 @@ defineExpose({ transition: all 0.3s ease; /* 添加平滑过渡效果 */ } - .class04 { background-image: url('@/assets/img/AiEmotion/bk00000.png'); /* 使用导入的背景图片 */ @@ -2014,13 +2013,14 @@ defineExpose({ /* 确保不超出父容器 */ height: auto; /* 高度根据内容动态变化 */ - min-height: 75rem; + /* min-height: 75rem; */ /* 设置最小高度,确保图片显示 */ margin: 0 auto; box-sizing: border-box; /* 包括内边距在宽度计算中 */ transition: all 0.3s ease; /* 添加平滑过渡效果 */ + padding-bottom: 1rem; } .class03 { @@ -2251,14 +2251,6 @@ defineExpose({ min-height: 60rem; } - .class04 { - min-height: 65rem; - } - - .class05 { - min-height: 75rem; - } - .class06 { min-height: 58rem; } @@ -2288,14 +2280,6 @@ defineExpose({ min-height: 55rem; } - .class04 { - min-height: 55rem; - } - - .class05 { - min-height: 65rem; - } - .class06 { min-height: 50rem; } @@ -2446,7 +2430,8 @@ defineExpose({ .class04 { width: 100%; height: auto; - min-height: 38rem; + margin: 0 auto; + /* min-height: 38rem; */ /* min-height: 51rem; */ /* margin-left: -39px; */ /* min-height: 38rem; */ @@ -2461,10 +2446,6 @@ defineExpose({ min-height: 45rem; } - .class05 { - min-height: 48rem; - } - .class06 { min-height: 35rem; } @@ -2695,7 +2676,7 @@ defineExpose({ background-repeat: no-repeat; width: 100%; height: auto; - min-height: 48rem; + /* min-height: 48rem; */ } .class06 { @@ -2805,11 +2786,11 @@ defineExpose({ align-items: center; } - .class003{ + .class003 { padding-top: 14%; gap: 30px; } - + .class003 .div01, .class003 .div02 { /* width: 90%; */ @@ -2842,14 +2823,6 @@ defineExpose({ min-height: 35rem; } - .class04 { - min-height: 30rem; - } - - .class05 { - min-height: 35rem; - } - .class06 { min-height: 25rem; }