nuxt_site/components/ProductBanner/index.scss
2024-05-02 21:28:18 +08:00

86 lines
1.2 KiB
SCSS

* {
font-weight: normal;
}
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
a {
color: #000;
text-decoration: none;
}
a:link,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul {
list-style: none;
padding: 0;
margin: 0;
outline: none;
}
.bannercontent img {
// margin-top: 20px;
width: 100%;
vertical-align: middle;
object-fit: cover;
height: 100%;
}
.bannercontent {
position: relative;
padding: 30px 0px;
}
.bannercontent_title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.bannercontent_title h2 {
font-size: 46px;
color: #fff;
text-align: center;
font-weight: bold;
}
.bannercontent_link {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.bannercontent_link span {
font-size: 18px;
color: #fff;
}
.bannercontent_link i {
color: #fff;
font-size: 18px;
margin: 0 10px;
}
.last {
color: #fff;
}