aerwen_web_nuxt/assets/css/business/news/index.scss
2023-06-29 19:19:30 +08:00

101 lines
2.1 KiB
SCSS

.news-container-box {
width: 100%;
// margin-top: 30px;
.news-big-box {
width: 105%;
display: flex;
// justify-content: center;
// flex-wrap: wrap;
.news-box {
padding: 20px;
transition: 0.4s;
.news-s-box {
height: 450px;
border-radius: 10px;
transition: 0.4s;
padding: 20px;
cursor: pointer;
.jump {
text-decoration: dashed;
color: black;
}
&:hover {
box-shadow: 0 0 15px 10px rgb(227, 225, 225);
}
.news-img-box {
width: 100%;
height: 70%;
overflow: hidden;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.news-content-box {
width: 100%;
height: 30%;
display: flex;
flex-direction: column;
justify-content: space-around;
margin-top: 10px;
.news-content-title {
font-size: 25px;
font-weight: bold;
}
.news-content-line {
width: 100%;
height: 1px;
background: rgba(204, 204, 204, 1);
}
}
}
}
}
}
// ted栏
.Top_navigation {
display: flex;
justify-content: center;
z-index: 9;
position: relative;
}
// 分页
.page-box {
width: 100%;
display: flex;
justify-content: center;
.page {
margin-bottom: 80px;
}
}
.news-content-sublevel {
display: flex;
justify-content: space-between;
}
.jump {
text-decoration: dashed;
color: black;
}
.ach-container {
float: left;
margin-top: 30px;
}