diff --git a/src/assets/scss/modules/visual/basicInfoMain.scss b/src/assets/scss/modules/visual/basicInfoMain.scss index e31559bb..f7e53229 100644 --- a/src/assets/scss/modules/visual/basicInfoMain.scss +++ b/src/assets/scss/modules/visual/basicInfoMain.scss @@ -270,15 +270,19 @@ box-shadow: 0 0 10px inset #1a5afd; } .item { - background-color: #011168; margin-top: 12px; - width: 244px; + width: 242px; height: 190px; border: 1px solid #037ddc; border-radius: 8px; text-align: center; margin-left: 11px; position: relative; + background-color: rgba(#000, 0.3); + + &:nth-child(5n + 1) { + margin-left: 0; + } // &:first-child { // margin-left: 0; diff --git a/src/assets/scss/modules/visual/incident-info.scss b/src/assets/scss/modules/visual/incident-info.scss index ed3aacad..c305a4c4 100644 --- a/src/assets/scss/modules/visual/incident-info.scss +++ b/src/assets/scss/modules/visual/incident-info.scss @@ -1,6 +1,6 @@ -@import '../../c/config'; -@import '../../c/function'; -@import './c/common'; +@import "../../c/config"; +@import "../../c/function"; +@import "./c/common"; .m-pop { @include shield; @@ -103,7 +103,18 @@ .info-content { margin: 20px 0; } - + + .info-pics { + display: flex; + margin: 20px 0; + img { + display: block; + width: 32%; + height: 90px; + margin-right: 9px; + object-fit: cover; + } + } .info-prop { position: relative; @@ -123,7 +134,7 @@ } &::before { - content: ''; + content: ""; display: block; position: absolute; top: 9px; @@ -134,18 +145,6 @@ border-radius: 3px; margin-right: 10px; } - - .info-pics { - display: flex; - margin: 20px 0; - img { - display: block; - width: 32%; - height: 90px; - margin-right: 9px; - object-fit: cover; - } - } } } @@ -265,7 +264,7 @@ padding-right: 10px; &::before { - content: ''; + content: ""; position: absolute; z-index: 1; display: block; @@ -290,7 +289,7 @@ padding-top: 1px; &::before { - content: ''; + content: ""; display: block; position: absolute; top: -5px; diff --git a/src/assets/scss/modules/visual/issue-info.scss b/src/assets/scss/modules/visual/issue-info.scss index e4672951..dc3fe2fd 100644 --- a/src/assets/scss/modules/visual/issue-info.scss +++ b/src/assets/scss/modules/visual/issue-info.scss @@ -1,6 +1,6 @@ -@import '../../c/config'; -@import '../../c/function'; -@import './c/common'; +@import "../../c/config"; +@import "../../c/function"; +@import "./c/common"; .m-pop { @include shield; @@ -68,6 +68,18 @@ line-height: 30px; } + .info-pics { + display: flex; + margin: 10px 0; + img { + display: block; + width: 32%; + height: 90px; + margin-right: 9px; + object-fit: cover; + } + } + .info-prop { position: relative; margin: 10px 0; @@ -78,17 +90,6 @@ flex: 0 0 1; font-size: 14px; } - .info-pics { - display: flex; - margin: 10px 0; - img { - display: block; - width: 32%; - height: 90px; - margin-right: 9px; - object-fit: cover; - } - } > span, > div { display: block; @@ -96,7 +97,7 @@ } &::before { - content: ''; + content: ""; display: block; position: absolute; top: 9px; diff --git a/src/assets/scss/modules/visual/searchPerson.scss b/src/assets/scss/modules/visual/searchPerson.scss index 6be528e1..fe9489fd 100644 --- a/src/assets/scss/modules/visual/searchPerson.scss +++ b/src/assets/scss/modules/visual/searchPerson.scss @@ -1,5 +1,5 @@ -.div_people_search{ - min-height:100%; +.div_people_search { + min-height: 100%; box-sizing: border-box; } @@ -36,6 +36,7 @@ font-weight: 400; color: #ffffff; line-height: 53px; + background: linear-gradient(90deg, #1a5afd, #26c4ff); } .btn:hover { cursor: pointer; @@ -51,8 +52,7 @@ // height: calc(88vh - 200px); height: 485px; color: #fff; - background: url('../../../img/modules/visual/warning-box.png') no-repeat - center; + background: url("../../../img/modules/visual/warning-box.png") no-repeat center; background-size: 100% 100%; } @@ -123,16 +123,15 @@ } &-tr:hover { - background: url('../../../img/modules/visual/hover-bac.png') no-repeat - center; + background: url("../../../img/modules/visual/hover-bac.png") no-repeat center; background-size: 100% 100%; } } - &-status{ - margin-top:20px; + &-status { + margin-top: 20px; - .no-data{ + .no-data { display: flex; justify-content: center; } @@ -159,7 +158,7 @@ } .pagination { box-sizing: border-box; - padding-right:180px; + padding-right: 180px; padding-bottom: 20px; margin-top: 40px; diff --git a/src/assets/scss/shuju-card.scss b/src/assets/scss/shuju-card.scss index 4af07fd8..04b4e1d4 100644 --- a/src/assets/scss/shuju-card.scss +++ b/src/assets/scss/shuju-card.scss @@ -1,5 +1,6 @@ @import "c/config"; @import "c/function"; +@import "./modules/visual/c/common"; .m-card { position: relative; @@ -69,5 +70,7 @@ min-height: 200px; background-image: url(../img/shuju/card/bg.png); background-repeat: repeat; + overflow-y: auto; + @include scrollBar; } } diff --git a/src/views/modules/visual/basicinfo/peopleSearch.vue b/src/views/modules/visual/basicinfo/peopleSearch.vue index 8193f9f1..4ef10830 100644 --- a/src/views/modules/visual/basicinfo/peopleSearch.vue +++ b/src/views/modules/visual/basicinfo/peopleSearch.vue @@ -223,7 +223,8 @@ export default { border-radius: 8px 0 0 8px; height: 53px; background-color: #01106800; - border: 2px solid #0082fb; + border: 3px solid #0082fb; + border-right: 0; padding-left: 70px; font-size: 18px; font-family: PingFang SC; diff --git a/src/views/modules/visual/cpts/card.vue b/src/views/modules/visual/cpts/card.vue index 9dcb8971..4516d8b3 100644 --- a/src/views/modules/visual/cpts/card.vue +++ b/src/views/modules/visual/cpts/card.vue @@ -1,15 +1,27 @@