gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CN-240 feat: entity列表（行式）

Browse Source
This commit is contained in:
chenjinsong
2021-12-16 18:22:47 +08:00
parent 09192db0fd
commit a73cd7e99e
12 changed files with 257 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/css/components/components/entities/entities.scss
View File

@@ -100,13 +100,11 @@
i {
font-size: 22px;
color: #23bf9a;
}
}
.header__content {
font-size: 22px;
color: #333333;
font-family: PingFangSC-Medium;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;

1
src/assets/css/components/index.scss
View File

@@ -15,3 +15,4 @@
@import './views/entityExplorer/entityFilter';
@import './views/entityExplorer/entityList/entityList';
@import './views/entityExplorer/entityList/card';
@import './views/entityExplorer/entityList/row';

1
src/assets/css/components/views/entityExplorer/entityExplorer.scss
View File

@@ -35,6 +35,7 @@
.explorer-container {
display: flex;
height: 100%;
overflow: hidden auto;
}
.explorer-foot {
display: flex;

4
src/assets/css/components/views/entityExplorer/entityFilter.scss
View File

@@ -2,7 +2,6 @@
display: flex;
flex-direction: column;
width: 280px;
padding-top: 10px;
margin-right: 10px;
.filter-case__header {
@@ -19,11 +18,11 @@
flex-direction: column;
border: 1px solid #E7EAED;
margin-bottom: 10px;
padding: 0 15px;
background-color: white;
.filter__header {
height: 46px;
margin: 0 15px;
line-height: 46px;
border-bottom: 1px solid #EFF2F5;
font-size: 14px;
@@ -35,6 +34,7 @@
.filter__row {
display: flex;
justify-content: space-between;
padding: 0 15px;
height: 26px;
align-items: center;
cursor: pointer;

5
src/assets/css/components/views/entityExplorer/entityList/card.scss
View File

@@ -42,12 +42,11 @@
width: 52px;
height: 52px;
border-radius: 50%;
background: #e8fbf9;
border: 2px solid #e8fbf9;
background-color: #F3F7FA;
i {
font-size: 22px;
color: #23bf9a;
color: #4E84B4;
}
}
.header__content {

8
src/assets/css/components/views/entityExplorer/entityList/entityList.scss
View File

@@ -1,7 +1,6 @@
.entity-list {
width: calc(100% - 290px);
height: 100%;
padding-top: 10px;
flex: 1;
.entity-list__content {
height: 100%;
@@ -17,5 +16,10 @@
width: calc(100% - 10px);
overflow: hidden auto;
}
.entity-list--list {
display: flex;
flex-direction: column;
overflow: hidden auto;
}
}
}

93
src/assets/css/components/views/entityExplorer/entityList/row.scss Normal file
View File

@@ -0,0 +1,93 @@
.cn-entity--list {
display: flex;
.cn-entity__collapse {
margin-bottom: 1px;
padding-top: 30px;
width: 24px;
display: flex;
justify-content: center;
align-items: flex-start;
background-color: #F3F7FA;
i {
color: #ADBCCA;
font-size: 12px;
}
}
.cn-entity__case {
flex: 1;
display: flex;
padding: 16px 0;
margin-bottom: 1px;
background-color: white;
.cn-entity__icon {
margin-left: 26px;
margin-right: 10px;
overflow: hidden;
display: flex;
justify-content: center;
justify-items: center;
align-items: center;
width: 52px;
height: 52px;
border-radius: 50%;
background-color: #F3F7FA;
i {
font-size: 22px;
color: #4E84B4;
}
}
.cn-entity__row {
display: flex;
flex-direction: column;
flex: 1;
justify-content: center;
.cn-entity__header {
font-size: 16px;
color: #333333;
}
.cn-entity__body {
display: flex;
flex-direction: column;
.body__basic-info {
display: flex;
flex-direction: row;
.basic-info {
flex: 1;
display: flex;
flex-direction: row;
.basic-info__item {
padding-right: 40px;
i {
padding-right: 6px;
color: #8FA1BE;
font-size: 12px;
}
span {
font-size: 14px;
}
span:first-of-type {
color: #999;
}
span:last-of-type {
color: #666;
}
}
}
.show-detail {
flex-shrink: 0;
padding: 0 30px;
font-size: 12px;
color: #3976CB;
}
}
}
}
}
}

1
src/assets/css/components/views/entityExplorer/search/explorerSearch.scss
View File

@@ -6,6 +6,7 @@
background-image: url('~@/assets/img/cn-explore-bg.svg');
background-repeat: no-repeat;
background-position: 0 100%;
margin-bottom: 10px;
&.explorer-search--show-list {
flex: 0 0 40px;