* {
|
margin: 0;
|
padding: 0;
|
box-sizing: border-box;
|
|
scrollbar-color: rgba(17, 38, 163, .5) hsla(0, 0%, 84.7%, .2);
|
scrollbar-width: thin;
|
}
|
|
html,
|
body {
|
width: 100%;
|
height: 100%;
|
font-size: 16px;
|
overflow-x: hidden;
|
overflow-y: auto;
|
// background: $bg-one-color;
|
background-color: #050E23;
|
// scrollbar-width: none;
|
// -ms-overflow-style: none;
|
}
|
|
// body::-webkit-scrollbar {
|
// display: none;
|
// /* Chrome Safari */
|
// }
|
|
ul {
|
li {
|
list-style: none;
|
}
|
}
|
|
.deblurring {
|
image-rendering: -moz-crisp-edges;
|
image-rendering: -o-crisp-edges;
|
image-rendering: -webkit-optimize-contrast;
|
image-rendering: crisp-edges;
|
-ms-interpolation-mode: nearest-neighbor;
|
}
|
|
// ::-webkit-scrollbar {
|
// width: 5px;
|
// height: 5px;
|
// background-color: transparent;
|
// }
|
|
// ::-webkit-scrollbar {
|
// width: 7px;
|
// height: 7px;
|
// background-color: transparent;
|
// }
|
|
// ::-webkit-scrollbar-thumb {
|
// border-radius: 5px;
|
// background-color: hsla(220deg, 4%, 58%, 0.3);
|
// }
|
|
// ::-webkit-scrollbar-thumb {
|
// border-radius: 5px;
|
// background-color: hsla(220deg, 4%, 58%, 0.3);
|
// }
|
|
// ::-webkit-scrollbar-track-piece {
|
// background-color: transparent;
|
// }
|
|
// ::-webkit-scrollbar-track-piece {
|
// background-color: transparent;
|
// }
|
|
::-webkit-scrollbar {
|
width: 8px;
|
height: 8px;
|
background-color: none;
|
}
|
|
::-webkit-scrollbar-thumb {
|
background-color: hsla(0, 0%, 84.7%, .5);
|
padding-left: 2px;
|
padding-right: 2px;
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
cursor: pointer !important;
|
}
|
|
::-webkit-scrollbar-track {
|
background-color: rgba(17, 38, 163, .5);
|
}
|
|
.car-video-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 1000px;
|
height: 620px;
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
position: relative;
|
}
|
}
|
}
|
|
.police-affairs-details-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 540px;
|
height: 320px;
|
|
.el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
|
.item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
|
&>div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
&>div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
}
|
}
|
}
|
}
|
|
.resident-details-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 420px;
|
|
.el-dialog__body {
|
flex: 1;
|
}
|
}
|
}
|
|
.panorama-details-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 960px;
|
height: 600px;
|
|
}
|
}
|
|
.phone-details-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 720px;
|
height: 400px;
|
|
.el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
|
.item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
|
&>div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
&>div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
}
|
}
|
}
|
|
|
}
|
|
.area-details-box,
|
.keyPerson-details-box,
|
.land-details-box,
|
.equiment-details-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 1000px;
|
height: 620px;
|
|
.el-table__header-wrapper {
|
height: 60px;
|
line-height: 60px;
|
}
|
|
.el-table .cell {
|
height: 30px;
|
line-height: 30px;
|
}
|
|
.el-dialog__body {
|
flex: 1;
|
}
|
|
.el-pagination.is-background .el-pager li:not(.disabled).active {
|
color: #C0C4CC !important;
|
}
|
|
.header {
|
display: flex;
|
margin-bottom: 10px;
|
padding-left: 10px;
|
|
&>div {
|
display: flex;
|
height: 32px;
|
line-height: 32px;
|
margin-right: 10px;
|
|
input {
|
width: 150px;
|
height: 32px;
|
font-size: 12px;
|
text-indent: 1em;
|
color: #ffffff;
|
background-color: rgba(24, 79, 202, 0.6);
|
border: 1px solid rgb(0, 92, 169);
|
border-radius: 5px;
|
}
|
|
input:focus {
|
outline: none;
|
}
|
|
input::-webkit-input-placeholder {
|
color: rgba(238, 238, 238, 0.7);
|
}
|
}
|
|
&>div:first-child input {
|
width: 120px;
|
}
|
|
.el-button--primary {
|
background-color: rgba(29, 92, 228, 0.6);
|
border: 1px solid rgba(29, 92, 228, 0.6);
|
}
|
|
.el-button--primary:hover {
|
background: #66b1ff !important;
|
border-color: #66b1ff !important;
|
}
|
|
.el-button {
|
padding: 6px 10px;
|
}
|
|
}
|
|
.el-main {
|
padding: 0;
|
}
|
}
|
}
|
|
.keyPerson-details-box-two {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 1000px;
|
height: 560px;
|
|
.el-table__header-wrapper {
|
height: 60px;
|
line-height: 60px;
|
}
|
|
.el-table .cell {
|
height: 30px;
|
line-height: 30px;
|
}
|
|
.el-dialog__body {
|
flex: 1;
|
}
|
|
.el-pagination.is-background .el-pager li:not(.disabled).active {
|
color: #C0C4CC !important;
|
}
|
|
.header {
|
display: flex;
|
margin-bottom: 10px;
|
padding-left: 10px;
|
|
&>div {
|
display: flex;
|
height: 32px;
|
line-height: 32px;
|
margin-right: 10px;
|
|
input {
|
width: 150px;
|
height: 32px;
|
font-size: 12px;
|
text-indent: 1em;
|
color: #ffffff;
|
background-color: rgba(24, 79, 202, 0.6);
|
border: 1px solid rgb(0, 92, 169);
|
border-radius: 5px;
|
}
|
|
input:focus {
|
outline: none;
|
}
|
|
input::-webkit-input-placeholder {
|
color: rgba(238, 238, 238, 0.7);
|
}
|
}
|
|
&>div:first-child input {
|
width: 120px;
|
}
|
|
.el-button--primary {
|
background-color: rgba(29, 92, 228, 0.6);
|
border: 1px solid rgba(29, 92, 228, 0.6);
|
}
|
|
.el-button--primary:hover {
|
background: #66b1ff !important;
|
border-color: #66b1ff !important;
|
}
|
|
.el-button {
|
padding: 6px 10px;
|
}
|
|
}
|
|
.el-main {
|
padding: 0;
|
}
|
}
|
}
|
|
.policeSituation-details-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 800px;
|
height: 500px;
|
|
.el-dialog__header {
|
height: 40px;
|
line-height: 40px;
|
text-align: center;
|
}
|
|
.el-dialog__body {
|
padding-top: 0;
|
display: flex;
|
flex-direction: column;
|
height: calc(100% - 40px);
|
|
.btn-change {
|
display: flex;
|
align-items: center;
|
height: 32px;
|
line-height: 32px;
|
border-bottom: 2px solid #3d5ad5;
|
|
&>div {
|
padding: 0 12px;
|
cursor: pointer;
|
|
&.on {
|
background: #3d5ad5;
|
}
|
}
|
}
|
|
.box {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
overflow-y: auto;
|
|
.item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 32px;
|
line-height: 32px;
|
margin: 0 10px;
|
text-align: left;
|
|
&>div:first-child {
|
width: 120px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
&>div:nth-of-type(2) {
|
width: calc(100% - 140px);
|
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
}
|
|
.dialog-content {
|
width: 100%;
|
display: flex;
|
line-height: 32px;
|
flex-direction: row;
|
text-align: left;
|
margin-left: 10px;
|
|
&>div:first-child {
|
width: 120px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
|
}
|
|
&>div:nth-of-type(2) {
|
width: calc(100% - 140px);
|
}
|
}
|
}
|
|
.box.no-data {
|
align-items: center;
|
justify-content: center;
|
align-content: center;
|
}
|
}
|
}
|
}
|
|
.activity-details-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 640px;
|
height: 400px;
|
|
.el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
|
.item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
|
&>div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
&>div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
}
|
}
|
}
|
}
|
|
.special-animal-enter-active {
|
transition: all .2s ease;
|
}
|
|
.special-animal-leave-active {
|
transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
|
}
|
|
.special-animal-enter,
|
.special-animal-leave-to {
|
transform: translateX(-100%);
|
opacity: 0;
|
}
|
|
.video-draw-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 320px;
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
height: 100%;
|
flex-wrap: wrap;
|
|
&>div {
|
width: 100%;
|
height: 36px;
|
line-height: 36px;
|
display: flex;
|
justify-content: flex-start;
|
margin-bottom: 6px;
|
|
&>div {
|
width: 100px;
|
line-height: 36px;
|
}
|
|
&.button {
|
justify-content: space-around;
|
}
|
}
|
|
.pick-color-box {
|
width: 200px;
|
text-align: left;
|
}
|
|
input {
|
width: 200px;
|
height: 30px;
|
font-size: 16px;
|
text-indent: 1em;
|
color: #ffffff;
|
background-color: transparent;
|
border: 1px solid rgb(0, 92, 169);
|
}
|
|
input:focus {
|
outline: none;
|
}
|
|
input::-webkit-input-placeholder {
|
color: rgba(238, 238, 238, 0.7);
|
}
|
|
button {
|
width: 60px;
|
height: 30px;
|
background-color: rgba(8, 56, 185, 0.9);
|
color: #fff;
|
border-radius: 4px;
|
cursor: pointer;
|
margin-top: 10px;
|
border: none;
|
}
|
|
button:hover {
|
background-color: #409EFF;
|
}
|
}
|
}
|
}
|
|
.choose-police-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 320px;
|
height: 220px;
|
|
.el-dialog__body {
|
position: relative;
|
|
&>div {
|
position: absolute;
|
width: 100%;
|
height: 100%;
|
top: 0;
|
left: 0;
|
}
|
|
.el-button {
|
padding: 0;
|
background-color: rgba(8, 56, 185, 0.9);
|
border: 1px solid rgba(8, 56, 185, 0.9);
|
color: #fff;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
margin-top: 16px;
|
}
|
}
|
|
.el-button:hover {
|
background-color: #409EFF;
|
}
|
|
.el-select .el-input.is-disabled .el-input__inner {
|
background-color: rgba(8, 56, 185, 0.9);
|
}
|
|
.el-tree {
|
height: 100px;
|
overflow-y: scroll;
|
position: absolute;
|
top: 46px;
|
width: calc(100% - 16px);
|
background-color: rgba(8, 56, 185, 0.6);
|
z-index: 99;
|
}
|
|
.el-input {
|
width: calc(100% - 20px);
|
font-size: 14px;
|
top: 0;
|
left: 0;
|
}
|
|
.police-btn-box {
|
position: absolute;
|
bottom: 16px;
|
width: 100%;
|
}
|
|
.area {
|
top: 92px;
|
}
|
|
.line {
|
display: flex;
|
justify-content: left;
|
position: absolute;
|
top: 48px;
|
}
|
|
.value-name-box {
|
height: 32px;
|
line-height: 32px;
|
width: 100px;
|
}
|
|
.width-box {
|
display: flex;
|
align-items: center;
|
}
|
|
.input-width-box {
|
input {
|
outline: none;
|
width: 80px;
|
height: 28px;
|
background-color: rgba(8, 56, 185, 0.5);
|
border: none;
|
color: #fff;
|
border-radius: 4px;
|
padding-left: 15px;
|
}
|
|
input:focus {
|
border-color: #409EFF;
|
border: 1px solid #409EFF;
|
}
|
}
|
}
|
}
|
|
.choose-policeCar-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 320px;
|
height: 180px;
|
|
.el-dialog__body {
|
position: relative;
|
|
&>div {
|
position: absolute;
|
width: 100%;
|
height: 100%;
|
top: 0;
|
left: 0;
|
}
|
|
.el-button {
|
padding: 0;
|
background-color: rgba(8, 56, 185, 0.9);
|
border: 1px solid rgba(8, 56, 185, 0.9);
|
color: #fff;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
margin-top: 40px;
|
}
|
}
|
|
.el-button:hover {
|
background-color: #409EFF;
|
}
|
|
.el-select .el-input.is-disabled .el-input__inner {
|
background-color: rgba(8, 56, 185, 0.9);
|
}
|
|
.police-btn-box {
|
position: absolute;
|
bottom: 16px;
|
width: 100%;
|
}
|
|
.line {
|
display: flex;
|
justify-content: left;
|
position: absolute;
|
top: 48px;
|
}
|
|
.value-name-box {
|
height: 32px;
|
line-height: 32px;
|
width: 130px;
|
}
|
|
.width-box {
|
display: flex;
|
align-items: center;
|
}
|
|
.input-width-box {
|
input {
|
outline: none;
|
width: 80px;
|
height: 28px;
|
background-color: rgba(8, 56, 185, 0.5);
|
border: none;
|
color: #fff;
|
border-radius: 4px;
|
padding-left: 15px;
|
}
|
|
input:focus {
|
border-color: #409EFF;
|
border: 1px solid #409EFF;
|
}
|
}
|
|
}
|
}
|
|
.edit-line-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 300px;
|
height: 190px;
|
|
.el-dialog__body {
|
.el-button {
|
padding: 0;
|
background-color: rgba(8, 56, 185, 0.9);
|
border: 1px solid rgba(8, 56, 185, 0.9);
|
color: #fff;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
margin-top: 10px;
|
}
|
|
.el-button:hover {
|
background-color: #409EFF;
|
}
|
|
&>div {
|
display: flex;
|
// justify-content: center;
|
margin-bottom: 10px;
|
}
|
|
.input-width-box {
|
input {
|
outline: none;
|
width: 80px;
|
height: 28px;
|
background-color: rgba(8, 56, 185, 0.5);
|
border: none;
|
color: #fff;
|
border-radius: 4px;
|
padding-left: 15px;
|
}
|
|
input:focus {
|
border-color: #409EFF;
|
border: 1px solid #409EFF;
|
}
|
}
|
|
.value-name-box {
|
height: 32px;
|
line-height: 32px;
|
width: 120px;
|
text-align: left;
|
}
|
|
.edit-line-btn-box {
|
display: flex;
|
justify-content: center;
|
}
|
|
.units {
|
width: 60px;
|
height: 26px;
|
text-align: left;
|
padding-left: 10px;
|
}
|
|
}
|
}
|
}
|
|
.add-polygon-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 320px;
|
height: 186px;
|
|
.el-dialog__body {
|
.el-button {
|
padding: 0;
|
background-color: rgba(8, 56, 185, 0.9);
|
border: 1px solid rgba(8, 56, 185, 0.9);
|
color: #fff;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
}
|
|
.el-button:hover {
|
background-color: #409EFF;
|
}
|
|
.line {
|
display: flex;
|
justify-content: left;
|
margin-bottom: 10px;
|
}
|
|
.alpha {
|
width: calc(100% - 110px);
|
}
|
|
.value-name-box {
|
width: 110px;
|
display: flex;
|
align-items: center;
|
}
|
|
.add-polygon-btn-box {
|
display: flex;
|
justify-content: center;
|
}
|
|
input {
|
height: 30px;
|
font-size: 16px;
|
color: #ffffff;
|
background-color: transparent;
|
border: 1px solid rgb(0, 92, 169);
|
}
|
|
input:focus {
|
outline: none;
|
}
|
|
input::-webkit-input-placeholder {
|
color: rgba(238, 238, 238, 0.7);
|
}
|
|
.el-input--suffix .el-input__inner {
|
padding-right: 10px;
|
}
|
|
.placeholder {
|
height: 26px;
|
}
|
}
|
}
|
}
|
|
.select-on-tab {
|
box-shadow: 0 2px 2px $menu-tab-shadow;
|
color: #fff;
|
}
|
|
.edit-plot-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 300px;
|
height: 140px;
|
|
.el-dialog__body {
|
.el-button {
|
padding: 0;
|
background-color: rgba(8, 56, 185, 0.9);
|
border: 1px solid rgba(8, 56, 185, 0.9);
|
color: #fff;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
margin-top: 10px;
|
}
|
|
.el-button:hover {
|
background-color: #409EFF;
|
}
|
|
&>div {
|
display: flex;
|
// justify-content: center;
|
margin-bottom: 10px;
|
}
|
|
.value-name-box {
|
height: 32px;
|
line-height: 32px;
|
width: 120px;
|
text-align: left;
|
}
|
|
.alpha {
|
width: calc(100% - 120px);
|
}
|
|
input {
|
height: 30px;
|
font-size: 16px;
|
text-indent: 1em;
|
color: #ffffff;
|
background-color: transparent;
|
border: 1px solid rgb(0, 92, 169);
|
}
|
|
input:focus {
|
outline: none;
|
}
|
|
input::-webkit-input-placeholder {
|
color: rgba(238, 238, 238, 0.7);
|
}
|
|
.placeholder {
|
height: 15px;
|
margin-bottom: 0px;
|
}
|
|
.edit-plot-btn-box {
|
display: flex;
|
justify-content: center;
|
}
|
}
|
}
|
}
|
|
.edit-range-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 240px;
|
height: 170px;
|
|
.el-dialog__body {
|
.el-button {
|
padding: 0;
|
background-color: rgba(8, 56, 185, 0.9);
|
border: 1px solid rgba(8, 56, 185, 0.9);
|
color: #fff;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
margin-top: 10px;
|
}
|
|
.el-button:hover {
|
background-color: #409EFF;
|
}
|
|
&>div {
|
display: flex;
|
justify-content: center;
|
margin-bottom: 2px;
|
}
|
|
.placeholder {
|
height: 26px;
|
}
|
|
.value-name-box {
|
height: 32px;
|
line-height: 32px;
|
width: 120px;
|
text-align: left;
|
}
|
|
.line {
|
display: flex;
|
justify-content: left;
|
}
|
|
.input-width-box {
|
input {
|
outline: none;
|
width: 80px;
|
height: 28px;
|
background-color: rgba(8, 56, 185, 0.5);
|
border: none;
|
color: #fff;
|
border-radius: 4px;
|
padding-left: 15px;
|
}
|
|
input:focus {
|
border-color: #409EFF;
|
border: 1px solid #409EFF;
|
}
|
}
|
|
.units {
|
width: 40px;
|
height: 26px;
|
text-align: left;
|
padding-left: 10px;
|
}
|
}
|
}
|
}
|
|
.add-label-box {
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
width: 300px;
|
height: 140px;
|
|
.el-dialog__body {
|
.el-button {
|
padding: 0;
|
background-color: rgba(8, 56, 185, 0.9);
|
border: 1px solid rgba(8, 56, 185, 0.9);
|
color: #fff;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
vertical-align: bottom;
|
}
|
|
.el-button:hover {
|
background-color: #409EFF;
|
}
|
|
.el-input-number {
|
line-height: 100%;
|
width: 100%;
|
|
input {
|
text-indent: 0;
|
height: 30px;
|
}
|
}
|
|
.input-fontsize-box {
|
width: 100px;
|
}
|
|
.el-input-number .el-input__inner {
|
padding-left: 0;
|
padding-right: 0;
|
}
|
|
.el-input-number__decrease,
|
.el-input-number__increase {
|
top: 0;
|
width: 30px;
|
height: 30px;
|
line-height: 30px;
|
background-color: transparent;
|
color: #ffffff;
|
border: 1px solid #3d5ad5;
|
}
|
|
&>div {
|
display: flex;
|
margin-bottom: 10px;
|
}
|
|
.value-name-box {
|
height: 32px;
|
line-height: 32px;
|
width: 120px;
|
text-align: left;
|
}
|
|
.btn-box {
|
display: flex;
|
justify-content: center;
|
}
|
|
input {
|
height: 30px;
|
font-size: 16px;
|
text-indent: 1em;
|
color: #ffffff;
|
background-color: transparent;
|
border: 1px solid rgb(0, 92, 169);
|
}
|
|
input:focus {
|
outline: none;
|
}
|
|
input::-webkit-input-placeholder {
|
color: rgba(238, 238, 238, 0.7);
|
}
|
|
}
|
}
|
}
|
|
.draw-delete-confirm {
|
background: rgba(35, 50, 167, 0.7);
|
border-color: rgba(35, 50, 167, 0.7);
|
|
.el-message-box__header {
|
span {
|
color: #fff;
|
}
|
|
.el-message-box__headerbtn {
|
i {
|
color: #fff;
|
}
|
}
|
}
|
|
.el-message-box__content {
|
.el-message-box__message {
|
p {
|
color: #fff;
|
}
|
}
|
}
|
|
.el-message-box__btns {
|
|
.el-button--primary,
|
.btn-custom-cancel {
|
color: #fff;
|
background: rgba(8, 56, 185, 0.9) !important;
|
border-color: rgba(8, 56, 185, 0.9) !important;
|
}
|
|
.el-button--primary:hover,
|
.btn-custom-cancel:hover {
|
background: #66b1ff !important;
|
border-color: #66b1ff !important;
|
}
|
}
|
}
|
|
.btn-custom-cancel {
|
float: right;
|
margin-left: 10px;
|
}
|
