xg-project-library/css/indexSide.less

201 lines
4.8 KiB
Plaintext
Raw Normal View History

2024-12-26 03:24:39 +00:00
html {
background-color: #EEF2F5;
2024-12-20 09:16:57 +00:00
}
2024-12-26 03:24:39 +00:00
.project {
width: 394px;
margin: 50px auto;
border-radius: 8px;
background-color: #fff;
padding-bottom: 14px;
2024-12-20 09:16:57 +00:00
2024-12-26 03:24:39 +00:00
* {
padding: 0;
margin: 0;
box-sizing: border-box;
text-decoration: auto;
word-break: break-word;
}
2024-12-20 09:16:57 +00:00
2024-12-26 03:24:39 +00:00
.one-line-display {
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
2024-12-20 09:16:57 +00:00
2024-12-26 03:24:39 +00:00
.flexflex {
display: flex;
}
2024-12-20 09:16:57 +00:00
2024-12-26 03:24:39 +00:00
.flexcenter {
display: flex;
justify-content: center;
align-items: center;
}
2024-12-20 09:16:57 +00:00
2024-12-26 03:24:39 +00:00
.flexjcenter {
display: flex;
justify-content: center;
}
2024-12-20 09:16:57 +00:00
2024-12-26 03:24:39 +00:00
.flexacenter {
display: flex;
align-items: center;
}
.flex1 {
flex: 1;
}
.flexcolumn {
display: flex;
flex-direction: column;
}
2024-12-20 09:16:57 +00:00
.project-list {
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 4px;
2024-12-26 03:24:39 +00:00
.project-item {
2024-12-20 09:16:57 +00:00
width: 460px;
width: 100%;
background-color: rgba(255, 255, 255, 1);
// border-radius: 12px;
padding: 20px 16px 10px;
// margin-bottom: 19px;
position: relative;
2024-12-26 03:24:39 +00:00
&:not(:last-of-type) {
border-bottom: 1px dotted rgba(215, 215, 215, 0.69);
}
.project-school {
2024-12-20 09:16:57 +00:00
font-size: 14px;
color: #333333;
// margin-bottom: 14px;
position: absolute;
top: 20px;
right: 16px;
2024-12-26 03:24:39 +00:00
.project-school-icon {
2024-12-20 09:16:57 +00:00
height: 18px;
margin-right: 8px;
}
}
2024-12-26 03:24:39 +00:00
.project-name {
2024-12-20 09:16:57 +00:00
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 16px;
color: #000000;
margin-bottom: 6px;
padding-right: 80px;
}
2024-12-26 03:24:39 +00:00
.project-english {
2024-12-20 09:16:57 +00:00
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 13px;
margin-bottom: 10px;
color: #7f7f7f;
}
2024-12-26 03:24:39 +00:00
.project-introduce {
2024-12-20 09:16:57 +00:00
color: #555555;
font-size: 14px;
margin-bottom: 9px;
flex-wrap: wrap;
2024-12-26 03:24:39 +00:00
.project-quantity {
2024-12-20 09:16:57 +00:00
font-family: "Arial-Black", "Arial Black", sans-serif;
font-weight: 900;
color: #000000;
margin-left: 8px;
}
2024-12-26 03:24:39 +00:00
.project-line {
2024-12-20 09:16:57 +00:00
color: #d7d7d7;
margin: 0 7px;
}
}
2024-12-26 03:24:39 +00:00
.project-word {
2024-12-20 09:16:57 +00:00
background-color: rgba(249, 248, 248, 1);
border-radius: 5px;
padding: 9px 10px;
font-size: 14px;
color: #7f7f7f;
margin-bottom: 12px;
2024-12-26 03:24:39 +00:00
.project-img {
2024-12-20 09:16:57 +00:00
width: 15px;
height: 10px;
}
}
}
}
.project-btn {
width: 361px;
height: 40px;
line-height: 40px;
background-color: rgba(51, 51, 51, 1);
border-radius: 141px;
font-size: 16px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
2024-12-26 03:24:39 +00:00
margin: 0 auto;
2024-12-20 09:16:57 +00:00
2024-12-26 03:24:39 +00:00
.project-btn-img {
2024-12-20 09:16:57 +00:00
width: 18px;
height: 18px;
margin-left: 10px;
}
}
2024-12-26 03:24:39 +00:00
.project-tag {
2024-12-20 09:16:57 +00:00
flex-wrap: wrap;
2024-12-26 03:24:39 +00:00
.project-tag-item {
2024-12-20 09:16:57 +00:00
width: fit-content;
height: 20px;
line-height: 20px;
background-color: rgba(249, 248, 248, 1);
border: 1px solid rgba(170, 170, 170, 1);
border-radius: 6px;
padding: 0 6px;
font-size: 12px;
color: #7f7f7f;
margin-right: 10px;
margin-bottom: 10px;
// flex-wrap: wrap;
display: flex;
align-items: center;
2024-12-26 03:24:39 +00:00
&.project-gray {
2024-12-20 09:16:57 +00:00
background-color: rgba(51, 51, 51, 1);
color: #ffffff;
border: none;
}
2024-12-26 03:24:39 +00:00
&.project-semester {
2024-12-20 09:16:57 +00:00
color: #ffffff;
background-color: rgba(249, 93, 93, 1);
border: none;
}
2024-12-26 03:24:39 +00:00
&.project-admissions {
2024-12-20 09:16:57 +00:00
background-color: rgba(115, 209, 229, 1);
border: none;
color: #fff;
}
}
}
2024-12-26 03:24:39 +00:00
}