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

CN-997: 实体详情--数字证书tab开发

Browse Source
This commit is contained in:
刘洪洪
2023-05-09 09:41:43 +08:00
parent b65fd919dc
commit 1d36b08517
5 changed files with 262 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -80,5 +80,6 @@
@import 'views/administration/Appearance.scss';
@import 'views/setting/knowledgeBase';
@import "@/assets/css/components/views/charts2/entityDetailLine.scss";
@import "@/assets/css/components/views/charts2/entityDetailTabs.scss";
@import "@/assets/css/components/views/charts2/entityDetailLine";
@import "@/assets/css/components/views/charts2/entityDetailTabs";
@import "@/assets/css/components/views/charts2/digitalCertificate";

70
src/assets/css/components/views/charts2/digitalCertificate.scss Normal file
View File

@@ -0,0 +1,70 @@
.digital-certificate {
$font-family: NotoSansSChineseRegular;
.digital-certificate-header {
display: flex;
align-items: center;
.digital-certificate-header__icon {
width: 4px;
height: 16px;
background: #38ACD2;
border-radius: 1px;
margin-right: 6px;
}
.digital-certificate-header-name {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #575757;
font-weight: 600;
}
}
.digital-certificate-body {
height: auto;
min-height: 262px;
padding: 20px;
background: rgba(113, 113, 113, 0.04);
border: 1px solid #E2E5ECFF;
border-radius: 4px;
.digital-certificate-body-tags {
display: flex;
margin-bottom: 20px;
}
.certificate-list-list {
display: flex;
flex-wrap: wrap;
}
.certificate-list-item {
width: 50%;
display: flex;
margin-bottom: 10px;
.certificate-list-item__label {
width: 176px;
font-family: $font-family;
font-size: 14px;
color: #717171;
font-weight: 400;
}
.certificate-list-item__value, .certificate-list-item__value1 {
width: calc(100% - 176px - 75px);
font-family: $font-family;
font-size: 14px;
color: #353636;
font-weight: 400;
}
.certificate-list-item__value1 {
padding-bottom: 2px;
border-bottom: 1px #353636 solid;
word-break: break-word;
}
}
}
}

12
src/assets/css/components/views/entityExplorer/entity-detail.scss
View File

@@ -50,6 +50,18 @@
color: $positive-color;
background-color: $positive-light-color;
}
&.entity-tag--level-two-negative-no-background {
border-color: $negative-color;
color: $negative-color;
padding: 8px 10px;
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
}
&.entity-tag--level-two-positive-no-background {
border-color: $positive-color;
color: $positive-color;
padding: 8px 10px;
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
}
}
}
/*