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

fix: 修复 npm 下钻路由参数获取及table 列表样式调整

Browse Source
This commit is contained in:
@changcode
2022-09-21 10:35:47 +08:00
parent f1de238177
commit 7e431358d4
4 changed files with 205 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/css/components/components/layout/layout.scss
View File

@@ -109,6 +109,9 @@
border:1px solid #C5C5C5 !important;
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85)!important;
border-radius: 2px !important;
.el-row {
width: 100% !important;
}
.selected {
color: #0091ff;
font-weight: bold;

188
src/assets/css/components/views/charts2/npmAppCategoryScore.scss
View File

@@ -63,122 +63,116 @@
}
}
}
.npm-app-right {
width: calc(100% - 500px);
height: 100%;
.app-table.el-table {
border: 1px solid #E2E5EC;
border-radius: 4px;
padding: 1px;
.app-table.el-table {
.el-table__header-wrapper {
tr th {
padding: 5px 0;
.data-column__span {
font-size: 12px;
color: #353636;
font-weight: 600;
}
}
}
.el-table__header-wrapper .el-table__header {
tr th:nth-last-child(-n+3) {
text-align: center;
}
}
.el-table__body-wrapper.is-scrolling-none {
height: 306px !important;
tr td {
padding: 13px 0;
}
tr td:nth-last-child(-n+3) {
text-align: center;
.data-total {
justify-content: center;
}
.el-table__header-wrapper {
tr th {
padding: 5px 0;
.data-column__span {
font-size: 12px;
color: #353636;
font-weight: 600;
}
}
}
.data-total {
display: flex !important;
.data-total-category-icon {
i {
font-size: 16px;
margin-right: 12px;
color: #717171;
}
}
.data-total-category-value {
font-size: 12px;
color: #353636;
font-weight: 400;
cursor: pointer;
}
.data-score {
border-radius: 10px;
font-size: 12px;
color: #FFFFFF;
font-weight: 500;
height: 20px;
width: 34px;
line-height: 20px;
.el-table__header-wrapper .el-table__header {
tr th:nth-last-child(-n+3) {
text-align: center;
}
.data-score.data-score-red {
background: #E26154;
}
.el-table__body-wrapper.is-scrolling-none {
height: 306px !important;
tr td {
padding: 13px 0;
}
.data-score.data-score-yellow {
background: #E5A219;
}
.data-score.data-score-green {
background: #749F4D;
tr td:nth-last-child(-n+3) {
text-align: center;
.data-total {
justify-content: center;
}
}
}
.data-total-value {
display: flex;
justify-content: right;
width: 50%;
}
.data-total {
display: flex !important;
.data-total-category-icon {
i {
font-size: 16px;
margin-right: 12px;
color: #717171;
}
}
.data-total-category-value {
font-size: 12px;
color: #353636;
font-weight: 400;
cursor: pointer;
}
.data-trend{
display: flex;
width: 50%;
}
.data-total-trend {
display: flex;
justify-content: left;
margin-left: 6px;
font-size: 12px;
justify-content: center;
margin-top: 2px;
.data-score {
border-radius: 10px;
font-weight: 500;
font-size: 12px;
color: #FFFFFF;
font-weight: 500;
height: 20px;
padding: 0 5px;
width: 34px;
line-height: 20px;
text-align: center;
}
.data-total-trend-black {
background-color: rgba(113,113,113,0.12);
color: #717171;
width: 36px;
.data-score.data-score-red {
background: #E26154;
}
.data-total-trend-green {
background-color: rgba(126,159,84,0.12);
color: #7E9F54;
.data-score.data-score-yellow {
background: #E5A219;
}
.data-total-trend-red {
background-color: rgba(226,97,84,0.12);
color: #E26154;
.cn-icon-rise1{
color: #E44D3E;
}
}
.el-table--group::after,.el-table--border::after, .el-table::before {
height: 0px;
}
.el-table thead {
color: $grey;
.data-score.data-score-green {
background: #749F4D;
}
}
.data-total-value {
display: flex;
justify-content: right;
width: 50%;
font-size: 12px;
color: #353636;
font-weight: 400;
}
.data-trend{
display: flex;
width: 50%;
}
.data-total-trend {
display: flex;
justify-content: left;
margin-left: 6px;
font-size: 12px;
justify-content: center;
margin-top: 2px;
border-radius: 10px;
font-weight: 500;
font-size: 12px;
height: 20px;
padding: 0 5px;
}
.data-total-trend-black {
background-color: rgba(113,113,113,0.12);
color: #717171;
width: 36px;
}
.data-total-trend-green {
background-color: rgba(126,159,84,0.12);
color: #7E9F54;
}
.data-total-trend-red {
background-color: rgba(226,97,84,0.12);
color: #E26154;
.cn-icon-rise1{
color: #E44D3E;
}
}
.el-table--group::after,.el-table--border::after, .el-table::before {
height: 0px;
}
.el-table thead {
color: $grey;
}
}