增加banner后台管控
This commit is contained in:
1 parent
9df71d0faf
commit
92b79bf0b1
13 files changed
+1145
-331
No files matched your search
@@ -208,55 +208,6 @@ a:hover {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
/* 轮播图样式 */
|
||||
.banner-content {
|
||||
position: absolute;
|
||||
top: 65%;
|
||||
left: 35%;
|
||||
transform: translate(-50%, -50%);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.banner-title {
|
||||
font-size: 4em;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.banner-desc {
|
||||
font-size: 2em;
|
||||
font-weight: 400;
|
||||
width: 750px;
|
||||
}
|
||||
|
||||
.banner-slider {
|
||||
width: 100%;
|
||||
height: 86vh;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.banner-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.banner-slide {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.banner-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
/* 关键:等比缩放并铺满 */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 固定导航 */
|
||||
.sticky-nav {
|
||||
position: fixed;
|
||||
|
||||
Reference in new issue
Block a user