2 changed files with 956 additions and 65 deletions
@ -0,0 +1,952 @@ |
|||
<style lang="less" scoped> |
|||
:deep(.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover){ |
|||
background-color: rgba(20,41,76,1); |
|||
color:rgb(29, 83, 172) |
|||
} |
|||
:global(.ant-transfer-list-header-selected) { |
|||
color: rgba(255, 83, 0) |
|||
} |
|||
|
|||
:global(.ant-transfer-list-header > *:not(:last-child)) { |
|||
color: rgba(255, 83, 0) |
|||
} |
|||
|
|||
.tagtext { |
|||
margin-left: 8px; |
|||
} |
|||
|
|||
.light-tag { |
|||
position: fixed; |
|||
bottom: 135px; |
|||
left: 450px; |
|||
width: 396px; |
|||
height: 200px; |
|||
opacity: 0.8; |
|||
border-radius: 8px; |
|||
background: rgba(0, 0, 0, 1); |
|||
} |
|||
|
|||
.light-tag-tit { |
|||
display: flex; |
|||
margin-top: 18px; |
|||
margin-left: 18px; |
|||
} |
|||
|
|||
.light-tag-box { |
|||
padding: 15px 15px; |
|||
} |
|||
|
|||
.light-tag-box>img { |
|||
width: 120px; |
|||
height: 51px; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.light-tag-box>span { |
|||
color: #fff; |
|||
} |
|||
|
|||
.titleimg, |
|||
.titletext { |
|||
display: inline-block; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.control-btn, |
|||
.light-btn { |
|||
display: inline-block; |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.controlarea-btn, |
|||
.temp-btn { |
|||
display: inline-block; |
|||
margin-top: 16px; |
|||
} |
|||
|
|||
:global(.ant-drawer-content) { |
|||
background-color: rgba(0, 0, 0, 1); |
|||
opacity: 0.8; |
|||
} |
|||
|
|||
:global(.ant-modal-content) { |
|||
background-color: rgba(0, 0, 0, 1); |
|||
opacity: 0.8; |
|||
} |
|||
|
|||
:deep(.ant-transfer-list) { |
|||
width: 230px; |
|||
height: 450px; |
|||
} |
|||
|
|||
:deep(.ant-transfer-list-header) { |
|||
background-color: rgba(0, 0, 0, 1); |
|||
color: rgba(255, 255, 255, 1); |
|||
} |
|||
|
|||
.bulbLogo1 { |
|||
margin-top: 40%; |
|||
margin-left: 12%; |
|||
} |
|||
|
|||
.bulbLogo2 { |
|||
margin-top: 35%; |
|||
margin-left: 20%; |
|||
} |
|||
|
|||
.bulbLogo3 { |
|||
margin-top: 23%; |
|||
margin-left: 10%; |
|||
} |
|||
|
|||
.bulbLogo4 { |
|||
margin-top: 10%; |
|||
margin-left: 15%; |
|||
} |
|||
|
|||
.bulbLogo5 { |
|||
margin-top: 8%; |
|||
margin-left: 13%; |
|||
} |
|||
|
|||
.bulbLogo6 { |
|||
margin-top: 8%; |
|||
margin-left: 15%; |
|||
} |
|||
|
|||
.bulbLogo7 { |
|||
margin-top: 0%; |
|||
margin-left: 12%; |
|||
} |
|||
|
|||
.bulbLogo9 { |
|||
margin-top: 35%; |
|||
margin-left: 20%; |
|||
} |
|||
|
|||
.bulbLogo10 { |
|||
margin-top: 35%; |
|||
margin-left: 20%; |
|||
} |
|||
|
|||
.bulbLogo11 { |
|||
margin-top: 35%; |
|||
margin-left: 20%; |
|||
} |
|||
|
|||
.bulbLogo12 { |
|||
margin-top: 35%; |
|||
margin-left: 20%; |
|||
} |
|||
|
|||
.custom-table { |
|||
border-collapse: collapse; |
|||
width: 416px; |
|||
height: 60px; |
|||
color: rgba(255, 255, 255, 1); |
|||
} |
|||
|
|||
.custom-table th, |
|||
.custom-table td { |
|||
border: 1px solid rgba(163, 192, 243, 1); |
|||
text-align: left; |
|||
padding: 8px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.table1 { |
|||
margin-top: 20px; |
|||
width: 100%; |
|||
cellspacing: 0; |
|||
cellpadding: 0; |
|||
border: 1px solid rgba(255, 255, 255); |
|||
border-radius: 5px; |
|||
background: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.lightarea, |
|||
.circuitarea, |
|||
.controlarea, |
|||
.controlscenearea, |
|||
.lightparametersarea { |
|||
width: 100%; |
|||
margin-top: 20px; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lightareatab, |
|||
.circuittab, |
|||
.controltab, |
|||
.controlscenetab, |
|||
.lightparameterstab { |
|||
width: 5px; |
|||
height: 23px; |
|||
opacity: 1; |
|||
background: rgba(26, 174, 251, 1); |
|||
margin-right: 4px; |
|||
} |
|||
|
|||
.lightareatext, |
|||
.circuittext, |
|||
.controltext, |
|||
.controlscenetext, |
|||
.lightparameterstext { |
|||
font-size: 14px; |
|||
color: rgba(255, 255, 255, 1); |
|||
line-height: 19px; |
|||
width: 110px; |
|||
height: 23px; |
|||
opacity: 1; |
|||
background: linear-gradient(270deg, |
|||
rgba(86, 221, 253, 0) 0%, |
|||
rgba(25, 176, 255, 1) 100%); |
|||
} |
|||
|
|||
.lightareatab, |
|||
.lightareatext { |
|||
display: inline-block; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.plan.enabled { |
|||
border: none; |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
border-radius: 5px; |
|||
color: rgba(255, 255, 255, 1); |
|||
vertical-align: top; |
|||
margin-left: 235px; |
|||
width: 88px; |
|||
height: 32px; |
|||
background: linear-gradient(180deg, rgba(103, 222, 0, 1) 0%, rgba(0, 181, 6, 1) 100%); |
|||
color: white; |
|||
} |
|||
|
|||
.plan.disabled { |
|||
border: none; |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
border-radius: 5px; |
|||
color: rgba(255, 255, 255, 1); |
|||
vertical-align: top; |
|||
margin-left: 235px; |
|||
width: 88px; |
|||
height: 32px; |
|||
background-color: red; |
|||
} |
|||
|
|||
.plan:disabled { |
|||
cursor: not-allowed; |
|||
} |
|||
|
|||
.openplan.enabled2 { |
|||
border: none; |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
border-radius: 5px; |
|||
color: rgba(255, 255, 255, 1); |
|||
vertical-align: top; |
|||
width: 88px; |
|||
height: 32px; |
|||
background: linear-gradient(180deg, rgba(103, 222, 0, 1) 0%, rgba(0, 181, 6, 1) 100%); |
|||
color: white; |
|||
} |
|||
|
|||
.openplan.disabled2 { |
|||
border: none; |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
border-radius: 5px; |
|||
color: rgba(255, 255, 255, 1); |
|||
vertical-align: top; |
|||
width: 88px; |
|||
height: 32px; |
|||
background-color: red; |
|||
} |
|||
|
|||
.openplan:disabled { |
|||
cursor: not-allowed; |
|||
} |
|||
|
|||
.btn2 { |
|||
display: flex; |
|||
align-items: center; |
|||
margin-left: 80px; |
|||
} |
|||
|
|||
.openzm { |
|||
color: rgba(34, 183, 255, 1); |
|||
margin-left: 20px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.custom-checkbox { |
|||
width: 13px; |
|||
height: 13px; |
|||
} |
|||
|
|||
.both { |
|||
width: 59.79px; |
|||
height: 32px; |
|||
opacity: 1; |
|||
background: linear-gradient(180deg, |
|||
rgba(255, 187, 0, 1) 0%, |
|||
rgba(255, 112, 3, 1) 91.21%, |
|||
rgba(255, 129, 3, 1) 100%); |
|||
margin-left: 8px; |
|||
font-size: 12px; |
|||
color: rgba(255, 255, 255, 1); |
|||
border: none; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.btn2 { |
|||
button { |
|||
margin: 0 5px; |
|||
} |
|||
} |
|||
|
|||
.allbtn { |
|||
border: 0; |
|||
width: 40px; |
|||
color: rgba(255, 255, 255, 1); |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.blue-background.ant-switch-checked { |
|||
background-color: linear-gradient(180deg, |
|||
rgba(1, 206, 255, 1) 0%, |
|||
rgba(0, 150, 229, 1) 100%) !important; |
|||
} |
|||
|
|||
.grey-background.ant-switch { |
|||
background-color: grey !important; |
|||
} |
|||
|
|||
.blue-background.ant-switch-checked .ant-switch-handle { |
|||
background-color: linear-gradient(180deg, |
|||
rgba(1, 206, 255, 1) 0%, |
|||
rgba(0, 150, 229, 1) 100%) !important; |
|||
} |
|||
|
|||
.grey-background.ant-switch .ant-switch-handle { |
|||
background-color: grey !important; |
|||
} |
|||
|
|||
p { |
|||
color: rgba(255, 255, 255, 1); |
|||
} |
|||
|
|||
.area, |
|||
.btnarea, |
|||
.controlmodebtnarea, |
|||
.controlscenebtnarea { |
|||
margin-left: -17px; |
|||
|
|||
button { |
|||
width: 21%; |
|||
padding: 0 2%; |
|||
} |
|||
} |
|||
|
|||
.btn { |
|||
width: 92px; |
|||
height: 40px; |
|||
border-radius: 4px; |
|||
opacity: 1; |
|||
margin-top: 10px; |
|||
margin-left: 17px; |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
opacity: 1; |
|||
border: 1px solid rgba(207, 212, 219, 1); |
|||
line-height: 20.27px; |
|||
color: rgba(255, 255, 255, 1); |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.selected { |
|||
background: linear-gradient(180deg, |
|||
rgba(201, 245, 255, 1) 0%, |
|||
rgba(138, 215, 255, 1) 100%); |
|||
color: rgba(0, 61, 90, 1); |
|||
border: 1px solid rgba(255, 255, 255, 1); |
|||
} |
|||
|
|||
.btn:hover { |
|||
background-color: rgba(207, 212, 219, 1); |
|||
} |
|||
|
|||
.btn:active { |
|||
background-color: rgba(102, 102, 102, 1); |
|||
color: white; |
|||
} |
|||
|
|||
.circuitarea, |
|||
.controlscenearea, |
|||
.lightparametersarea { |
|||
left: 51px; |
|||
width: 100%; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.circuittab, |
|||
.circuittext { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.batch { |
|||
width: 60px; |
|||
height: 32px; |
|||
opacity: 1; |
|||
border: 1px solid rgba(67, 136, 251, 1); |
|||
color: rgba(67, 136, 251, 1); |
|||
border-radius: 5px; |
|||
background-color: rgba(255, 255, 255, 1); |
|||
margin-left: 11px; |
|||
} |
|||
|
|||
.controlarea { |
|||
left: 51px; |
|||
width: 100%; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.controltab, |
|||
.controltext { |
|||
display: inline-block; |
|||
} |
|||
|
|||
:deep(.cell) { |
|||
text-align: center; |
|||
} |
|||
|
|||
:deep(#pane-first) { |
|||
height: 100%; |
|||
} |
|||
|
|||
.controlscenetab, |
|||
.controlscenetext { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.lightparameterstab, |
|||
.lightparameterstext { |
|||
display: inline-block; |
|||
} |
|||
|
|||
|
|||
.lightparameterstextarea>p { |
|||
height: 100%; |
|||
display: flex; |
|||
border: 1px solid rgba(236, 239, 245, 1); |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
|
|||
.bottom { |
|||
width: 100%; |
|||
height: 64px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
align-items: center; |
|||
position: fixed; |
|||
bottom: 0; |
|||
right: 0; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.execute { |
|||
margin-right: 20px; |
|||
width: 74px; |
|||
height: 40px; |
|||
opacity: 1; |
|||
border-radius: 4px; |
|||
background: rgba(67, 136, 251, 1); |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
color: rgba(255, 255, 255, 1); |
|||
border: 0; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.flushed { |
|||
width: 74px; |
|||
height: 40px; |
|||
opacity: 1; |
|||
border-radius: 4px; |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
color: rgba(102, 102, 102, 1); |
|||
background: rgba(255, 255, 255, 1); |
|||
border: 1px solid rgba(193, 197, 204, 1); |
|||
} |
|||
|
|||
.tabreboot, |
|||
.tabdelete { |
|||
border: none; |
|||
background-color: rgba(0,0,0,0); |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
letter-spacing: 0; |
|||
line-height: 20px; |
|||
color: rgba(67, 136, 251, 1); |
|||
} |
|||
|
|||
.tabreboot { |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
.add { |
|||
width: 74px; |
|||
height: 40px; |
|||
opacity: 1; |
|||
border-radius: 4px; |
|||
background: rgba(67, 136, 251, 1); |
|||
border: rgba(67, 136, 251, 1); |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
color: rgba(255, 255, 255, 1); |
|||
} |
|||
|
|||
.divadd { |
|||
width: 100%; |
|||
height: 64px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
align-items: center; |
|||
position: fixed; |
|||
bottom: 0; |
|||
right: 0; |
|||
margin-bottom: 10px; |
|||
margin-right: 20px; |
|||
} |
|||
|
|||
.atable { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
:deep(.ant-table-pagination) { |
|||
visibility: hidden; |
|||
} |
|||
|
|||
.drawer-content { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.arrow-indicator { |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 0; |
|||
transform: translateY(-50%); |
|||
z-index: 1; |
|||
} |
|||
|
|||
.drawer-title1 { |
|||
position: fixed; |
|||
width: 33px; |
|||
height: 33px; |
|||
top: 0; |
|||
bottom: 0; |
|||
right: 20px; |
|||
margin: auto; |
|||
z-index: 99999; |
|||
} |
|||
|
|||
.drawer-title2 { |
|||
position: fixed; |
|||
width: 33px; |
|||
height: 33px; |
|||
top: 0; |
|||
bottom: 0; |
|||
right: 495px; |
|||
margin: auto; |
|||
z-index: 99999; |
|||
} |
|||
|
|||
.arrowbtn { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
width: 28px; |
|||
height: 28px; |
|||
background: rgba(0, 0, 0, 1); |
|||
opacity: 0.5; |
|||
border: none; |
|||
} |
|||
|
|||
:deep(.ant-tabs-tab-btn) { |
|||
color: white; |
|||
} |
|||
|
|||
:deep(.ant-table) { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
:deep(.ant-table-bordered) { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
:deep(.ant-table-thead) { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
:deep(.ant-table-cell) { |
|||
background-color: transparent; |
|||
color: #fff; |
|||
} |
|||
.lighting-img-box { |
|||
width: 100%; |
|||
max-height: calc(100% - 79px); |
|||
} |
|||
.lighting-img-box>img { |
|||
width: 100%; |
|||
height: calc(100vh - 96px); |
|||
object-fit: cover; |
|||
} |
|||
.F1 { |
|||
width: 120px; |
|||
height: 50.72px; |
|||
border-radius: 4px; |
|||
background: rgba(39, 120, 255, 1); |
|||
border: 1px solid rgba(51, 199, 255, 1); |
|||
box-shadow: 0px 10px 15px rgba(0, 54, 136, 0.3); |
|||
font-size: 24px; |
|||
font-weight: 400; |
|||
color: rgba(255, 255, 255, 1); |
|||
} |
|||
.F2, |
|||
.platform { |
|||
width: 120px; |
|||
height: 50.72px; |
|||
border-radius: 4px; |
|||
background: rgba(7, 72, 116, 1); |
|||
box-shadow: 0px 10px 15px rgba(0, 54, 136, 0.3); |
|||
font-size: 24px; |
|||
font-weight: 400; |
|||
color: rgba(146, 187, 255, 1); |
|||
border: 1px solid rgba(39, 120, 255, 1); |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.btn-box { |
|||
position: fixed; |
|||
top: 100px; |
|||
left: 250px; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.wh100 { |
|||
width: 38px; |
|||
height: calc(38px + 19px); |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo1 { |
|||
position: absolute; |
|||
top: 10%; |
|||
left: 10%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo2 { |
|||
position: absolute; |
|||
top: 9%; |
|||
left: 15%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo3 { |
|||
position: absolute; |
|||
top: 34%; |
|||
left: 25%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo4 { |
|||
position: absolute; |
|||
top: 45%; |
|||
left: 30%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo5 { |
|||
position: absolute; |
|||
top: 45%; |
|||
left: 30%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo6 { |
|||
position: absolute; |
|||
top: 55%; |
|||
left: 30%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo7 { |
|||
position: absolute; |
|||
top: 60%; |
|||
left: 40%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo8 { |
|||
position: absolute; |
|||
top: 55%; |
|||
left: 70%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo9 { |
|||
position: absolute; |
|||
top: 10%; |
|||
left: 60%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo10 { |
|||
position: absolute; |
|||
top: 10%; |
|||
left: 40%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo11 { |
|||
position: absolute; |
|||
top: 15%; |
|||
left: 50%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo12 { |
|||
position: absolute; |
|||
top: 15%; |
|||
left: 60%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo13 { |
|||
position: absolute; |
|||
top: 55%; |
|||
left: 70%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo14 { |
|||
position: absolute; |
|||
top: 45%; |
|||
left: 60%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo15 { |
|||
position: absolute; |
|||
top: 45%; |
|||
left: 80%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.lighting-img-box>.bulbBox>.bulbLogo16 { |
|||
position: absolute; |
|||
top: 45%; |
|||
left: 90%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.editable-cell { |
|||
position: relative; |
|||
|
|||
.editable-cell-input-wrapper, |
|||
.editable-cell-text-wrapper { |
|||
padding-right: 24px; |
|||
} |
|||
|
|||
.editable-cell-text-wrapper { |
|||
padding: 5px 24px 5px 5px; |
|||
} |
|||
|
|||
.editable-cell-icon, |
|||
.editable-cell-icon-check { |
|||
position: absolute; |
|||
right: 0; |
|||
width: 20px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.editable-cell-icon { |
|||
margin-top: 4px; |
|||
display: none; |
|||
} |
|||
|
|||
.editable-cell-icon-check { |
|||
line-height: 28px; |
|||
} |
|||
|
|||
.editable-cell-icon:hover, |
|||
.editable-cell-icon-check:hover { |
|||
color: #108ee9; |
|||
} |
|||
|
|||
.editable-add-btn { |
|||
margin-bottom: 8px; |
|||
} |
|||
} |
|||
|
|||
.editable-cell:hover .editable-cell-icon { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.div-operation { |
|||
width: 3px; |
|||
height: 13px; |
|||
opacity: 1; |
|||
border-radius: 1px; |
|||
background: rgba(67, 136, 251, 1); |
|||
} |
|||
|
|||
.text-operation { |
|||
color: rgba(255, 255, 255, 1); |
|||
font-size: 16px; |
|||
font-weight: 700; |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
.div-operation, |
|||
.text-operation { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.jbox { |
|||
background-color: #000; |
|||
opacity: 1; |
|||
z-index: 99999; |
|||
} |
|||
|
|||
.journal { |
|||
padding: 3% 5%; |
|||
background-size: 450px 177px; |
|||
width: 482px; |
|||
height: 177px; |
|||
background-color: rgba(0, 0, 0); |
|||
border-radius: 12px; |
|||
border: 2px solid transparent; |
|||
border-image: linear-gradient(to bottom, #0077FF, #00F6FF, #000000) 1; |
|||
} |
|||
|
|||
.imgText { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
|
|||
.ztzm { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.cxbtn { |
|||
color: rgba(255, 255, 255, 1); |
|||
border: none; |
|||
border-radius: 6px; |
|||
width: 59.79px; |
|||
height: 32px; |
|||
opacity: 1; |
|||
background: linear-gradient(180deg, |
|||
rgba(255, 187, 0, 1) 0%, |
|||
rgba(255, 112, 3, 1) 91.21%, |
|||
rgba(255, 129, 3, 1) 100%); |
|||
} |
|||
} |
|||
|
|||
:deep(.ant-modal-content) { |
|||
width: 555px; |
|||
height: 792px; |
|||
} |
|||
|
|||
:deep(.ant-modal-body) { |
|||
width: 555px; |
|||
max-height: 792px !important; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.text-change { |
|||
text-align: center; |
|||
color: rgba(255, 255, 255, 1); |
|||
font-size: 20px; |
|||
} |
|||
|
|||
.excuno { |
|||
width: 150px; |
|||
height: 40px; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.excuok { |
|||
width: 150px; |
|||
height: 40px; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.excubtn { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.addok { |
|||
width: 74px; |
|||
height: 40px; |
|||
opacity: 1; |
|||
border-radius: 4px; |
|||
background: rgba(67, 136, 251, 1); |
|||
border: rgba(67, 136, 251, 1); |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
color: rgba(255, 255, 255, 1); |
|||
margin-top: 440px; |
|||
margin-left: 350px; |
|||
} |
|||
|
|||
.zmhlbtn { |
|||
position: relative; |
|||
} |
|||
|
|||
.anticon-stop { |
|||
position: absolute; |
|||
right: 3px; |
|||
bottom: 3px; |
|||
} |
|||
|
|||
.istrindex { |
|||
background: rgba(67, 136, 251, 1); |
|||
} |
|||
|
|||
:deep(.ant-modal-mask.ant-modal-content) { |
|||
height: 100vh; |
|||
position: fixed; |
|||
right: 496px; |
|||
top: 0%; |
|||
} |
|||
:global(.ant-modal-content) { |
|||
position: fixed; |
|||
bottom: 20px; |
|||
right: 500px; |
|||
} |
|||
</style> |
Loading…
Reference in new issue