liuc/fe_portal_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改样式

Browse Source
This commit is contained in:
linxd
2025-07-07 17:01:07 +08:00
parent 21e7f15f64
commit 87fddbbbbc
33 changed files with 1255 additions and 687 deletions
Download Patch File Download Diff File Expand all files Collapse all files

210
src/pages/index/index.less
View File

@ -10,21 +10,7 @@
margin-top: 15px;
text-align: center;
}
.blockTitle {
font-weight: 600;
font-size: 16px;
line-height: 30px;
}
.questionItem {
line-height: 40px;
.icon {
margin-right: 10px;
font-size: 18px;
}
}
.cardContent {
color: @main-text-color-2;
}
.card {
.ant-card-head {
min-height: 40px;
@ -39,16 +25,196 @@
text-indent: 26px;
}
}
.link {
.banner {
width: 100%;
height: 600px;
}
.noticeList {
padding: 10px 0;
display: flex;
margin-top: 10px;
gap: 20px;
align-items: center;
.flex {
margin-left: 10px;
display: flex;
.noticeName {
font-size: 18px;
font-weight: 600;
color: @main-danger-color;
width: 50px;
line-height: 20px;
text-align: center;
}
.noticeItem {
margin-right: 20px;
flex: 1;
a{
margin: 0 10px;
width: 0;
.cardTitle {
display: flex;
justify-content: space-between;
.cardTitleText {
font-size: 18px;
font-weight: 600;
color: @main-color;
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
.cardTitleTime {
color: @main-text-color-2;
}
}
.cardContent {
color: @main-text-color-2;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-bottom: 0;
}
}
}
// 登录入口
.loginType {
background-color: #fff;
padding: 40px 0 30px 0;
.loginTypeItem {
background-color: rgb(249, 250, 250);
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
padding: 25px 0;
.loginTypeItemTitle {
font-size: 18px;
font-weight: 600;
color: @main-text-color;
margin: 10px 0;
}
.loginTypeItemContent {
font-size: 15px;
color: @main-text-color-1;
margin-bottom: 20px;
}
.btns {
display: flex;
gap: 20px;
.ant-btn {
width: 100px;
border-radius: 5px;
}
}
}
}
// 采购类型
.announce {
margin-top: 40px !important;
.bg {
background-color: #fff;
padding: 20px;
}
.types {
height: 100%;
.announceTitle {
font-size: 18px;
font-weight: 600;
color: @main-color;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(@main-text-color-2, 0.5);
}
.typeItem {
font-size: 16px;
cursor: pointer;
border-radius: 5px;
padding: 10px 15px;
&.active {
background-color: @main-color;
color: #fff;
}
&:hover {
background-color: @main-color;
color: #fff;
}
}
}
.search{
height: 100%;
}
}
// 关于我们
.about {
background-color: #fff;
padding: 40px 0 30px 0;
margin-top: 50px;
.blockTitle {
font-weight: 600;
font-size: 20px;
margin-bottom: 20px;
}
.mt20 {
margin-top: 20px;
}
.caBox {
display: flex;
flex-direction: column;
justify-content: space-between;
.caRow {
border: 1px solid rgba(@main-text-color-2, 0.3);
padding: 20px 30px;
}
.caItem {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
img {
width: 60px;
margin-bottom: 10px;
}
}
.contactBox {
flex: 1;
display: flex;
flex-direction: column;
.contact {
flex: 1;
border: 1px solid rgba(@main-text-color-2, 0.3);
padding: 20px 30px;
}
}
}
.borderBox {
border: 1px solid rgba(@main-text-color-2, 0.3);
padding: 20px 30px;
padding-bottom: 50px;
img {
width: 100%;
height: 100%;
}
.questionItem {
line-height: 50px;
border-bottom: 1px solid rgba(@main-text-color-2, 0.5);
.icon {
margin-right: 10px;
font-size: 18px;
}
}
}
}
// 友情链接
.firendLink {
background-color: #fff;
padding: 40px 0 30px 0;
.linkTitle {
font-weight: 600;
font-size: 20px;
margin-bottom: 20px;
}
:global(.ant-card) {
background-color: red;
}
img {
width: 100%;
height: 100%;
}
}