Tcode运营平台改造升级-首页样式优化
This commit is contained in:
@@ -248,7 +248,7 @@ onBeforeUnmount(() => {
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
height: 790px
|
height: 540px
|
||||||
}
|
}
|
||||||
|
|
||||||
.com-slider .swiper-slide .sVdo {
|
.com-slider .swiper-slide .sVdo {
|
||||||
@@ -316,7 +316,7 @@ onBeforeUnmount(() => {
|
|||||||
position: relative;
|
position: relative;
|
||||||
width: 84vw;
|
width: 84vw;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
height: 840px;
|
height: 540px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
/* 背景图样式优化 */
|
/* 背景图样式优化 */
|
||||||
@@ -332,7 +332,7 @@ onBeforeUnmount(() => {
|
|||||||
.bg-image {
|
.bg-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover; /* 确保图片覆盖整个区域且不变形 */
|
//object-fit: cover; /* 确保图片覆盖整个区域且不变形 */
|
||||||
object-position: center top;
|
object-position: center top;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -358,7 +358,7 @@ onBeforeUnmount(() => {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
margin-top: -50px; /* 视觉微调,稍微向上提一点 */
|
//margin-top: -50px; /* 视觉微调,稍微向上提一点 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 标题样式 */
|
/* 标题样式 */
|
||||||
|
|||||||
Reference in New Issue
Block a user