|
|
@@ -838,17 +838,22 @@ export default {
|
|
|
|
|
|
/* 项目列表容器样式 */
|
|
|
.project-list-container {
|
|
|
- display: grid;
|
|
|
- grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
|
|
|
- gap: 20px;
|
|
|
+ // display: grid;
|
|
|
+ // grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
|
|
|
+ // gap: 20px;
|
|
|
padding: 15px;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
}
|
|
|
|
|
|
/* 项目卡片样式 */
|
|
|
.project-card {
|
|
|
- cursor: pointer;
|
|
|
- transition: all 0.3s ease;
|
|
|
- border-radius: 8px;
|
|
|
+ // cursor: pointer;
|
|
|
+ // transition: all 0.3s ease;
|
|
|
+ // border-radius: 8px;
|
|
|
+ flex: 0 0 24%; /* 每行4个项目，每个项目占25%的宽度 */
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin: 5px; /* 可选：添加一些间距 */
|
|
|
}
|
|
|
.project-card {
|
|
|
cursor: pointer;
|
|
|
@@ -939,6 +944,9 @@ export default {
|
|
|
background-color: #2550A2 !important;
|
|
|
border-color: #2550A2 !important;
|
|
|
}
|
|
|
+.el-tag.el-tag--info {
|
|
|
+ background-color: #eee !important;
|
|
|
+}
|
|
|
.ellipsis-tag {
|
|
|
// max-width:220px; /* 设置最大宽度 */
|
|
|
overflow: hidden;
|
