CN-1086: 实体列表静态页面开发

This commit is contained in:
刘洪洪
2023-06-15 18:48:47 +08:00
parent eb493edc02
commit 71b0d5e053
17 changed files with 780 additions and 159 deletions

View File

@@ -42,6 +42,10 @@
color: #A6AAAE;
font-size: 20px;
}
.cn-icon-filter {
color: #A6AAAE;
font-size: 20px;
}
.el-icon-search {
color: #3976CB;
font-size: 32px;
@@ -64,6 +68,10 @@
color: #A6AAAE;
font-size: 14px;
}
.cn-icon-filter {
color: #A6AAAE;
font-size: 14px;
}
.el-icon-search {
color: white;
font-size: 16px;

View File

@@ -10,9 +10,9 @@
right: 10px;
.search__suffix {
margin-left: 8px;
//margin-left: 8px;
.cn-icon-search-advance, .cn-icon-search-normal {
.cn-icon-search-advance, .cn-icon-search-normal, .cn-icon-filter {
color: #A6AAAE;
font-size: 18px;
}

View File

@@ -50,6 +50,10 @@
display: flex;
justify-content: space-between;
}
.explorer-top-tools-new {
display: flex;
justify-content: space-between;
}
.explorer-top-tools-title {
font-size: 24px;
line-height: 24px;
@@ -77,6 +81,13 @@
border: 1px solid #E2E5EC;
border-radius: 4px;
}
.explorer-result {
margin-top: 10px;
margin-bottom: 18px;
font-size: 14px;
color: #353636;
font-weight: 400;
}
.explorer-container {
display: flex;
overflow: visible; /*overflow: hidden;*/

View File

@@ -5,6 +5,7 @@
background: #FFFFFF;
border-radius: 2px;
transition: all .2s;
border: 1px solid #E2E5EC;
&:hover .cn-entity__header .header__content {

View File

@@ -1,5 +1,8 @@
.cn-entity--list {
display: flex;
border: 1px #E2E5EC solid;
margin-bottom: 10px;
border-radius: 4px;
.cn-entity__collapse {
margin-bottom: 1px;
@@ -9,6 +12,7 @@
justify-content: center;
align-items: flex-start;
background-color: #F3F7FA;
border-radius: 4px 0 0 4px;
span {
transform: rotate(0);
@@ -36,9 +40,11 @@
overflow: hidden;
display: flex;
flex-wrap: wrap;
align-content: center;
padding: 16px 0;
margin-bottom: 1px;
background-color: white;
border-radius: 0 4px 4px 0;
.cn-entity__icon {
margin-left: 26px;
@@ -70,6 +76,12 @@
font-size: 16px;
padding-bottom: 3px;
color: #333333;
.cn-entity__header-title {
margin-right: 10px;
}
.cn-entity__header-tag {
}
}
.cn-entity__body {
@@ -147,8 +159,6 @@
span:last-of-type {
color: #666;
}
}
}
@@ -156,11 +166,18 @@
flex-shrink: 0;
padding: 0 30px;
font-size: 12px;
color: #3976CB;
color: #2C72C6;
font-weight: 400;
margin-top: -17px;
&:hover {
cursor: pointer;
}
i {
font-size: 12px;
margin-right: 5px;
}
}
}
}