2859 lines
69 KiB
CSS
2859 lines
69 KiB
CSS
@font-face {
|
|
font-family: 'TencentSans W7CN';
|
|
src: url('../fonts/TencentSans-W7-CN.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'D-Din-Bold';
|
|
src: url('../fonts/D-DIN-Bold.woff') format('woff');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Ali-mother-counts-bold';
|
|
src: url('../fonts/Ali-mother-counts-bold.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'sy-boldface';
|
|
src: url('../fonts/sy-boldface.otf') format('opentype');
|
|
}
|
|
|
|
:root {
|
|
--color-sdk-base-rgb: 0, 255, 255;
|
|
--color-sdk-auxiliary: 0, 66, 66;
|
|
--color-sdk-auxiliary-public: #ffffff;
|
|
--color-sdk-warning-0: #1BF8C3;
|
|
--color-sdk-warning-1: #F16C55;
|
|
--color-sdk-warning-2: #FFA145;
|
|
--color-sdk-warning-3: #FFDF53;
|
|
--color-sdk-text-head: #FFFFFF;
|
|
--color-sdk-text-head-1: #E6F7FF;
|
|
--color-sdk-text-head-2: #ADF1FF;
|
|
--color-sdk-gradual: rgb(0, 255, 255) 6.25%, rgb(0, 200, 255) 100%;
|
|
--color-sdk-bg-gradual: #00ffff33 0%, #00ffff00 100%;
|
|
--color-sdk-text-shadow: rgba(20, 118, 255, 1);
|
|
}
|
|
|
|
.cesium-viewer-cesiumWidgetContainer {
|
|
position: relative;
|
|
}
|
|
|
|
.cesium-viewer-cesiumWidgetContainer .cesium-widget:nth-of-type(1) {
|
|
position: absolute;
|
|
}
|
|
|
|
.cesium-viewer-cesiumWidgetContainer .cesium-widget-cesiumNavigationContainer .distance-legend {
|
|
z-index: 1;
|
|
}
|
|
|
|
.YJ-custom-base-dialog {
|
|
position: absolute;
|
|
color: var(--color-sdk-auxiliary-public);
|
|
font-size: 14px;
|
|
z-index: 999999;
|
|
background: linear-gradient(0deg, var(--color-sdk-bg-gradual)), rgba(0, 0, 0, 0.6);
|
|
border: 1.5px solid;
|
|
backdrop-filter: blur(2px);
|
|
border-image: linear-gradient(to bottom, var(--color-sdk-gradual)) 1;
|
|
text-align: left;
|
|
font-family: 'sy-boldface';
|
|
top: 100px;
|
|
left: 250px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog * {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.YJ-custom-base-dialog:after {
|
|
display: block;
|
|
position: absolute;
|
|
content: "";
|
|
left: -1.5px;
|
|
top: -6px;
|
|
width: 70.5px;
|
|
height: 6px;
|
|
opacity: 1;
|
|
background: rgba(var(--color-sdk-base-rgb), 1);
|
|
clip-path: polygon(0 0, calc(100% - 3px) 0, 100% 6px, 0 6px);
|
|
}
|
|
|
|
.YJ-custom-base-dialog svg {
|
|
fill: var(--color-sdk-auxiliary-public);
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .custom-divider {
|
|
width: 100%;
|
|
display: block;
|
|
border-top: 1px solid rgba(204, 204, 204, 0.2);
|
|
}
|
|
|
|
.YJ-custom-base-dialog .text-number {
|
|
font-family: 'D-Din-Bold';
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .lable-left-line {
|
|
white-space: nowrap;
|
|
height: 15px;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .lable-left-line::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 2px;
|
|
border-radius: 2px;
|
|
background: linear-gradient(180deg, var(--color-sdk-gradual));
|
|
}
|
|
|
|
.YJ-custom-base-dialog .input-box {
|
|
position: relative;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .input-box.error input {
|
|
border-color: #ff0000;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .input-box.error .input-error-text {
|
|
color: #ff0000;
|
|
position: absolute;
|
|
left: 10px;
|
|
bottom: -16px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .icon-edit {
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
/* background: url(../img/icon-edit.png) 100% 100% no-repeat; */
|
|
}
|
|
|
|
.YJ-custom-base-dialog button {
|
|
height: 32px;
|
|
line-height: 24px;
|
|
border-radius: 4px;
|
|
white-space: nowrap;
|
|
border-radius: 4px;
|
|
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
padding: 5px 16px 4px 16px;
|
|
color: #ffffff;
|
|
font-size: 12px;
|
|
position: relative;
|
|
}
|
|
|
|
.YJ-custom-base-dialog button:not(button[disabled="disabled"]):hover {
|
|
border-color: rgba(var(--color-sdk-base-rgb), 1) !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.YJ-custom-base-dialog button:focus-visible {
|
|
outline: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog button.primary {
|
|
color: #fff;
|
|
background-color: #409eff;
|
|
border-color: #409eff;
|
|
}
|
|
|
|
.YJ-custom-base-dialog button.text {
|
|
color: #409eff;
|
|
background-color: #ffffff00;
|
|
border-color: #ffffff00;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .disabled::after,
|
|
.YJ-custom-base-dialog button:disabled::after {
|
|
cursor: no-drop;
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(204, 204, 204, 0.2);
|
|
z-index: 1;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog input.input-text {
|
|
color: #ffffff !important;
|
|
background-color: #ffffff00 !important;
|
|
border-color: #ffffff00 !important;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.title-box {
|
|
line-height: 46px;
|
|
padding: 5px 16px 5px 16px;
|
|
position: relative;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.title-box>.title {
|
|
font-family: 'Ali-mother-counts-bold';
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
letter-spacing: 0px;
|
|
line-height: 0px;
|
|
color: rgba(255, 255, 255, 1);
|
|
text-align: left;
|
|
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow);
|
|
-webkit-pointer-events: none;
|
|
-moz-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
-o-pointer-events: none;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .subtitle-box {
|
|
line-height: 24px;
|
|
position: relative;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .subtitle-box>.subtitle {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
letter-spacing: 0px;
|
|
line-height: 0px;
|
|
color: rgba(255, 255, 255, 1);
|
|
text-align: left;
|
|
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow)
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.title-box>.close-box {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
height: 30px;
|
|
cursor: pointer;
|
|
width: 30px;
|
|
border-radius: 0 0 0 90%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.title-box>.close-box>.close {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(var(--color-sdk-base-rgb), 1);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.title-box>.close-box>i {
|
|
font-style: normal;
|
|
font-size: 18px;
|
|
font-weight: 900;
|
|
position: absolute;
|
|
top: -13px;
|
|
left: 11px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content {
|
|
padding: 0px 24px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .div-item {
|
|
/* border-top: 1px solid rgba(204, 204, 204, 0.2); */
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content select option[disabled] {
|
|
color: #c0c4cc;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .row {
|
|
width: 100%;
|
|
margin-bottom: 12px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .row .input-select-unit-box,
|
|
.YJ-custom-base-dialog>.content .row .input-select-fit-unit-box {
|
|
flex: 0 0 270px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .row:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .row>.col {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .row>.col:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .row>.col:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .row>.col>.row {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .row .label {
|
|
text-align: right;
|
|
margin-right: 10px;
|
|
white-space: nowrap;
|
|
color: var(--color-sdk-text-head-1);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input,
|
|
.YJ-custom-base-dialog>.content textarea {
|
|
font-size: 16px;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
border-radius: 5px;
|
|
line-height: 32px;
|
|
height: 32px;
|
|
color: var(--color-sdk-auxiliary-public);
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input:read-only {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input[type=checkbox]:read-only {
|
|
background-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input:focus-visible,
|
|
.YJ-custom-base-dialog>.content textarea:focus-visible {
|
|
outline: none;
|
|
border-color: rgba(var(--color-sdk-base-rgb), 0.8);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content select:focus-visible {
|
|
outline: none;
|
|
border-color: 1px solid rgba(0, 255, 255, 0);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content select {
|
|
background-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
border: 1px solid rgba(0, 255, 255, 0);
|
|
border-radius: 5px;
|
|
line-height: 32px;
|
|
height: 32px;
|
|
color: #fff;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .yj-custom-icon-arrow-down {
|
|
display: inline-block;
|
|
width: 7px;
|
|
height: 7px;
|
|
border-bottom: 2px solid #ffffff;
|
|
border-left: 2px solid #ffffff;
|
|
transform: rotate(-45deg);
|
|
-webkit-pointer-events: none;
|
|
-moz-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
-o-pointer-events: none;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-group {
|
|
display: flex;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-group input {
|
|
border-radius: 5px 0 0 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-group button {
|
|
border-radius: 0px 4px 4px 0;
|
|
padding: 1px 20px 0 20px;
|
|
height: 32px;
|
|
border-left-color: rgba(0, 255, 255, 0);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-group.radio {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-group.radio * {
|
|
-webkit-pointer-events: none;
|
|
-moz-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
-o-pointer-events: none;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute .attribute-select {
|
|
width: 80px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute .attribute-content-link .link_add_btn,
|
|
.YJ-custom-base-dialog>.content .attribute .attribute-content-vr .vr_add_btn {
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url(../img/icon-add.png) 50% 50% no-repeat;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute .attribute-content-link .link_add,
|
|
.YJ-custom-base-dialog>.content .attribute .attribute-content-vr .vr_add {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute .attribute-content-link .tr .td:last-child button:first-child,
|
|
.YJ-custom-base-dialog>.content .attribute .attribute-content-vr .tr .td:last-child button:first-child {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table {
|
|
background-color: #ffffff00;
|
|
color: #000;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table {
|
|
background-color: #ffffff00;
|
|
color: #000;
|
|
overflow: hidden;
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table input {}
|
|
|
|
.YJ-custom-base-dialog>.content .table .tr {
|
|
display: flex;
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
border-right: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .table-body .tr {
|
|
border-bottom: none;
|
|
border-left: none;
|
|
margin-right: -8px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .table-body .tr:first-child {
|
|
border-top: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr,
|
|
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr {}
|
|
|
|
.YJ-custom-base-dialog>.content .table .table-empty {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
padding: 27px 10px;
|
|
color: #ffffff;
|
|
width: calc(100% + 1px);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .table-empty .empty-img {
|
|
width: 100px;
|
|
height: 98px;
|
|
background: url(../img/empty.png) 0% 0% no-repeat;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .table-head {
|
|
color: #ffffff;
|
|
margin-right: 8px;
|
|
width: calc(100% + 1px);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .table-head .tr {
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .table-head .th {
|
|
justify-content: center;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .table-body {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
scrollbar-gutter: stable;
|
|
width: calc(100% + 1px);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .align-center,
|
|
.YJ-custom-base-dialog>.content .table .align-center {
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .input {
|
|
line-height: 28px;
|
|
height: 28px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
font-family: 'sy-boldface';
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute-content-link .table .table-body,
|
|
.YJ-custom-base-dialog>.content .attribute-content-vr .table .table-body {
|
|
max-height: 172px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content *::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content *::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
background-color: rgba(var(--color-sdk-base-rgb));
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content *::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
border-radius: 5px;
|
|
background-color: rgba(var(--color-sdk-base-rgb), 0.1);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .table-body .tr:last-child {}
|
|
|
|
.YJ-custom-base-dialog>.content .table .tr .th,
|
|
.YJ-custom-base-dialog>.content .table .tr .td {
|
|
flex: 1;
|
|
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
padding: 5px 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 18px;
|
|
word-break: break-all;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .tr .td.center {
|
|
text-align: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .th:nth-child(1),
|
|
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td:nth-child(1),
|
|
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .th:nth-child(1),
|
|
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td:nth-child(1) {
|
|
width: 150px;
|
|
flex: 0 0 150px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .th:nth-child(2),
|
|
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td:nth-child(2),
|
|
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .th:nth-child(2),
|
|
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td:nth-child(2) {
|
|
width: 235px;
|
|
flex: 0 0 235px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td:nth-child(3),
|
|
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td:nth-child(3) {
|
|
flex: 0 0 150px;
|
|
width: 150px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td .input-group .input,
|
|
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td .input-group .input {
|
|
border-radius: 5px 0 0 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .attribute-content-materials .table .tr .th:nth-child(1),
|
|
.YJ-custom-base-dialog>.content .attribute-content-materials .table .tr .td:nth-child(1) {
|
|
flex: 0 0 60px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .tr .td .link-edit {
|
|
min-height: 32px;
|
|
line-height: 18px;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table .tr .th:last-child,
|
|
.YJ-custom-base-dialog>.content .table .tr .td:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.camera-table {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.isc-table {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.camera-table .tr {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.isc-table .tr {
|
|
display: flex;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.camera-table .tr:last-child,
|
|
.YJ-custom-base-dialog>.content .table.isc-table .tr:last-child {
|
|
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.camera-table .tr .td span,
|
|
.YJ-custom-base-dialog>.content .table.isc-table .tr .td span {
|
|
white-space: nowrap;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.camera-table .tr .td input[type=checkbox],
|
|
.YJ-custom-base-dialog>.content .table.isc-table .tr .td input[type=checkbox] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.camera-table .table-body,
|
|
.YJ-custom-base-dialog>.content .table.isc-table .table-body {
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
height: 186px;
|
|
width: auto;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.camera-table .tr .th,
|
|
.YJ-custom-base-dialog>.content .table.camera-table .tr .td {
|
|
flex: 0 100px;
|
|
width: 100px;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.isc-table .tr .th,
|
|
.YJ-custom-base-dialog>.content .table.isc-table .tr .td {
|
|
flex: 1;
|
|
width: auto;
|
|
min-width: auto;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .table.camera-table .tr .th:first-child,
|
|
.YJ-custom-base-dialog>.content .table.camera-table .tr .td:first-child,
|
|
.YJ-custom-base-dialog>.content .table.isc-table .tr .th:first-child,
|
|
.YJ-custom-base-dialog>.content .table.isc-table .tr .td:first-child {
|
|
flex: 0 74px;
|
|
min-width: 74px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content select>option {
|
|
color: #000;
|
|
}
|
|
|
|
/* .YJ-custom-base-dialog>.content input[type="range"] {
|
|
padding: 0px;
|
|
height: 6px;
|
|
border: 0;
|
|
margin-top: 20px;
|
|
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
-webkit-appearance: none;
|
|
} */
|
|
.YJ-custom-base-dialog>.content [type="range"] {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
margin: 0;
|
|
outline: 0;
|
|
background-color: transparent;
|
|
height: 0px;
|
|
border: none;
|
|
margin: 0 0 20px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content [type="range"]::-webkit-slider-runnable-track {
|
|
height: 6px;
|
|
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content [type="range" i]::-webkit-slider-container {
|
|
height: 20px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content [type="range"]::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background-color: rgba(var(--color-sdk-base-rgb), 1);
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
|
|
margin-top: -7px;
|
|
border-image: linear-gradient(rgba(var(--color-sdk-base-rgb), 1), rgba(var(--color-sdk-base-rgb), 1)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
|
|
}
|
|
|
|
|
|
.YJ-custom-base-dialog>.content input[type="color"] {
|
|
-webkit-appearance: none;
|
|
border: none;
|
|
width: 25px;
|
|
height: 25px;
|
|
float: right;
|
|
padding: 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input[type="radio"] {
|
|
width: 14px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input[type="color"]::-webkit-color-swatch-wrapper {
|
|
padding: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input[type="color"]::-webkit-color-swatch {
|
|
border: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input[type=number] {
|
|
padding: 0 16px 0 10px;
|
|
font-weight: 700;
|
|
font-family: 'D-Din-Bold';
|
|
font-size: 18px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input[type=number]::-webkit-outer-spin-button,
|
|
.YJ-custom-base-dialog>.content input[type=number]::-webkit-inner-spin-button {
|
|
/* 去掉默认的表单外观 */
|
|
-webkit-appearance: none;
|
|
/* 添加自定义样式 */
|
|
-webkit-pointer-events: none;
|
|
-moz-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
-o-pointer-events: none;
|
|
pointer-events: none;
|
|
opacity: 1;
|
|
width: 14px;
|
|
height: 28px;
|
|
margin-right: -25px;
|
|
margin-left: 5px;
|
|
margin-top: 2px;
|
|
background-color: #00000000;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number {
|
|
width: 100%;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number input[type=number]::-webkit-outer-spin-button,
|
|
.YJ-custom-base-dialog>.content .input-number input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-pointer-events: auto;
|
|
-moz-pointer-events: auto;
|
|
-ms-pointer-events: auto;
|
|
-o-pointer-events: auto;
|
|
pointer-events: auto;
|
|
margin-left: 10px;
|
|
margin-right: -15px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-1 input[type=number] {
|
|
padding: 0 26px 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-1 input[type=number]::-webkit-outer-spin-button,
|
|
.YJ-custom-base-dialog>.content .input-number-unit-1 input[type=number]::-webkit-inner-spin-button {
|
|
margin-left: 15px;
|
|
margin-right: -25px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-2 input[type=number] {
|
|
padding: 0 36px 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-2 input[type=number]::-webkit-outer-spin-button,
|
|
.YJ-custom-base-dialog>.content .input-number-unit-2 input[type=number]::-webkit-inner-spin-button {
|
|
margin-left: 25px;
|
|
margin-right: -35px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-3 input[type=number] {
|
|
padding: 0 46px 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-3 input[type=number]::-webkit-outer-spin-button,
|
|
.YJ-custom-base-dialog>.content .input-number-unit-3 input[type=number]::-webkit-inner-spin-button {
|
|
margin-left: 35px;
|
|
margin-right: -45px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-4 input[type=number] {
|
|
padding: 0 56px 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-4 input[type=number]::-webkit-outer-spin-button,
|
|
.YJ-custom-base-dialog>.content .input-number-unit-4 input[type=number]::-webkit-inner-spin-button {
|
|
margin-left: 45px;
|
|
margin-right: -55px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-5 input[type=number] {
|
|
padding: 0 66px 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-5 input[type=number]::-webkit-outer-spin-button,
|
|
.YJ-custom-base-dialog>.content .input-number-unit-5 input[type=number]::-webkit-inner-spin-button {
|
|
margin-left: 55px;
|
|
margin-right: -65px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-6 input[type=number] {
|
|
padding: 0 76px 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-6 input[type=number]::-webkit-outer-spin-button,
|
|
.YJ-custom-base-dialog>.content .input-number-unit-6 input[type=number]::-webkit-inner-spin-button {
|
|
margin-left: 65px;
|
|
margin-right: -75px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit7 input[type=number] {
|
|
padding: 0 86px 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-7 input[type=number]::-webkit-outer-spin-button,
|
|
.YJ-custom-base-dialog>.content .input-number-unit-7 input[type=number]::-webkit-inner-spin-button {
|
|
margin-left: 75px;
|
|
margin-right: -85px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit8 input[type=number] {
|
|
padding: 0 96px 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .input-number-unit-8 input[type=number]::-webkit-outer-spin-button,
|
|
.YJ-custom-base-dialog>.content .input-number-unit-8 input[type=number]::-webkit-inner-spin-button {
|
|
margin-left: 85px;
|
|
margin-right: -95px;
|
|
}
|
|
|
|
/* 飞行漫游 */
|
|
.YJ-custom-base-dialog>.content .fly-roam {
|
|
width: 474px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .total-time {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .table-body {
|
|
height: 220px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .tr .th:first-child,
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .tr .td:first-child {
|
|
flex: 0 0 95px;
|
|
width: 95px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .tr .th:nth-child(2),
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .tr .td:nth-child(2) {
|
|
flex: 0 0 240px;
|
|
width: 240px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .tr .th:last-child,
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .tr .td:last-child {
|
|
flex: 0 0 140px;
|
|
width: 140px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr.active {
|
|
background: rgba(var(--color-sdk-base-rgb), 0.15);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr:last-child {
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr:last-child .input {
|
|
color: #808080;
|
|
cursor: no-drop;
|
|
}
|
|
|
|
/* .YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr:last-child .play {
|
|
color: #bcbcbc;
|
|
cursor: no-drop;
|
|
}
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr:last-child .play:hover {
|
|
border-color: rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
|
} */
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table .action {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table i {
|
|
font-size: 18px;
|
|
color: #409eff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table i:hover {
|
|
color: #6bb4ff;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam .table i:active {
|
|
color: #409eff;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .fly-roam button {
|
|
padding: 6px 14px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .input-number {
|
|
position: relative;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .input-number>.unit {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 18px;
|
|
font-size: 12px;
|
|
-webkit-pointer-events: none;
|
|
-moz-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
-o-pointer-events: none;
|
|
pointer-events: none;
|
|
line-height: 17px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .input-number>.arrow {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 14px;
|
|
-webkit-pointer-events: none;
|
|
-moz-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
-o-pointer-events: none;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .input-number>.arrow:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: -3px;
|
|
border-top: 4px solid rgb(255, 255, 255, 0);
|
|
border-right: 5px solid rgba(255, 255, 255, 0);
|
|
border-bottom: 4px solid rgba(255, 255, 255);
|
|
border-left: 5px solid rgba(255, 255, 255, 0);
|
|
}
|
|
|
|
.YJ-custom-base-dialog .input-number>.arrow:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 9px;
|
|
border-top: 4px solid rgb(255, 255, 255);
|
|
border-right: 5px solid rgba(255, 255, 255, 0);
|
|
border-bottom: 4px solid rgba(255, 255, 255, 0);
|
|
border-left: 5px solid rgba(255, 255, 255, 0);
|
|
}
|
|
|
|
|
|
.YJ-custom-base-dialog .foot {
|
|
position: relative;
|
|
padding: 20px 24px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .foot>button {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .foot>.show>.label {
|
|
margin: 0px 10px;
|
|
}
|
|
|
|
/* 颜色组件 */
|
|
|
|
.YJ-custom-base-dialog .ew-color-picker-box .ew-color-picker-no {
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .ew-color-picker>.ew-color-dropbtns>.ew-color-input {
|
|
color: #000000;
|
|
width: 60%;
|
|
background-color: #00000000;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .ew-color-picker>.ew-color-dropbtns>.ew-color-dropbtngroup {
|
|
display: flex;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .ew-color-picker>.ew-color-dropbtns>.ew-color-dropbtngroup button {
|
|
background: unset;
|
|
border: 1px solid #dcdfe6;
|
|
color: #000;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .ew-color-picker-box {
|
|
border-width: 4px;
|
|
border-color: #ffffff;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow {
|
|
border: 1px solid rgba(var(--color-sdk-auxiliary), 0.5);
|
|
;
|
|
}
|
|
|
|
.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow>.ew-color-picker-arrow-right,
|
|
.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow>.ew-color-picker-arrow-left {
|
|
left: 5px;
|
|
top: 3px;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 1px solid rgba(var(--color-sdk-auxiliary), 1);
|
|
border-top: none;
|
|
border-right: none;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
/* 滑块样式 */
|
|
.DIV_cy_slider {
|
|
width: 100%;
|
|
height: 4px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
touch-action: none;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
.DIV_cy_slider>.length {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #a9acb1;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.DIV_cy_slider>.handler {
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: #fff;
|
|
top: 50%;
|
|
transform: translateX(-50%) translateY(-50%);
|
|
border-radius: 100%;
|
|
z-index: 3;
|
|
cursor: pointer;
|
|
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .4);
|
|
}
|
|
|
|
.DIV_cy_slider>.light {
|
|
position: absolute;
|
|
height: 100%;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
background-color: #017afd;
|
|
cursor: pointer;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.DIV_cy_slider.vertical {
|
|
width: 4px;
|
|
height: 200px;
|
|
}
|
|
|
|
.DIV_cy_slider.vertical>.handler {
|
|
transform: translateX(-32%) translateY(50%);
|
|
top: unset;
|
|
}
|
|
|
|
.DIV_cy_slider.vertical>.light {
|
|
width: 100%;
|
|
height: unset;
|
|
transform: none;
|
|
top: unset;
|
|
bottom: 0;
|
|
}
|
|
|
|
.DIV_cy_slider.red>.light {
|
|
background-color: #cd1e1e;
|
|
}
|
|
|
|
.DIV_cy_slider.orange>.light {
|
|
background-color: #dd7639;
|
|
}
|
|
|
|
.DIV_cy_slider.yellow>.light {
|
|
background-color: #e5df22;
|
|
}
|
|
|
|
.DIV_cy_slider.green>.light {
|
|
background-color: #23a92d;
|
|
}
|
|
|
|
.DIV_cy_slider.cyan>.light {
|
|
background-color: #41d8df;
|
|
}
|
|
|
|
.DIV_cy_slider.purple>.light {
|
|
background-color: #b653cf;
|
|
}
|
|
|
|
.DIV_cy_slider.big {
|
|
height: 6px;
|
|
}
|
|
|
|
.DIV_cy_slider.big>.length {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.DIV_cy_slider.big>.handler {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
.DIV_cy_slider.big>.light {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.DIV_cy_slider.huge {
|
|
height: 8px;
|
|
}
|
|
|
|
.DIV_cy_slider.huge>.length {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.DIV_cy_slider.huge>.handler {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.DIV_cy_slider.huge>.light {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.DIV_cy_slider.vertical.big {
|
|
width: 6px;
|
|
height: 200px;
|
|
}
|
|
|
|
.DIV_cy_slider.vertical.big>.length {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.DIV_cy_slider.vertical.big>.handler {
|
|
width: 12px;
|
|
height: 12px;
|
|
transform: translateX(-28%) translateY(50%);
|
|
}
|
|
|
|
.DIV_cy_slider.vertical.big>.light {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.DIV_cy_slider.vertical.huge {
|
|
width: 8px;
|
|
height: 200px;
|
|
}
|
|
|
|
.DIV_cy_slider.vertical.huge>.length {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.DIV_cy_slider.vertical.huge>.handler {
|
|
width: 14px;
|
|
height: 14px;
|
|
transform: translateX(-23%) translateY(50%);
|
|
}
|
|
|
|
.DIV_cy_slider.vertical.huge>.light {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.DIV_cy_slider[disabled] {
|
|
opacity: .5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.DIV_cy_slider[disabled]>.length {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.DIV_cy_slider[disabled]>.handler {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.DIV_cy_slider[disabled]>.light {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
/** 标签页样式 */
|
|
.DIV-cy-tabs {
|
|
width: 100%;
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-top {
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-top::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: rgba(204, 204, 204, 0.2);
|
|
z-index: 1;
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-content {
|
|
width: 100%;
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-pane-title {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-pane-title .DIV-cy-tab-pane-title-p:hover {
|
|
border-bottom-color: rgba(var(--color-sdk-base-rgb));
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-pane-title .DIV-cy-tab-pane-title-p:hover span {
|
|
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow);
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-pane-title:first-child {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-pane-title:last-child {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-pane-title-p {
|
|
font-size: 14px;
|
|
line-height: 32px;
|
|
display: inline-block;
|
|
border-bottom: 2px solid #dddddd00;
|
|
position: relative;
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-pane-title-p span {
|
|
-webkit-pointer-events: none;
|
|
-moz-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
-o-pointer-events: none;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-pane-title-p.is-active {
|
|
border-bottom-color: rgba(var(--color-sdk-base-rgb));
|
|
}
|
|
|
|
.DIV-cy-tabs .DIV-cy-tab-pane-title-p.is-active span {
|
|
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow);
|
|
}
|
|
|
|
/* 开关按钮样式 */
|
|
.YJ-custom-base-dialog>.content .btn-switch,
|
|
.YJ-custom-base-dialog>.foot .btn-switch {
|
|
cursor: pointer;
|
|
width: 40px;
|
|
height: 20px;
|
|
padding: 0;
|
|
position: relative;
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.2);
|
|
background-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
border-radius: 20px;
|
|
background-clip: content-box;
|
|
display: inline-block;
|
|
-webkit-appearance: none;
|
|
user-select: none;
|
|
outline: none !important;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .btn-switch:before,
|
|
.YJ-custom-base-dialog>.foot .btn-switch:before {
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 2px;
|
|
border-radius: 50%;
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .btn-switch:checked,
|
|
.YJ-custom-base-dialog>.foot .btn-switch:checked {
|
|
border-color: rgba(var(--color-sdk-base-rgb), 1);
|
|
box-shadow: rgba(var(--color-sdk-base-rgb)) 0 0 0 16px inset;
|
|
background-color: rgba(var(--color-sdk-base-rgb));
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .btn-switch:checked:before,
|
|
.YJ-custom-base-dialog>.foot .btn-switch:checked:before {
|
|
left: 21px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input[type=checkbox]:checked::before {
|
|
font: normal normal normal 14px/2 FontAwesome;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .pagination {
|
|
margin-top: 20px;
|
|
position: fixed;
|
|
left: 0;
|
|
display: flex;
|
|
padding-left: 0;
|
|
position: relative;
|
|
left: 80px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .pagination .pageTips {
|
|
position: absolute;
|
|
left: -80px;
|
|
top: 10px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .pagination li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
user-select: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .pagination .list-items {
|
|
width: 36px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
background-color: #fff;
|
|
color: #000;
|
|
cursor: pointer;
|
|
transition: all .3s;
|
|
border: 1px solid #dedede;
|
|
border-right: none;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .pagination .list-items:hover {
|
|
background-color: #e9ecef;
|
|
border-color: #dee2e6;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .pagination .active,
|
|
.YJ-custom-base-dialog>.content .pagination .active:hover {
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #337ab7;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .pagination .lbl {
|
|
border-radius: 5px 0px 0px 5px;
|
|
color: #337ab7;
|
|
border: 1px solid #dedede;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .pagination .lbr {
|
|
border-radius: 0px 5px 5px 0px;
|
|
color: #337ab7;
|
|
border: 1px solid #dedede;
|
|
border-left: none
|
|
}
|
|
|
|
.editor-content-view {
|
|
border: 3px solid #ccc;
|
|
border-radius: 5px;
|
|
padding: 0 10px;
|
|
overflow-x: auto;
|
|
background: #fff;
|
|
color: #000;
|
|
}
|
|
|
|
.editor-content-view p,
|
|
.editor-content-view li {
|
|
white-space: pre-wrap;
|
|
/* 保留空格 */
|
|
}
|
|
|
|
.editor-content-view blockquote {
|
|
border-left: 8px solid #d0e5f2;
|
|
padding: 10px 10px;
|
|
margin: 10px 0;
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
.editor-content-view code {
|
|
font-family: monospace;
|
|
background-color: #eee;
|
|
padding: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.editor-content-view pre>code {
|
|
display: block;
|
|
padding: 10px;
|
|
}
|
|
|
|
.editor-content-view table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.editor-content-view td,
|
|
.editor-content-view th {
|
|
border: 1px solid #ccc;
|
|
min-width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
.editor-content-view th {
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
.editor-content-view ul,
|
|
.editor-content-view ol {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.editor-content-view input[type="checkbox"] {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.cy_datalist {
|
|
position: relative;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist input {
|
|
padding-right: 24px !important;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist input::placeholder {
|
|
color: #bbbbbb;
|
|
padding-right: 24px !important;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist input:read-only {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist input.datalist {
|
|
border-color: #00000000;
|
|
background-color: rgba(var(--color-sdk-base-rgb), 0.2) !important;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist dl {
|
|
min-width: 100%;
|
|
border-color: rgba(var(--color-sdk-base-rgb), 0.5);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist dl dd {
|
|
position: relative;
|
|
padding-right: 30px !important;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 32px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist dl dd:hover {
|
|
background-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
color: white;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist dl dd.active {
|
|
color: rgba(var(--color-sdk-base-rgb)) !important;
|
|
background-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist dl dd.active svg {
|
|
fill: rgba(var(--color-sdk-base-rgb))
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist dl dd.active::before {
|
|
content: '';
|
|
display: inline-block;
|
|
width: 8px;
|
|
height: 4px;
|
|
border-bottom: 2px solid rgba(var(--color-sdk-base-rgb));
|
|
border-left: 2px solid rgba(var(--color-sdk-base-rgb));
|
|
transform: rotate(-45deg);
|
|
position: absolute;
|
|
right: 6px;
|
|
top: 10px;
|
|
}
|
|
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist dl::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist dl::-webkit-scrollbar-button:hover {
|
|
background-color: #999999;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content .cy_datalist .yj-custom-icon-arrow-down {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 10px;
|
|
}
|
|
|
|
/* 点标注 */
|
|
.YJ-custom-base-dialog.billboard-object>.content {
|
|
width: 584px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.billboard-object>.content button.primary {
|
|
padding: 6px 14px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.billboard-object>.content>div .row .col {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.billboard-object>.content>div .row .col:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.billboard-object>.content>div .row .col:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.billboard-object>.content>div .row .label {
|
|
flex: 0 0 56px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.billboard-object>.content .DIV-cy-tab-content-pane .input-select {
|
|
width: 100px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.billboard-object>.content .DIV-cy-tab-content-pane h4 {
|
|
font-size: 16px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.billboard-object>.content div .image-box {
|
|
width: 23px;
|
|
height: 26px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.billboard-object>.content div .image {
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
/* 富文本 */
|
|
.richText-box {
|
|
position: absolute;
|
|
width: 60%;
|
|
height: 70%;
|
|
background-color: rgb(255, 255, 255);
|
|
z-index: 999999;
|
|
left: 20%;
|
|
top: 15%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.richText-box>.richText-box-mask {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.richText-box>.richText-content>.richText-header>p {
|
|
text-align: center;
|
|
font-size: 20px;
|
|
margin: 10px;
|
|
}
|
|
|
|
.richText-box>.richText-content>.richText-header>.close {
|
|
font-style: normal;
|
|
font-size: 14px;
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 12px;
|
|
cursor: pointer;
|
|
padding: 0px 4px;
|
|
}
|
|
|
|
.richText-box>.richText-content {
|
|
flex: 0 0 100%;
|
|
max-height: 100%;
|
|
margin: 0 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.richText-box>.richText-content>#toolbar-container {
|
|
border-top: 1px solid #c4d9cf;
|
|
border-left: 1px solid #c4d9cf;
|
|
border-right: 1px solid #c4d9cf;
|
|
border-bottom: 1px solid #ebebeb;
|
|
}
|
|
|
|
.richText-box>.richText-content>#editor-container {
|
|
height: 1%;
|
|
flex: 1;
|
|
border-bottom: 1px solid #c4d9cf;
|
|
border-left: 1px solid #c4d9cf;
|
|
border-right: 1px solid #c4d9cf;
|
|
}
|
|
|
|
.richText-box>.richText-content>.richText-footer {
|
|
margin: 10px 20px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
z-index: 1;
|
|
}
|
|
|
|
.richText-box>.richText-content>.richText-footer>button {
|
|
color: #fff;
|
|
cursor: pointer;
|
|
padding: 2px 10px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.richText-box>.richText-content>.richText-footer>button:active {
|
|
border-style: inset;
|
|
}
|
|
|
|
.richText-box>.richText-content>.richText-footer>.primary {
|
|
background-color: #409eff;
|
|
border-color: #409eff;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.richText-box>.richText-content>.richText-footer>.cancel {
|
|
background-color: #ff6969;
|
|
border-color: #ff6969;
|
|
}
|
|
|
|
|
|
/* 轨迹运动 */
|
|
.YJ-custom-base-dialog.trajectory-motion>.content {
|
|
width: 550px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.trajectory-motion>.content .div-item>.row>.col {
|
|
flex: 1;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.trajectory-motion>.content .div-item>.row>.col .label {
|
|
flex: unset;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.trajectory-motion>.content .div-item>.row>.col .btn-switch {
|
|
flex: 0 0 40px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.trajectory-motion>.content .btn-group {
|
|
display: flex;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.trajectory-motion>.content .btn-group .btn {
|
|
border-color: rgba(0, 255, 255, 0);
|
|
padding-left: 32px;
|
|
padding-right: 32px;
|
|
height: 32px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.trajectory-motion>.content .btn-group .btn.is-active {
|
|
border-color: rgba(var(--color-sdk-base-rgb));
|
|
}
|
|
|
|
.YJ-custom-base-dialog.trajectory-motion>.content .btn-group .btn.is-active>span {
|
|
color: #fff;
|
|
font-size: 16px;
|
|
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow);
|
|
font-weight: 400;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.trajectory-motion>.content .div-item-switch .label {
|
|
width: 56px;
|
|
text-align: center;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.trajectory-motion>.content .div-item-switch .row .col:last-child {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.trajectory-motion>.content div .cy_datalist input {
|
|
width: 82px;
|
|
}
|
|
|
|
/* 水面 */
|
|
.YJ-custom-base-dialog.water-surface>.content {
|
|
width: 586px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.water-surface>.content>div .row .label {
|
|
flex: 0 0 60px;
|
|
}
|
|
|
|
/* 电子围墙 */
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content {
|
|
width: 600px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content>div .row .label {
|
|
flex: 0 0 56px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .cy_datalist dd svg,
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .cy_datalist dd i.icon {
|
|
margin: 0 6px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .corner-type-box .cy_datalist input {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist input {
|
|
padding-left: 72px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .corner-type-box .cy_datalist .icon-active,
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist .icon-active {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 10px;
|
|
-webkit-pointer-events: none;
|
|
-moz-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
-o-pointer-events: none;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist i.icon {
|
|
display: inline-block;
|
|
width: 55px;
|
|
height: 21px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist i.icon-wall {
|
|
background: url(../img/icon-wall.png) 100% 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist i.icon-wall-gradient {
|
|
background: url(../img/icon-wall-gradient.png) 100% 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist i.icon-wall-arrow {
|
|
background: url(../../img/material/arrow.png) 100% 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist i.icon-wall-warn {
|
|
background: url(../../img/material/warn.png) 100% 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist i.icon-wall-brick1 {
|
|
background: url(../../img/material/brick1.png) 100% 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist i.icon-wall-brick2 {
|
|
background: url(../../img/material/brick2.png) 100% 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist i.icon-wall-brick3 {
|
|
background: url(../../img/material/brick3.png) 100% 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
|
|
/* 粒子效果 */
|
|
.YJ-custom-base-dialog.particle-effects>.content {
|
|
width: 518px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.particle-effects>.content .row>.col {
|
|
width: 200px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.particle-effects>.content [type="range"] {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* 爆炸效果 */
|
|
.YJ-custom-base-dialog.explosion>.content {
|
|
width: 558px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.explosion>.content>div .row .label {
|
|
flex: 0 0 85px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.explosion>.content>div .row .col:first-child .label {
|
|
flex: 0 0 0px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.explosion>.content>div .row .col:first-child {
|
|
flex: 0 0 38%;
|
|
}
|
|
|
|
/* 填挖方分析 */
|
|
.YJ-custom-base-dialog.cut-fill>.content>div .row .label {}
|
|
|
|
.YJ-custom-base-dialog.cut-fill>.content {
|
|
width: 562px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.cut-fill>.content>div .row>.col {
|
|
flex: 1;
|
|
max-width: calc(50% - 20px)
|
|
}
|
|
|
|
.YJ-custom-base-dialog.cut-fill>.content>div .row .label {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.cut-fill>.content>div .div-item:last-child .row .col:last-child .label {
|
|
flex: 0 0 90px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.cut-fill>.content>div .div-item:last-child .row .unit {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/* 淹没分析 */
|
|
.YJ-custom-base-dialog.submerge>.content>div .row>.col {
|
|
flex: 1;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.submerge>.content>div .row>.col .input-number {
|
|
width: 145px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.submerge>.content>div .row .label {
|
|
flex: 0 0 60px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.submerge>.content>div .operate-btn-box button {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.submerge>.content button {
|
|
padding: 6px 16px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.submerge>.content .table {
|
|
position: relative;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.submerge>.content .table-body {
|
|
height: 152px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.submerge>.content .table-body .tr:last-child {
|
|
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.submerge>.content .table-empty {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 20px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.submerge>.content .table-head .tr .th,
|
|
.YJ-custom-base-dialog.submerge>.content .table-body .tr .td {
|
|
width: 140px;
|
|
flex: 0 0 140px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.submerge>.content .table-head .tr .th:first-child,
|
|
.YJ-custom-base-dialog.submerge>.content .table-body .tr .td:first-child {
|
|
width: 60px;
|
|
flex: 0 0 60px;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* 地形分析 */
|
|
.YJ-custom-base-dialog.terrain-excavation>.content {
|
|
width: 430px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.terrain-excavation>.content>div .row>.col {
|
|
flex: 1;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.terrain-excavation>.content>div .row>.col button {
|
|
flex: 1;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.terrain-excavation>.content>div .row .input-number {
|
|
width: 175px;
|
|
}
|
|
|
|
/* 可视域分析 */
|
|
.YJ-custom-base-dialog.view-shed>.content {
|
|
width: 480px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content>div .row>.col {
|
|
flex: 1;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content>div .row .label {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content input[type=number]::-webkit-inner-spin-button,
|
|
.YJ-custom-base-dialog.view-shed>.content input[type=number]::-webkit-outer-spin-button {
|
|
opacity: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box {
|
|
height: 32px;
|
|
width: 100%;
|
|
position: relative;
|
|
margin: 15px 15px 20px 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-bg {
|
|
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
height: 100%;
|
|
width: 100%;
|
|
mask: url(../img/range.svg);
|
|
mask-repeat: no-repeat;
|
|
mask-size: 100%;
|
|
mask-position: 0 15px;
|
|
-webkit-mask: url(../img/range.svg);
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-size: 100%;
|
|
-webkit-mask-position: 0 15px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-bg .range-process-box {
|
|
width: 97%;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-bg .range-process {
|
|
width: 0;
|
|
height: 100%;
|
|
background: rgba(var(--color-sdk-base-rgb), 1);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 95%;
|
|
height: 100%;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-text {
|
|
position: absolute;
|
|
bottom: -26px;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-text:nth-child(1) {
|
|
left: 2px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-text:nth-child(2) {
|
|
left: calc(25% - 2px);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-text:nth-child(3) {
|
|
left: calc(50% - 0px);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-text:nth-child(4) {
|
|
left: calc(75% - 2px);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-text:nth-child(5) {
|
|
left: calc(100% - 4px);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-active {
|
|
position: absolute;
|
|
top: 13px;
|
|
left: 0;
|
|
font-size: 14px;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: #ffffff;
|
|
border-radius: 50%;
|
|
border: 2px solid rgba(var(--color-sdk-base-rgb), 1);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-active-text {
|
|
position: relative;
|
|
top: -26px;
|
|
left: -5px;
|
|
display: inline-block;
|
|
width: 28px;
|
|
text-align: center;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"] {
|
|
position: absolute;
|
|
top: 13px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"]::-webkit-slider-runnable-track {
|
|
height: 6px;
|
|
background: rgba(var(--color-sdk-base-rgb), 0);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"]::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background-color: rgba(var(--color-sdk-base-rgb), 0);
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 0);
|
|
margin-top: -7px;
|
|
border-image: linear-gradient(rgba(var(--color-sdk-base-rgb), 0), rgba(var(--color-sdk-base-rgb), 0)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
|
|
}
|
|
|
|
/* 通视分析 */
|
|
.YJ-custom-base-dialog.circle-view-shed>.content {
|
|
width: 290px;
|
|
}
|
|
|
|
/* 地形可视域分析 */
|
|
.YJ-custom-base-dialog.visibility>.content {
|
|
width: 290px;
|
|
}
|
|
|
|
/* 剖面分析 */
|
|
|
|
.YJ-custom-base-dialog.profile>.content>div .row>.col {
|
|
flex: 1;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.profile>.content>div .row .label {
|
|
flex: 0 0 135px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.profile>.content .profile-echarts {
|
|
width: 860px;
|
|
height: 260px;
|
|
}
|
|
|
|
/* bim模型 */
|
|
.YJ-custom-base-dialog.tileset-bim>.content>div .row .col .label {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.tileset-bim>.content .divide {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.tileset-bim>.content .divide .line {
|
|
height: 1px;
|
|
background: rgba(204, 204, 204, 0.2);
|
|
flex: 1;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.tileset-bim>.content .divide p {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.tileset-bim>.content .checkbox-box {
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.tileset-bim>.content .checkbox-box * {
|
|
-webkit-pointer-events: none;
|
|
-moz-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
-o-pointer-events: none;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.tileset-bim>.content .checkbox-box span {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.tileset-bim>.content .checkbox-box input[type="checkbox"] {
|
|
width: 14px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* 扩散光波 */
|
|
.YJ-custom-base-dialog.circle-ciffuse>.content {
|
|
width: 580px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle-ciffuse>.content .circle-content-box {
|
|
padding-right: 5px;
|
|
max-height: 220px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle-ciffuse>.content .circle-content-box button {
|
|
padding: 9px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle-ciffuse>.content .circle-content-box button svg {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle-ciffuse>.content .cy_datalist dl::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 5px;
|
|
}
|
|
|
|
/* 扫描 */
|
|
.YJ-custom-base-dialog.radar-scan>.content {
|
|
width: 580px;
|
|
}
|
|
|
|
/* 立体扫描 */
|
|
.YJ-custom-base-dialog.radar-scan-stereoscopic>.content {
|
|
width: 580px;
|
|
}
|
|
|
|
/* 多面体 */
|
|
.YJ-custom-base-dialog.polyhedron>.content {
|
|
width: 600px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyhedron>.content>div .row .col {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyhedron>.content>div .row .col:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyhedron>.content>div .row .col:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyhedron>.content .input-select-unit {
|
|
flex: 0 0 84px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyhedron>.content .DIV-cy-tab-content-pane .input-select {
|
|
width: 100px;
|
|
}
|
|
|
|
/* 多边形 */
|
|
.YJ-custom-base-dialog.polygon>.content {
|
|
width: 600px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polygon>.content>div .row .col {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polygon>.content>div .row .col:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polygon>.content>div .row .col:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polygon>.content .input-select-unit {
|
|
flex: 0 0 84px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polygon>.content .DIV-cy-tab-content-pane .input-select {
|
|
width: 100px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polygon>.content>div .table {
|
|
flex: 1;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polygon>.content>div .table .td.lng {
|
|
height: 38px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polygon>.content>div .th:first-child,
|
|
.YJ-custom-base-dialog.polygon>.content>div .td:first-child {
|
|
flex: 0 0 60px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polygon>.content>div .th:nth-child(2),
|
|
.YJ-custom-base-dialog.polygon>.content>div .td:nth-child(2),
|
|
.YJ-custom-base-dialog.polygon>.content>div .th:nth-child(3),
|
|
.YJ-custom-base-dialog.polygon>.content>div .td:nth-child(3),
|
|
.YJ-custom-base-dialog.polygon>.content>div .th:nth-child(4),
|
|
.YJ-custom-base-dialog.polygon>.content>div .td:nth-child(4){
|
|
flex: 0 0 160px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polygon>.content .attribute-content-link .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog.polygon>.content .attribute-content-link .table .tr .td:nth-child(3),
|
|
.YJ-custom-base-dialog.polygon>.content .attribute-content-vr .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog.polygon>.content .attribute-content-vr .table .tr .td:nth-child(3) {
|
|
flex: 0 0 165px;
|
|
width: 165px;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* 空间信息table */
|
|
.YJ-custom-base-dialog.attackArrow>.content>div .spatial-info-table,
|
|
.YJ-custom-base-dialog.polygon>.content>div .spatial-info-table {
|
|
flex: 1;
|
|
}
|
|
.YJ-custom-base-dialog.attackArrow>.content>div .spatial-info-table .td:nth-child(4) .input,
|
|
.YJ-custom-base-dialog.polygon>.content>div .spatial-info-table .td:nth-child(4) .input{
|
|
width: calc(100% - 10px);
|
|
margin-right: 10px;
|
|
}
|
|
.YJ-custom-base-dialog.attackArrow>.content>div .spatial-info-table .td:nth-child(4) span,
|
|
.YJ-custom-base-dialog.polygon>.content>div .spatial-info-table .td:nth-child(4) span{
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.attackArrow>.content>div .spatial-info-table .table-body,
|
|
.YJ-custom-base-dialog.polygon>.content>div .spatial-info-table .table-body{
|
|
max-height: 185px;
|
|
}
|
|
|
|
/* 集结地 */
|
|
.YJ-custom-base-dialog.assemble>.content {
|
|
width: 600px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.assemble>.content>div .row .col {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.assemble>.content>div .row .col:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.assemble>.content>div .row .col:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.assemble>.content .input-select-unit {
|
|
flex: 0 0 84px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.assemble>.content .DIV-cy-tab-content-pane .input-select {
|
|
width: 100px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.assemble>.content .attribute-content-link .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog.assemble>.content .attribute-content-link .table .tr .td:nth-child(3),
|
|
.YJ-custom-base-dialog.assemble>.content .attribute-content-vr .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog.assemble>.content .attribute-content-vr .table .tr .td:nth-child(3) {
|
|
flex: 0 0 165px;
|
|
width: 165px;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* 圆、箭头面、双箭头面 */
|
|
.YJ-custom-base-dialog.circle>.content,
|
|
.YJ-custom-base-dialog.attackArrow>.content,
|
|
.YJ-custom-base-dialog.pincerArrow>.content {
|
|
width: 600px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle>.content>div .row .col,
|
|
.YJ-custom-base-dialog.attackArrow>.content>div .row .col,
|
|
.YJ-custom-base-dialog.pincerArrow>.content>div .row .col {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle>.content>div .row .col:first-child,
|
|
.YJ-custom-base-dialog.attackArrow>.content>div .row .col:first-child,
|
|
.YJ-custom-base-dialog.pincerArrow>.content>div .row .col:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle>.content>div .row .col:last-child,
|
|
.YJ-custom-base-dialog.attackArrow>.content>div .row .col:last-child,
|
|
.YJ-custom-base-dialog.pincerArrow>.content>div .row .col:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle>.content .input-select-unit,
|
|
.YJ-custom-base-dialog.attackArrow>.content .input-select-unit,
|
|
.YJ-custom-base-dialog.pincerArrow>.content .input-select-unit {
|
|
flex: 0 0 84px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle>.content .DIV-cy-tab-content-pane .input-select,
|
|
.YJ-custom-base-dialog.attackArrow>.content .DIV-cy-tab-content-pane .input-select,
|
|
.YJ-custom-base-dialog.pincerArrow>.content .DIV-cy-tab-content-pane .input-select {
|
|
width: 100px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle>.content .attribute-content-link .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog.circle>.content .attribute-content-link .table .tr .td:nth-child(3),
|
|
.YJ-custom-base-dialog.circle>.content .attribute-content-vr .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog.circle>.content .attribute-content-vr .table .tr .td:nth-child(3),
|
|
.YJ-custom-base-dialog.attackArrow>.content .attribute-content-link .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog.attackArrow>.content .attribute-content-link .table .tr .td:nth-child(3),
|
|
.YJ-custom-base-dialog.attackArrow>.content .attribute-content-vr .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog.attackArrow>.content .attribute-content-vr .table .tr .td:nth-child(3),
|
|
.YJ-custom-base-dialog.pincerArrow>.content .attribute-content-link .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog.pincerArrow>.content .attribute-content-link .table .tr .td:nth-child(3),
|
|
.YJ-custom-base-dialog.pincerArrow>.content .attribute-content-vr .table .tr .th:nth-child(3),
|
|
.YJ-custom-base-dialog.pincerArrow>.content .attribute-content-vr .table .tr .td:nth-child(3) {
|
|
flex: 0 0 165px;
|
|
width: 165px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.circle>.content>div .th:first-child,.YJ-custom-base-dialog.circle>.content>div .td:first-child,
|
|
.YJ-custom-base-dialog.attackArrow>.content>div .th:first-child,.YJ-custom-base-dialog.attackArrow>.content>div .td:first-child,
|
|
.YJ-custom-base-dialog.pincerArrow>.content>div .th:first-child, .YJ-custom-base-dialog.pincerArrow>.content>div .td:first-child {
|
|
flex: 0 0 60px;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* 贴地svg */
|
|
.YJ-custom-base-dialog.ground-svg>.content {
|
|
width: 535px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.ground-svg>.content>div .div-item:nth-of-type(2) .row .col .label {
|
|
flex: 0 0 56px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.ground-svg>.content .table .table-empty {
|
|
padding: 14px 10px;
|
|
}
|
|
.YJ-custom-base-dialog.ground-svg>.content .table .table-empty .empty-img {
|
|
width: 90px;
|
|
height: 80px;
|
|
background-size: 100%;
|
|
background-position-x: 6px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.ground-svg>.content .attribute-content-link .table .table-body {
|
|
max-height: 128px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.ground-svg>.content .attribute-content-link .table .tr .th:nth-child(1),
|
|
.YJ-custom-base-dialog.ground-svg>.content .attribute-content-link .table .tr .td:nth-child(1) {
|
|
width: 127px;
|
|
flex: 0 0 127px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.ground-svg>.content .attribute-content-link .table .tr .th:nth-child(2),
|
|
.YJ-custom-base-dialog.ground-svg>.content .attribute-content-link .table .tr .td:nth-child(2) {
|
|
width: 200px;
|
|
flex: 0 0 200px;
|
|
}
|
|
|
|
/* 贴地文字 */
|
|
.YJ-custom-base-dialog.ground-text>.content {
|
|
min-width: 410px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.ground-text>.content>div .row textarea {
|
|
min-width: 280px;
|
|
min-height: 32px;
|
|
padding: 5px 10px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
/* 站立文字 */
|
|
.YJ-custom-base-dialog.stand-text>.content {
|
|
min-width: 410px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.stand-text>.content>div .row .label {}
|
|
|
|
.YJ-custom-base-dialog.stand-text>.content>div .row textarea {
|
|
min-width: 200px;
|
|
min-height: 32px;
|
|
padding: 5px 10px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
/* 折线 */
|
|
.YJ-custom-base-dialog.polyline>.content {
|
|
width: 580px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyline>.content>div .row .col {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyline>.content>div .row .col:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyline>.content>div .row .col:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyline>.content>div .table {
|
|
flex: 1;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyline>.content>div .table .td.lng {
|
|
height: 38px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyline>.content>div .th:first-child,
|
|
.YJ-custom-base-dialog.polyline>.content>div .td:first-child {
|
|
flex: 0 0 60px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyline>.content>div .th:nth-child(2),
|
|
.YJ-custom-base-dialog.polyline>.content>div .td:nth-child(2),
|
|
.YJ-custom-base-dialog.polyline>.content>div .th:nth-child(3),
|
|
.YJ-custom-base-dialog.polyline>.content>div .td:nth-child(3),
|
|
.YJ-custom-base-dialog.polyline>.content>div .th:nth-child(4),
|
|
.YJ-custom-base-dialog.polyline>.content>div .td:nth-child(4){
|
|
flex: 0 0 160px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyline>.content>div .spatial-info-table .td:nth-child(4) .input{
|
|
width: calc(100% - 10px);
|
|
margin-right: 10px;
|
|
}
|
|
.YJ-custom-base-dialog.polyline>.content>div .spatial-info-table .td:nth-child(4) span{
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.polyline>.content>div .spatial-info-table .table-body{
|
|
max-height: 185px;
|
|
}
|
|
|
|
/* 贴地图片 */
|
|
.YJ-custom-base-dialog.ground-image>.content {
|
|
width: 500px;
|
|
}
|
|
|
|
/* 模型 */
|
|
.YJ-custom-base-dialog.model>.content {
|
|
width: 560px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.model>.content>div .row .col {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.model>.content>div .row .col:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.model>.content>div .row .col:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.model>.content>div .row .label {
|
|
flex: 0 0 40px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.model>.content .DIV-cy-tab-content-pane .input-select {
|
|
width: 100px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.model>.content>div .row .checkbox-box {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.model>.content>div .row .checkbox-box input[type=checkbox] {
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-top: 2px;
|
|
margin-right: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.model>.content .attribute-content-link .table .tr .th:nth-child(2),
|
|
.YJ-custom-base-dialog.model>.content .attribute-content-link .table .tr .td:nth-child(2),
|
|
.YJ-custom-base-dialog.model>.content .attribute-content-vr .table .tr .th:nth-child(2),
|
|
.YJ-custom-base-dialog.model>.content .attribute-content-vr .table .tr .td:nth-child(2) {
|
|
flex: 0 0 210px;
|
|
width: 210px;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* 涂鸦 */
|
|
.YJ-custom-base-dialog.graffiti>.content {
|
|
width: 330px;
|
|
}
|
|
|
|
/* 度分秒转换 */
|
|
.YJ-custom-base-dialog.proj-convert>.content>div .top-line,
|
|
.YJ-custom-base-dialog.proj-convert>.content>div .bottom-line {
|
|
display: inline-block;
|
|
width: 8px;
|
|
height: 16px;
|
|
position: relative;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.proj-convert>.content>div .top-line {
|
|
top: 5px;
|
|
border-radius: 0 4px 0 0;
|
|
border-top: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.proj-convert>.content>div .bottom-line {
|
|
bottom: 5px;
|
|
border-radius: 0 0 4px 0;
|
|
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.proj-convert>.content>div .icon-copy-box:hover .icon-copy {
|
|
fill: rgba(var(--color-sdk-base-rgb));
|
|
}
|
|
|
|
/* 高清截图 */
|
|
.YJ-custom-base-dialog.screenShotHD>.content {
|
|
width: 350px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .text {
|
|
font-size: 12px;
|
|
color: var(--color-sdk-warning-1);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .scale {
|
|
width: 120px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .progress {
|
|
width: 200px;
|
|
height: 6px;
|
|
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
border-radius: 3px;
|
|
position: relative;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .progress>.progress-bar {
|
|
width: 0%;
|
|
height: 6px;
|
|
border-radius: 3px;
|
|
background: rgba(var(--color-sdk-base-rgb), 1);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .progress>.progress-text {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .progress>.progress-text.start {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .progress>.progress-text.end {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 0px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .input-width,
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .input-height,
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .output-width,
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .output-height {
|
|
font-family: 'D-Din-Bold';
|
|
font-size: 14px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box {
|
|
height: 6px;
|
|
width: 100%;
|
|
position: relative;
|
|
margin: 15px 15px 20px 5px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg {
|
|
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
|
border-radius: 3px;
|
|
height: 100%;
|
|
width: 100%;
|
|
mask-repeat: no-repeat;
|
|
mask-size: 100%;
|
|
mask-position: 0 15px;
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-size: 100%;
|
|
-webkit-mask-position: 0 15px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process-box {
|
|
width: 97%;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process {
|
|
width: 0;
|
|
height: 100%;
|
|
background: rgba(var(--color-sdk-base-rgb), 1);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process {
|
|
width: 0;
|
|
height: 100%;
|
|
background: rgba(var(--color-sdk-base-rgb), 1);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 95%;
|
|
height: 100%;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box .range-node-text {
|
|
position: absolute;
|
|
bottom: -32px;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box .range-node-text:nth-child(1) {
|
|
left: 2px;
|
|
}
|
|
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box .range-node-text:nth-child(2) {
|
|
left: calc(100% - 12px);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box .range-node-active {
|
|
position: absolute;
|
|
top: -3px;
|
|
left: 0;
|
|
font-size: 14px;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: #ffffff;
|
|
border-radius: 50%;
|
|
border: 2px solid rgba(var(--color-sdk-base-rgb), 1);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box .range-node-active-text {
|
|
position: relative;
|
|
top: -26px;
|
|
left: -5px;
|
|
display: inline-block;
|
|
width: 28px;
|
|
text-align: center;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"] {
|
|
position: absolute;
|
|
top: -8px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"]::-webkit-slider-runnable-track {
|
|
height: 6px;
|
|
background: rgba(var(--color-sdk-base-rgb), 0);
|
|
}
|
|
|
|
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"]::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background-color: rgba(var(--color-sdk-base-rgb), 0);
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 0);
|
|
margin-top: -7px;
|
|
border-image: linear-gradient(rgba(var(--color-sdk-base-rgb), 0), rgba(var(--color-sdk-base-rgb), 0)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
|
|
}
|
|
|
|
/* 地图打印 */
|
|
.YJ-custom-base-dialog.map-print {
|
|
width: 90%;
|
|
height: 80%;
|
|
}
|
|
.YJ-custom-base-dialog.map-print>.content {
|
|
width: 100%;
|
|
height: calc(100% - 56px);
|
|
}
|
|
.YJ-custom-base-dialog.map-print>.content>div {
|
|
height: 100%;
|
|
display: flex;
|
|
padding-bottom: 15px;
|
|
}
|
|
.YJ-custom-base-dialog.map-print>.content>div>.left {
|
|
width: 280px;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.YJ-custom-base-dialog.map-print>.content>div>.left .close {
|
|
position: absolute;
|
|
right: 0px;
|
|
}
|
|
.YJ-custom-base-dialog.map-print>.content>div>.left .title{
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog.map-print>.content>div>.right {
|
|
flex: 1;
|
|
}
|
|
.YJ-custom-base-dialog.map-print>.content>div>.right canvas {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* 卷帘 */
|
|
.YJ-custom-slider {
|
|
width: 2px;
|
|
height: 100%;
|
|
cursor: e-resize;
|
|
background-color: #d3d3d3;
|
|
user-select: none;
|
|
}
|
|
|
|
.cesium-performanceDisplay-defaultContainer {
|
|
z-index: 1;
|
|
}
|
|
|
|
.YJ-custom-checkbox-left,
|
|
.YJ-custom-checkbox-right {
|
|
position: absolute;
|
|
top: 10px;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
overflow: hidden;
|
|
width: 25px;
|
|
height: 25px;
|
|
flex: 0 0 25px;
|
|
padding: 0;
|
|
border-radius: 5px;
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
|
|
-webkit-appearance: none;
|
|
vertical-align: middle;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
outline: none;
|
|
}
|
|
|
|
.YJ-custom-checkbox-left::after,
|
|
.YJ-custom-checkbox-right::after {
|
|
width: 25px;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
display: block;
|
|
content: "x";
|
|
color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.YJ-custom-checkbox-left:checked::after,
|
|
.YJ-custom-checkbox-right:checked::after {
|
|
content: "✔";
|
|
background-color: rgba(var(--color-sdk-base-rgb), 1);
|
|
color: rgba(var(--color-sdk-auxiliary), 1);
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input.YJ-custom-checkbox[type=checkbox] {
|
|
text-align: center;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
width: 14px;
|
|
height: 14px;
|
|
flex: 0 0 14px;
|
|
padding: 0;
|
|
border-radius: 2px;
|
|
border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
|
|
-webkit-appearance: none;
|
|
vertical-align: middle;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input.YJ-custom-checkbox[type=checkbox]::after {
|
|
width: 14px;
|
|
height: 14px;
|
|
line-height: 14px;
|
|
display: block;
|
|
content: "x";
|
|
color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.YJ-custom-base-dialog>.content input.YJ-custom-checkbox[type=checkbox]:checked::after {
|
|
content: "✔";
|
|
background-color: rgba(var(--color-sdk-base-rgb), 1);
|
|
color: rgba(var(--color-sdk-auxiliary), 1);
|
|
width: 12px;
|
|
height: 12px;
|
|
} |