.knowledgeBase {
|
display: flex;
|
margin-top: 12px;
|
|
.knowLeft {
|
width: 200px;
|
margin-right: 12px;
|
|
.arco-divider-horizontal {
|
margin: 8px 0;
|
}
|
|
.treeFeel {
|
.arco-tree-node-switcher {
|
width: 0;
|
margin-right: 0;
|
}
|
}
|
|
.arco-tree-node-title {
|
text-overflow: ellipsis;
|
overflow: hidden;
|
white-space: nowrap;
|
}
|
|
.knowTitle {
|
padding: 0 4px;
|
font-size: 16px;
|
font-weight: 400;
|
color: #1d2129;
|
}
|
|
.knowList {
|
padding: 0 4px;
|
margin-bottom: 5px;
|
font-size: 14px;
|
color: #4e5969;
|
line-height: 22px;
|
cursor: pointer;
|
|
&:hover {
|
color: #1a6fb8;
|
}
|
}
|
}
|
|
.knowRight {
|
flex: 1;
|
background: #fff;
|
margin-bottom: 12px;
|
padding: 12px;
|
|
.arco-divider-horizontal {
|
margin: 0;
|
}
|
|
.rightSearch {
|
margin: 8px 0;
|
|
span {
|
color: #1a6fb8;
|
cursor: pointer;
|
}
|
}
|
|
.rightTag {
|
display: flex;
|
|
div {
|
border: 1px solid #1a6fb8;
|
border-radius: 4px;
|
padding: 2px 8px;
|
margin-right: 5px;
|
}
|
}
|
}
|
}
|
|
.knowTableList {
|
display: flex;
|
align-items: center;
|
padding: 12px;
|
|
.knowImg {
|
width: 40px;
|
height: 40px;
|
background: #1a6fb8;
|
border-radius: 2px;
|
color: #fff;
|
text-align: center;
|
line-height: 40px;
|
margin-right: 10px;
|
}
|
|
.knowData {
|
margin-right: 10px;
|
flex: 1;
|
|
.knowTopTitle {
|
color: #1D2129;
|
font-weight: 600;
|
|
&:hover {
|
color: #1a6fb8;
|
text-decoration: underline;
|
cursor: pointer;
|
}
|
}
|
}
|
|
.knowAction {
|
width: 100px;
|
}
|
}
|
|
.knowDetailTxt {
|
padding: 12px;
|
background: #f2f3f5;
|
}
|
|
.pointer {
|
cursor: pointer;
|
}
|
|
.knowPage {
|
background-color: #fff;
|
margin: 0px 8px 0px 16px;
|
padding: 12px 16px 16px 16px;
|
height: calc(100vh - 160px);
|
overflow-y: scroll;
|
|
.arco-divider-horizontal {
|
margin: 12px 0;
|
}
|
|
.detailTitle {
|
width: 100%;
|
height: 28px;
|
font-size: 20px;
|
text-align: center;
|
color: #1d2129;
|
}
|
|
.detailContent {
|
background: #f2f3f5;
|
padding: 12px 12px 4px 12px;
|
display: flex;
|
flex-wrap: wrap;
|
|
.detailItem {
|
width: 33%;
|
color: #4E5969;
|
margin-bottom: 8px;
|
|
div {
|
width: 80px;
|
display: inline-block;
|
}
|
}
|
|
.detailItem1 {
|
width: 33%;
|
color: #4E5969;
|
margin-bottom: 8px;
|
|
div {
|
width: 110px;
|
display: inline-block;
|
}
|
}
|
|
span {
|
color: #1D2129;
|
}
|
}
|
}
|
|
.detailFooter {
|
background-color: #fff;
|
margin: 12px 8px 0px 16px;
|
padding: 12px 16px 16px 16px;
|
height: 200px;
|
overflow-y: scroll;
|
|
.footerTitle {
|
font-size: 14px;
|
color: #1d2129;
|
|
img {
|
width: 14px;
|
height: 14px;
|
margin-bottom: 2px;
|
margin-right: 4px;
|
}
|
|
}
|
|
.footerLink {
|
color: #1a6fb8;
|
cursor: pointer;
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
margin-bottom: 2px;
|
}
|
}
|
