diff --git a/resources/java/app/application.yml b/resources/java/app/application.yml index 41e4c70..078ab94 100644 --- a/resources/java/app/application.yml +++ b/resources/java/app/application.yml @@ -1,6 +1,6 @@ server: host: 127.0.0.1 - port: 8848 + port: 8895 path: C:\Users\Administrator\AppData\Roaming\dzsp_shijingjun_offline_Y_save poi: global: diff --git a/src/renderer/public/sdk/custom/css/index.css b/src/renderer/public/sdk/custom/css/index.css index a3893dc..82f4f8a 100644 --- a/src/renderer/public/sdk/custom/css/index.css +++ b/src/renderer/public/sdk/custom/css/index.css @@ -33,6 +33,7 @@ src: url('../fonts/AlimamaShuHeiTi-Bold.ttf') format('truetype'); } + :root { --color-base1: 0, 255, 255; --color-sdk-auxiliary: 0, 66, 66; @@ -210,13 +211,13 @@ border-color: #ffffff00 !important; } -.YJ-custom-base-dialog>.title-box { +.YJ-custom-base-dialog > .title-box { line-height: 46px; padding: 5px 16px 5px 16px; position: relative; } -.YJ-custom-base-dialog>.title-box>.title { +.YJ-custom-base-dialog > .title-box > .title { font-family: 'Ali-mother-counts-bold'; font-size: 18px; font-weight: 400; @@ -237,7 +238,7 @@ position: relative; } -.YJ-custom-base-dialog .subtitle-box>.subtitle { +.YJ-custom-base-dialog .subtitle-box > .subtitle { font-size: 16px; font-weight: 400; letter-spacing: 0px; @@ -247,7 +248,7 @@ text-shadow: 0px 0px 9px var(--color-text-shadow) } -.YJ-custom-base-dialog>.title-box>.close-box { +.YJ-custom-base-dialog > .title-box > .close-box { position: absolute; top: 0px; right: 0px; @@ -258,7 +259,7 @@ overflow: hidden; } -.YJ-custom-base-dialog>.title-box>.close-box>.close { +.YJ-custom-base-dialog > .title-box > .close-box > .close { display: block; width: 100%; height: 100%; @@ -266,7 +267,7 @@ opacity: 0.5; } -.YJ-custom-base-dialog>.title-box>.close-box>i { +.YJ-custom-base-dialog > .title-box > .close-box > i { font-style: normal; font-size: 18px; font-weight: 900; @@ -275,20 +276,20 @@ left: 11px; } -.YJ-custom-base-dialog>.content { +.YJ-custom-base-dialog > .content { padding: 0px 24px; } -.YJ-custom-base-dialog>.content .div-item { +.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] { +.YJ-custom-base-dialog > .content select option[disabled] { color: #c0c4cc; } -.YJ-custom-base-dialog>.content .row { +.YJ-custom-base-dialog > .content .row { width: 100%; margin-bottom: 12px; display: flex; @@ -297,38 +298,38 @@ flex-wrap: wrap; } -.YJ-custom-base-dialog>.content .row:last-child { +.YJ-custom-base-dialog > .content .row:last-child { margin-bottom: 0; } -.YJ-custom-base-dialog>.content .row>.col { +.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 { +.YJ-custom-base-dialog > .content .row > .col:first-child { margin-left: 0; } -.YJ-custom-base-dialog>.content .row>.col:last-child { +.YJ-custom-base-dialog > .content .row > .col:last-child { margin-right: 0; } -.YJ-custom-base-dialog>.content .row>.col>.row { +.YJ-custom-base-dialog > .content .row > .col > .row { margin-bottom: 0px; } -.YJ-custom-base-dialog>.content .row .label { +.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 { +.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-base1), 0.5); @@ -341,26 +342,26 @@ padding: 0px 10px; } -.YJ-custom-base-dialog>.content input:read-only { +.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 { +.YJ-custom-base-dialog > .content input[type=checkbox]:read-only { background-color: rgba(var(--color-base1), 0.2); } -.YJ-custom-base-dialog>.content input:focus-visible, -.YJ-custom-base-dialog>.content textarea:focus-visible { +.YJ-custom-base-dialog > .content input:focus-visible, +.YJ-custom-base-dialog > .content textarea:focus-visible { outline: none; border-color: rgba(var(--color-base1), 0.8); } -.YJ-custom-base-dialog>.content select:focus-visible { +.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 { +.YJ-custom-base-dialog > .content select { background-color: rgba(var(--color-base1), 0.2); border: 1px solid rgba(0, 255, 255, 0); border-radius: 5px; @@ -372,7 +373,7 @@ padding: 0 5px; } -.YJ-custom-base-dialog>.content .yj-custom-icon-arrow-down { +.YJ-custom-base-dialog > .content .yj-custom-icon-arrow-down { display: inline-block; width: 7px; height: 7px; @@ -386,27 +387,27 @@ pointer-events: none; } -.YJ-custom-base-dialog>.content .input-group { +.YJ-custom-base-dialog > .content .input-group { display: flex; align-items: stretch; } -.YJ-custom-base-dialog>.content .input-group input { +.YJ-custom-base-dialog > .content .input-group input { border-radius: 5px 0 0 5px; } -.YJ-custom-base-dialog>.content .input-group button { +.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 { +.YJ-custom-base-dialog > .content .input-group.radio { cursor: pointer; } -.YJ-custom-base-dialog>.content .input-group.radio * { +.YJ-custom-base-dialog > .content .input-group.radio * { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; @@ -414,13 +415,13 @@ pointer-events: none; } -.YJ-custom-base-dialog>.content .attribute .attribute-select { +.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, -.YJ-custom-base-dialog>.content .attribute .attribute-content-rtmp .rtmp_add_btn { +.YJ-custom-base-dialog > .content .attribute .attribute-content-link .link_add_btn, +.YJ-custom-base-dialog > .content .attribute .attribute-content-vr .vr_add_btn, +.YJ-custom-base-dialog > .content .attribute .attribute-content-rtmp .rtmp_add_btn { display: inline-block; width: 20px; height: 20px; @@ -431,50 +432,51 @@ right: 5px; } -.YJ-custom-base-dialog>.content .attribute .attribute-content-link .link_add, -.YJ-custom-base-dialog>.content .attribute .attribute-content-vr .vr_add, -.YJ-custom-base-dialog>.content .attribute .attribute-content-rtmp .rtmp_add { +.YJ-custom-base-dialog > .content .attribute .attribute-content-link .link_add, +.YJ-custom-base-dialog > .content .attribute .attribute-content-vr .vr_add, +.YJ-custom-base-dialog > .content .attribute .attribute-content-rtmp .rtmp_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, -.YJ-custom-base-dialog>.content .attribute .attribute-content-rtmp .tr .td:last-child button:first-child { +.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, +.YJ-custom-base-dialog > .content .attribute .attribute-content-rtmp .tr .td:last-child button:first-child { margin-right: 5px; } -.YJ-custom-base-dialog>.content .table { +.YJ-custom-base-dialog > .content .table { background-color: #ffffff00; color: #000; font-size: 12px; } -.YJ-custom-base-dialog>.content .table { +.YJ-custom-base-dialog > .content .table { background-color: #ffffff00; color: #000; overflow: hidden; border: 1px solid rgba(var(--color-base1), 0.5); } -.YJ-custom-base-dialog>.content .table input {} +.YJ-custom-base-dialog > .content .table input { +} -.YJ-custom-base-dialog>.content .table .tr { +.YJ-custom-base-dialog > .content .table .tr { display: flex; border: 1px solid rgba(var(--color-base1), 0.5); border-right: none; } -.YJ-custom-base-dialog>.content .table .table-body .tr { +.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 { +.YJ-custom-base-dialog > .content .table .table-body .tr:first-child { border-top: none; } -.YJ-custom-base-dialog>.content .table .table-empty { +.YJ-custom-base-dialog > .content .table .table-empty { display: flex; align-items: center; justify-content: center; @@ -484,43 +486,43 @@ width: calc(100% + 1px); } -.YJ-custom-base-dialog>.content .table .table-empty .empty-img { +.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 { +.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 { +.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 { +.YJ-custom-base-dialog > .content .table .table-head .th { justify-content: center; } -.YJ-custom-base-dialog>.content .table .table-body { +.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 { +.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 { +.YJ-custom-base-dialog > .content .table .input { line-height: 28px; height: 28px; font-size: 14px; @@ -528,31 +530,31 @@ 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, -.YJ-custom-base-dialog>.content .attribute-content-rtmp .table .table-body { +.YJ-custom-base-dialog > .content .attribute-content-link .table .table-body, +.YJ-custom-base-dialog > .content .attribute-content-vr .table .table-body, +.YJ-custom-base-dialog > .content .attribute-content-rtmp .table .table-body { max-height: 172px; } -.YJ-custom-base-dialog>.content *::-webkit-scrollbar { +.YJ-custom-base-dialog > .content *::-webkit-scrollbar { width: 8px; height: 8px; } -.YJ-custom-base-dialog>.content *::-webkit-scrollbar-thumb { +.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-base1)); } -.YJ-custom-base-dialog>.content *::-webkit-scrollbar-track { +.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-base1), 0.1); } -.YJ-custom-base-dialog>.content .table .tr .th, -.YJ-custom-base-dialog>.content .table .tr .td { +.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-base1), 0.5); padding: 5px 10px; @@ -563,14 +565,13 @@ color: #ffffff; } -.YJ-custom-base-dialog>.content .table .tr .td.center { +.YJ-custom-base-dialog > .content .table .tr .td.center { text-align: center; justify-content: center; } - -.YJ-custom-base-dialog>.content .table .tr .td .link-edit { +.YJ-custom-base-dialog > .content .table .tr .td .link-edit { min-height: 32px; line-height: 18px; padding-top: 6px; @@ -578,12 +579,12 @@ width: 100% !important; } -.YJ-custom-base-dialog>.content .table .tr .th:last-child, -.YJ-custom-base-dialog>.content .table .tr .td:last-child { +.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 select>option { +.YJ-custom-base-dialog > .content select > option { color: #000; } @@ -595,7 +596,7 @@ background: rgba(var(--color-base1), 0.2); -webkit-appearance: none; } */ -.YJ-custom-base-dialog>.content [type="range"] { +.YJ-custom-base-dialog > .content [type="range"] { -webkit-appearance: none; appearance: none; margin: 0; @@ -607,17 +608,17 @@ padding: 0; } -.YJ-custom-base-dialog>.content [type="range"]::-webkit-slider-runnable-track { +.YJ-custom-base-dialog > .content [type="range"]::-webkit-slider-runnable-track { height: 6px; background: rgba(var(--color-base1), 0.2); } -.YJ-custom-base-dialog>.content [type="range" i]::-webkit-slider-container { +.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 { +.YJ-custom-base-dialog > .content [type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; @@ -630,7 +631,7 @@ } -.YJ-custom-base-dialog>.content input[type="color"] { +.YJ-custom-base-dialog > .content input[type="color"] { -webkit-appearance: none; border: none; width: 25px; @@ -640,19 +641,19 @@ cursor: pointer; } -.YJ-custom-base-dialog>.content input[type="radio"] { +.YJ-custom-base-dialog > .content input[type="radio"] { width: 14px; } -.YJ-custom-base-dialog>.content input[type="color"]::-webkit-color-swatch-wrapper { +.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 { +.YJ-custom-base-dialog > .content input[type="color"]::-webkit-color-swatch { border: none; } -.YJ-custom-base-dialog>.content input[type=number] { +.YJ-custom-base-dialog > .content input[type=number] { /* padding: 0 16px 0 10px; font-weight: 700; font-family: 'D-Din-Bold'; @@ -667,8 +668,8 @@ vertical-align: top; } -.YJ-custom-base-dialog>.content input[type=number]::-webkit-outer-spin-button, -.YJ-custom-base-dialog>.content input[type=number]::-webkit-inner-spin-button { +.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; /* 添加自定义样式 */ @@ -686,12 +687,12 @@ background-color: #00000000; } -.YJ-custom-base-dialog>.content .input-number { +.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 { +.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; @@ -701,141 +702,142 @@ margin-right: -15px; } -.YJ-custom-base-dialog>.content .input-number-unit input[type=number] { +.YJ-custom-base-dialog > .content .input-number-unit input[type=number] { padding: 0 16px 0 10px; } -.YJ-custom-base-dialog>.content .input-number-unit input[type=number]::-webkit-outer-spin-button, -.YJ-custom-base-dialog>.content .input-number-unit input[type=number]::-webkit-inner-spin-button { + +.YJ-custom-base-dialog > .content .input-number-unit input[type=number]::-webkit-outer-spin-button, +.YJ-custom-base-dialog > .content .input-number-unit input[type=number]::-webkit-inner-spin-button { margin-left: 5px; margin-right: -12px; } -.YJ-custom-base-dialog>.content .input-number-unit-1 input[type=number] { +.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 { +.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] { +.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 { +.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] { +.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 { +.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] { +.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 { +.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] { +.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 { +.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] { +.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 { +.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] { +.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 { +.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] { +.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 { +.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; } /* 飞行漫游 */ -.fly-roam>.content .fly-roam { +.fly-roam > .content .fly-roam { width: 474px; } -.fly-roam>.content .total-time { +.fly-roam > .content .total-time { margin-right: 5px; } -.fly-roam>.content .table { +.fly-roam > .content .table { font-size: 12px; } -.fly-roam>.content .table .table-body { +.fly-roam > .content .table .table-body { height: 220px; } -.fly-roam>.content .table .tr .th:first-child, -.fly-roam>.content .table .tr .td:first-child { +.fly-roam > .content .table .tr .th:first-child, +.fly-roam > .content .table .tr .td:first-child { flex: 0 0 70px; width: 70px; } -.fly-roam>.content .table .tr .th:nth-child(2), -.fly-roam>.content .table .tr .td:nth-child(2) { +.fly-roam > .content .table .tr .th:nth-child(2), +.fly-roam > .content .table .tr .td:nth-child(2) { flex: 0 0 180px; width: 180px; } -.fly-roam>.content .table .tr .th:last-child, -.fly-roam>.content .table .tr .td:last-child { +.fly-roam > .content .table .tr .th:last-child, +.fly-roam > .content .table .tr .td:last-child { flex: 0 0 140px; width: 140px; } -.fly-roam>.content .table .table-body .tr.active { +.fly-roam > .content .table .table-body .tr.active { background: rgba(var(--color-base1), 0.15); } -.fly-roam>.content .table .table-body .tr:last-child { +.fly-roam > .content .table .table-body .tr:last-child { border: 1px solid rgba(var(--color-base1), 0.5); border-left: none; border-right: none; } -.fly-roam>.content .table .table-body .tr:last-child .input { +.fly-roam > .content .table .table-body .tr:last-child .input { color: #808080; cursor: no-drop; } @@ -848,26 +850,26 @@ border-color: rgba(var(--color-base1), 0.5) !important; } */ -.fly-roam>.content .table .action { +.fly-roam > .content .table .action { display: flex; justify-content: space-around; } -.fly-roam>.content .table i { +.fly-roam > .content .table i { font-size: 18px; color: #409eff; cursor: pointer; } -.fly-roam>.content .table i:hover { +.fly-roam > .content .table i:hover { color: #6bb4ff; } -.fly-roam>.content .table i:active { +.fly-roam > .content .table i:active { color: #409eff; } -.fly-roam>.content button { +.fly-roam > .content button { padding: 6px 14px; } @@ -875,7 +877,7 @@ position: relative; } -.YJ-custom-base-dialog .input-number>.unit { +.YJ-custom-base-dialog .input-number > .unit { position: absolute; top: 5px; right: 18px; @@ -888,7 +890,7 @@ line-height: 17px; } -.YJ-custom-base-dialog .input-number>.arrow { +.YJ-custom-base-dialog .input-number > .arrow { position: absolute; top: 8px; right: 14px; @@ -899,7 +901,7 @@ pointer-events: none; } -.YJ-custom-base-dialog .input-number>.arrow:after { +.YJ-custom-base-dialog .input-number > .arrow:after { content: ""; position: absolute; top: -3px; @@ -909,7 +911,7 @@ border-left: 5px solid rgba(255, 255, 255, 0); } -.YJ-custom-base-dialog .input-number>.arrow:before { +.YJ-custom-base-dialog .input-number > .arrow:before { content: ""; position: absolute; top: 9px; @@ -927,11 +929,11 @@ justify-content: flex-end; } -.YJ-custom-base-dialog .foot>button { +.YJ-custom-base-dialog .foot > button { margin-left: 10px; } -.YJ-custom-base-dialog .foot>.show>.label { +.YJ-custom-base-dialog .foot > .show > .label { margin: 0px 10px; } @@ -950,7 +952,7 @@ position: fixed !important; } -.YJ-custom-base-dialog>.content .ew-color-picker input { +.YJ-custom-base-dialog > .content .ew-color-picker input { font-size: 14px; line-height: 28px; height: 28px; @@ -958,20 +960,20 @@ font-weight: 400; } -.YJ-custom-base-dialog>.content .ew-color-picker .input-number-unit input[type=number] { +.YJ-custom-base-dialog > .content .ew-color-picker .input-number-unit input[type=number] { padding: 0 20px 0 8px; width: 66px; } -.YJ-custom-base-dialog.ew-color-picker>.ew-color-picker-content { +.YJ-custom-base-dialog.ew-color-picker > .ew-color-picker-content { margin-bottom: 10px; } -.YJ-custom-base-dialog .ew-color-picker>.ew-color-picker-content>.ew-color-panel { +.YJ-custom-base-dialog .ew-color-picker > .ew-color-picker-content > .ew-color-panel { width: 302px; } -.YJ-custom-base-dialog .ew-color-picker>.ew-color-input { +.YJ-custom-base-dialog .ew-color-picker > .ew-color-input { margin-top: 1px; font-size: 14px; background-color: rgba(0, 0, 0, 0.5); @@ -993,7 +995,7 @@ line-height: 24px; } -.YJ-custom-base-dialog>.content>div .ew-color-picker .row>.col { +.YJ-custom-base-dialog > .content > div .ew-color-picker .row > .col { margin: 0 !important; } @@ -1011,41 +1013,41 @@ display: inline-block; } -.YJ-custom-base-dialog .ew-color-picker .color-alpha>input { +.YJ-custom-base-dialog .ew-color-picker .color-alpha > input { font-weight: 400 !important; font-family: Arial !important; font-size: 14px !important; } -.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container { +.YJ-custom-base-dialog .ew-color-picker > .ew-pre-define-color-container { width: 324px; } -.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container>.ew-pre-define-color { +.YJ-custom-base-dialog .ew-color-picker > .ew-pre-define-color-container > .ew-pre-define-color { width: 22px; height: 22px; margin: 0 0 8px 8px; border: 1px solid #9b979b; } -.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container>.ew-pre-define-color:nth-child(11n+1) { +.YJ-custom-base-dialog .ew-color-picker > .ew-pre-define-color-container > .ew-pre-define-color:nth-child(11n+1) { width: 22px; height: 22px; margin: 0 0 8px 0; } -.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container>.ew-pre-define-color-active { +.YJ-custom-base-dialog .ew-color-picker > .ew-pre-define-color-container > .ew-pre-define-color-active { border-color: #ffffff; -webkit-box-shadow: unset !important; box-shadow: unset !important; } -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container { +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container { margin-top: 8px; width: 324px; } -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color { +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color { position: relative; width: 22px; height: 22px; @@ -1058,49 +1060,49 @@ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=="); } -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color:nth-child(11n+1) { +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color:nth-child(11n+1) { margin: 0 0 8px 0; } -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.add, -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract { +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color.add, +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color.subtract { border-color: rgba(var(--color-base1), 0.2); background: unset; line-height: 22px; } -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.add:hover, -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract:hover { +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color.add:hover, +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color.subtract:hover { border-color: rgba(var(--color-base1), 0.4); } -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container svg, -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>svg { +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container svg, +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > svg { margin: 0; } -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color-active { +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color-active { border-color: #ffffff !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; } -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color>.yj-pre-define-color-item.subtract-btn, -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color>.yj-pre-define-color-item { +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color > .yj-pre-define-color-item.subtract-btn, +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color > .yj-pre-define-color-item { width: 100%; height: 100%; border-radius: 3px; cursor: pointer; } -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color>.yj-pre-define-color-item.subtract-btn { +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color > .yj-pre-define-color-item.subtract-btn { position: absolute; top: 0; left: 0; line-height: 20px; } -.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color:hover { +.YJ-custom-base-dialog .ew-color-picker > .yj-pre-collect-color-container > .yj-pre-collect-color:hover { opacity: .8; } @@ -1125,8 +1127,8 @@ display: block; } -.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-no, -.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow { +.YJ-custom-base-dialog .ew-color-picker-box > .ew-color-picker-no, +.YJ-custom-base-dialog .ew-color-picker-box > .ew-color-picker-arrow { border: 1px solid rgba(var(--color-sdk-auxiliary), 0.5); width: 21px !important; height: 21px !important; @@ -1134,14 +1136,14 @@ font-size: 14px; } -.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-no svg, -.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow svg { +.YJ-custom-base-dialog .ew-color-picker-box > .ew-color-picker-no svg, +.YJ-custom-base-dialog .ew-color-picker-box > .ew-color-picker-arrow svg { margin: 0; fill: rgba(var(--color-sdk-auxiliary), 1) } -.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 { +.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; @@ -1172,7 +1174,7 @@ -webkit-tap-highlight-color: transparent; } -.DIV_cy_slider>.length { +.DIV_cy_slider > .length { width: 100%; height: 100%; background: #a9acb1; @@ -1180,7 +1182,7 @@ cursor: pointer; } -.DIV_cy_slider>.handler { +.DIV_cy_slider > .handler { position: absolute; width: 10px; height: 10px; @@ -1193,7 +1195,7 @@ box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .4); } -.DIV_cy_slider>.light { +.DIV_cy_slider > .light { position: absolute; height: 100%; top: 50%; @@ -1208,12 +1210,12 @@ height: 200px; } -.DIV_cy_slider.vertical>.handler { +.DIV_cy_slider.vertical > .handler { transform: translateX(-32%) translateY(50%); top: unset; } -.DIV_cy_slider.vertical>.light { +.DIV_cy_slider.vertical > .light { width: 100%; height: unset; transform: none; @@ -1221,27 +1223,27 @@ bottom: 0; } -.DIV_cy_slider.red>.light { +.DIV_cy_slider.red > .light { background-color: #cd1e1e; } -.DIV_cy_slider.orange>.light { +.DIV_cy_slider.orange > .light { background-color: #dd7639; } -.DIV_cy_slider.yellow>.light { +.DIV_cy_slider.yellow > .light { background-color: #e5df22; } -.DIV_cy_slider.green>.light { +.DIV_cy_slider.green > .light { background-color: #23a92d; } -.DIV_cy_slider.cyan>.light { +.DIV_cy_slider.cyan > .light { background-color: #41d8df; } -.DIV_cy_slider.purple>.light { +.DIV_cy_slider.purple > .light { background-color: #b653cf; } @@ -1249,16 +1251,16 @@ height: 6px; } -.DIV_cy_slider.big>.length { +.DIV_cy_slider.big > .length { border-radius: 4px; } -.DIV_cy_slider.big>.handler { +.DIV_cy_slider.big > .handler { width: 12px; height: 12px; } -.DIV_cy_slider.big>.light { +.DIV_cy_slider.big > .light { border-radius: 4px; } @@ -1266,16 +1268,16 @@ height: 8px; } -.DIV_cy_slider.huge>.length { +.DIV_cy_slider.huge > .length { border-radius: 6px; } -.DIV_cy_slider.huge>.handler { +.DIV_cy_slider.huge > .handler { width: 14px; height: 14px; } -.DIV_cy_slider.huge>.light { +.DIV_cy_slider.huge > .light { border-radius: 6px; } @@ -1284,17 +1286,17 @@ height: 200px; } -.DIV_cy_slider.vertical.big>.length { +.DIV_cy_slider.vertical.big > .length { border-radius: 4px; } -.DIV_cy_slider.vertical.big>.handler { +.DIV_cy_slider.vertical.big > .handler { width: 12px; height: 12px; transform: translateX(-28%) translateY(50%); } -.DIV_cy_slider.vertical.big>.light { +.DIV_cy_slider.vertical.big > .light { border-radius: 4px; } @@ -1303,17 +1305,17 @@ height: 200px; } -.DIV_cy_slider.vertical.huge>.length { +.DIV_cy_slider.vertical.huge > .length { border-radius: 6px; } -.DIV_cy_slider.vertical.huge>.handler { +.DIV_cy_slider.vertical.huge > .handler { width: 14px; height: 14px; transform: translateX(-23%) translateY(50%); } -.DIV_cy_slider.vertical.huge>.light { +.DIV_cy_slider.vertical.huge > .light { border-radius: 6px; } @@ -1322,15 +1324,15 @@ cursor: not-allowed; } -.DIV_cy_slider[disabled]>.length { +.DIV_cy_slider[disabled] > .length { cursor: not-allowed; } -.DIV_cy_slider[disabled]>.handler { +.DIV_cy_slider[disabled] > .handler { cursor: not-allowed; } -.DIV_cy_slider[disabled]>.light { +.DIV_cy_slider[disabled] > .light { cursor: not-allowed; } @@ -1433,8 +1435,8 @@ } /* 开关按钮样式 */ -.YJ-custom-base-dialog>.content .btn-switch, -.YJ-custom-base-dialog>.foot .btn-switch { +.YJ-custom-base-dialog > .content .btn-switch, +.YJ-custom-base-dialog > .foot .btn-switch { cursor: pointer; width: 40px; height: 20px; @@ -1450,8 +1452,8 @@ outline: none !important; } -.YJ-custom-base-dialog>.content .btn-switch:before, -.YJ-custom-base-dialog>.foot .btn-switch:before { +.YJ-custom-base-dialog > .content .btn-switch:before, +.YJ-custom-base-dialog > .foot .btn-switch:before { content: ''; width: 16px; height: 16px; @@ -1463,23 +1465,23 @@ 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 { +.YJ-custom-base-dialog > .content .btn-switch:checked, +.YJ-custom-base-dialog > .foot .btn-switch:checked { border-color: rgba(var(--color-base1), 1); box-shadow: rgba(var(--color-base1)) 0 0 0 16px inset; background-color: rgba(var(--color-base1)); } -.YJ-custom-base-dialog>.content .btn-switch:checked:before, -.YJ-custom-base-dialog>.foot .btn-switch:checked:before { +.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 { +.YJ-custom-base-dialog > .content input[type=checkbox]:checked::before { font: normal normal normal 14px/2 FontAwesome; } -.YJ-custom-base-dialog>.content .pagination { +.YJ-custom-base-dialog > .content .pagination { margin-top: 20px; position: fixed; left: 0; @@ -1489,20 +1491,20 @@ left: 80px; } -.YJ-custom-base-dialog>.content .pagination .pageTips { +.YJ-custom-base-dialog > .content .pagination .pageTips { position: absolute; left: -80px; top: 10px; font-size: 15px; } -.YJ-custom-base-dialog>.content .pagination li { +.YJ-custom-base-dialog > .content .pagination li { list-style: none; display: inline-block; user-select: none; } -.YJ-custom-base-dialog>.content .pagination .list-items { +.YJ-custom-base-dialog > .content .pagination .list-items { width: 36px; height: 36px; line-height: 36px; @@ -1516,25 +1518,25 @@ border-radius: 0px; } -.YJ-custom-base-dialog>.content .pagination .list-items:hover { +.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 { +.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 { +.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 { +.YJ-custom-base-dialog > .content .pagination .lbr { border-radius: 0px 5px 5px 0px; color: #337ab7; border: 1px solid #dedede; @@ -1570,7 +1572,7 @@ border-radius: 3px; } -.editor-content-view pre>code { +.editor-content-view pre > code { display: block; padding: 10px; } @@ -1603,31 +1605,31 @@ position: relative; } -.YJ-custom-base-dialog>.content .cy_datalist input { +.YJ-custom-base-dialog > .content .cy_datalist input { padding-right: 24px !important; font-size: 12px; } -.YJ-custom-base-dialog>.content .cy_datalist input::placeholder { +.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 { +.YJ-custom-base-dialog > .content .cy_datalist input:read-only { cursor: pointer; } -.YJ-custom-base-dialog>.content .cy_datalist input.datalist { +.YJ-custom-base-dialog > .content .cy_datalist input.datalist { border-color: #00000000; background-color: rgba(var(--color-base1), 0.2) !important; } -.YJ-custom-base-dialog>.content .cy_datalist dl { +.YJ-custom-base-dialog > .content .cy_datalist dl { min-width: 100%; border-color: rgba(var(--color-base1), 0.5); } -.YJ-custom-base-dialog>.content .cy_datalist dl dd { +.YJ-custom-base-dialog > .content .cy_datalist dl dd { position: relative; padding-right: 30px !important; display: flex; @@ -1636,21 +1638,21 @@ line-height: 32px; } -.YJ-custom-base-dialog>.content .cy_datalist dl dd:hover { +.YJ-custom-base-dialog > .content .cy_datalist dl dd:hover { background-color: rgba(var(--color-base1), 0.2); color: white; } -.YJ-custom-base-dialog>.content .cy_datalist dl dd.active { +.YJ-custom-base-dialog > .content .cy_datalist dl dd.active { color: rgba(var(--color-base1)) !important; /* background-color: rgba(var(--color-base1), 0.2); */ } -.YJ-custom-base-dialog>.content .cy_datalist dl dd.active svg { +.YJ-custom-base-dialog > .content .cy_datalist dl dd.active svg { fill: rgba(var(--color-base1)) } -.YJ-custom-base-dialog>.content .cy_datalist dl dd.active::before { +.YJ-custom-base-dialog > .content .cy_datalist dl dd.active::before { content: ''; display: inline-block; width: 8px; @@ -1664,16 +1666,16 @@ } -.YJ-custom-base-dialog>.content .cy_datalist dl::-webkit-scrollbar { +.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 { +.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 { +.YJ-custom-base-dialog > .content .cy_datalist .yj-custom-icon-arrow-down { position: absolute; right: 8px; top: 10px; @@ -1692,7 +1694,7 @@ flex-direction: column; } -.richText-box>.richText-box-mask { +.richText-box > .richText-box-mask { position: fixed; top: 0; left: 0; @@ -1700,13 +1702,13 @@ height: 100%; } -.richText-box>.richText-content>.richText-header>p { +.richText-box > .richText-content > .richText-header > p { text-align: center; font-size: 20px; margin: 10px; } -.richText-box>.richText-content>.richText-header>.close { +.richText-box > .richText-content > .richText-header > .close { font-style: normal; font-size: 14px; position: absolute; @@ -1716,7 +1718,7 @@ padding: 0px 4px; } -.richText-box>.richText-content { +.richText-box > .richText-content { flex: 0 0 100%; max-height: 100%; margin: 0 20px; @@ -1725,14 +1727,14 @@ background-color: #fff; } -.richText-box>.richText-content>#toolbar-container { +.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 { +.richText-box > .richText-content > #editor-container { height: 1%; flex: 1; border-bottom: 1px solid #c4d9cf; @@ -1740,58 +1742,58 @@ border-right: 1px solid #c4d9cf; } -.richText-box>.richText-content>.richText-footer { +.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 { +.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 { +.richText-box > .richText-content > .richText-footer > button:active { border-style: inset; } -.richText-box>.richText-content>.richText-footer>.primary { +.richText-box > .richText-content > .richText-footer > .primary { background-color: #409eff; border-color: #409eff; margin-right: 10px; } -.richText-box>.richText-content>.richText-footer>.cancel { +.richText-box > .richText-content > .richText-footer > .cancel { background-color: #ff6969; border-color: #ff6969; } /* 轨迹运动 */ -.YJ-custom-base-dialog.trajectory-motion>.content { +.YJ-custom-base-dialog.trajectory-motion > .content { width: 550px; } -.YJ-custom-base-dialog.trajectory-motion>.content .div-item>.row>.col { +.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 { +.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 { +.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 { +.YJ-custom-base-dialog.trajectory-motion > .content .btn-group { display: flex; } -.YJ-custom-base-dialog.trajectory-motion>.content .btn-group .btn { +.YJ-custom-base-dialog.trajectory-motion > .content .btn-group .btn { border-color: rgba(0, 255, 255, 0); padding-left: 32px; padding-right: 32px; @@ -1799,37 +1801,37 @@ font-size: 14px; } -.YJ-custom-base-dialog.trajectory-motion>.content .btn.is-active { +.YJ-custom-base-dialog.trajectory-motion > .content .btn.is-active { border-color: rgba(var(--color-base1)); } -.YJ-custom-base-dialog.trajectory-motion>.content .btn-group .btn.is-active>span { +.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-text-shadow); font-weight: 400; } -.YJ-custom-base-dialog.trajectory-motion>.content .div-item-switch .label { +.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 { +.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 { +.YJ-custom-base-dialog.trajectory-motion > .content div .cy_datalist input { width: 82px; } -.YJ-custom-base-dialog.trajectory-motion>.content .icon-rubric { +.YJ-custom-base-dialog.trajectory-motion > .content .icon-rubric { width: 16px; height: 16px; margin-left: 12px; } -.YJ-custom-base-dialog.trajectory-motion>.content .custom__popper__arrow::after { +.YJ-custom-base-dialog.trajectory-motion > .content .custom__popper__arrow::after { content: ''; position: absolute; height: 0px; @@ -1844,39 +1846,39 @@ /* 水面 */ -.YJ-custom-base-dialog.water-surface>.content { +.YJ-custom-base-dialog.water-surface > .content { width: 586px; } -.YJ-custom-base-dialog.water-surface>.content>div .row .label { +.YJ-custom-base-dialog.water-surface > .content > div .row .label { flex: 0 0 60px; } /* 流光飞线 */ -.YJ-custom-base-dialog.flow-line-surface>.content { +.YJ-custom-base-dialog.flow-line-surface > .content { width: 586px; } -.YJ-custom-base-dialog.flow-line-surface>.content>div .row .label { +.YJ-custom-base-dialog.flow-line-surface > .content > div .row .label { flex: 0 0 60px; } /* 光照 */ -.YJ-custom-base-dialog.sun-shine-surface>.content { +.YJ-custom-base-dialog.sun-shine-surface > .content { width: 586px; } -.YJ-custom-base-dialog.sun-shine-surface>.content>div .row .label { +.YJ-custom-base-dialog.sun-shine-surface > .content > div .row .label { flex: 0 0 60px; } -.YJ-custom-base-dialog.sun-shine-surface>.content>div .timeline-container { +.YJ-custom-base-dialog.sun-shine-surface > .content > div .timeline-container { width: 100%; padding: 20px 0; position: relative; } -.YJ-custom-base-dialog.sun-shine-surface>.content>div .timeline { +.YJ-custom-base-dialog.sun-shine-surface > .content > div .timeline { height: 8px; background: #f0f0f0; border-radius: 15px; @@ -1884,7 +1886,7 @@ cursor: pointer; } -.YJ-custom-base-dialog.sun-shine-surface>.content>div .progress { +.YJ-custom-base-dialog.sun-shine-surface > .content > div .progress { height: 100%; width: 0; background: rgba(var(--color-base1), 1); @@ -1892,7 +1894,7 @@ position: relative; } -.YJ-custom-base-dialog.sun-shine-surface>.content>div .handle { +.YJ-custom-base-dialog.sun-shine-surface > .content > div .handle { width: 16px; height: 16px; background: white; @@ -1906,23 +1908,23 @@ cursor: grab; } -.YJ-custom-base-dialog.sun-shine-surface>.content>div .time-marks { +.YJ-custom-base-dialog.sun-shine-surface > .content > div .time-marks { display: flex; justify-content: space-between; margin-top: 5px; } -.YJ-custom-base-dialog.sun-shine-surface>.content>div .time-mark { +.YJ-custom-base-dialog.sun-shine-surface > .content > div .time-mark { font-size: 12px; color: #fff; } -.YJ-custom-base-dialog.sun-shine-surface>.content>div .controls { +.YJ-custom-base-dialog.sun-shine-surface > .content > div .controls { margin: 15px 0; } -.YJ-custom-base-dialog.sun-shine-surface>.content>div .current-time { +.YJ-custom-base-dialog.sun-shine-surface > .content > div .current-time { font-size: 12px; position: absolute; width: 50px; @@ -1932,34 +1934,34 @@ transform: translateY(-50%); } -.YJ-custom-base-dialog.sun-shine-surface>.content>div #timePause { +.YJ-custom-base-dialog.sun-shine-surface > .content > div #timePause { margin-top: 10px; } /* 电子围墙 */ -.YJ-custom-base-dialog.wall-stereoscopic>.content { +.YJ-custom-base-dialog.wall-stereoscopic > .content { width: 600px; } -.YJ-custom-base-dialog.wall-stereoscopic>.content>div .row .label { +.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 { +.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 { +.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 { +.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 { +.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; @@ -1970,171 +1972,174 @@ pointer-events: none; } -.YJ-custom-base-dialog.wall-stereoscopic>.content .material-box .cy_datalist i.icon { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.YJ-custom-base-dialog.particle-effects > .content { width: 518px; } -.YJ-custom-base-dialog.particle-effects>.content .row>.col { +.YJ-custom-base-dialog.particle-effects > .content .row > .col { width: 200px; } -.YJ-custom-base-dialog.particle-effects>.content .ew-color-picker .row>.col { +.YJ-custom-base-dialog.particle-effects > .content .ew-color-picker .row > .col { width: auto; } -.YJ-custom-base-dialog.particle-effects>.content [type="range"] { +.YJ-custom-base-dialog.particle-effects > .content [type="range"] { margin-top: 10px; } /* 爆炸效果 */ -.YJ-custom-base-dialog.explosion>.content { +.YJ-custom-base-dialog.explosion > .content { width: 558px; } -.YJ-custom-base-dialog.explosion>.content>div .row .label { +.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 { +.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 { +.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 > div .row .label { +} -.YJ-custom-base-dialog.cut-fill>.content { +.YJ-custom-base-dialog.cut-fill > .content { width: 562px; } -.YJ-custom-base-dialog.cut-fill>.content>div .row>.col { +.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 { +.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 { +.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 { +.YJ-custom-base-dialog.cut-fill > .content > div .div-item:last-child .row .unit { margin-left: 5px; } -.YJ-custom-base-dialog.cut-fill>.content .firstTip { + +.YJ-custom-base-dialog.cut-fill > .content .firstTip { position: absolute; left: 340px; top: 145px } -.YJ-custom-base-dialog.cut-fill>.content .endTip { +.YJ-custom-base-dialog.cut-fill > .content .endTip { position: absolute; top: 145px; left: 515px } /* 淹没分析 */ -.YJ-custom-base-dialog.submerge>.content>div .row>.col { +.YJ-custom-base-dialog.submerge > .content > div .row > .col { flex: 1; } -.YJ-custom-base-dialog.submerge>.content>div .row>.col .input-number { +.YJ-custom-base-dialog.submerge > .content > div .row > .col .input-number { width: 145px; } -.YJ-custom-base-dialog.submerge>.content>div .row .label { +.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 { +.YJ-custom-base-dialog.submerge > .content > div .operate-btn-box button { margin-right: 10px; } -.YJ-custom-base-dialog.submerge>.content button { +.YJ-custom-base-dialog.submerge > .content button { padding: 6px 16px; } -.YJ-custom-base-dialog.submerge>.content .table { +.YJ-custom-base-dialog.submerge > .content .table { position: relative; } -.YJ-custom-base-dialog.submerge>.content .table-body { +.YJ-custom-base-dialog.submerge > .content .table-body { height: 152px; } -.YJ-custom-base-dialog.submerge>.content .table-body .tr:last-child { +.YJ-custom-base-dialog.submerge > .content .table-body .tr:last-child { border-bottom: 1px solid rgba(var(--color-base1), 0.5); } -.YJ-custom-base-dialog.submerge>.content .table-empty { +.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 { +.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 { +.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.submerge>.content .rangeWords { + +.YJ-custom-base-dialog.submerge > .content .rangeWords { font-size: 14px; font-weight: 500; letter-spacing: 0px; @@ -2147,48 +2152,48 @@ } /* 地形分析 */ -.YJ-custom-base-dialog.terrain-excavation>.content { +.YJ-custom-base-dialog.terrain-excavation > .content { width: 430px; } -.YJ-custom-base-dialog.terrain-excavation>.content>div .row>.col { +.YJ-custom-base-dialog.terrain-excavation > .content > div .row > .col { flex: 1; } -.YJ-custom-base-dialog.terrain-excavation>.content>div .row>.col button { +.YJ-custom-base-dialog.terrain-excavation > .content > div .row > .col button { flex: 1; } -.YJ-custom-base-dialog.terrain-excavation>.content>div .row .input-number { +.YJ-custom-base-dialog.terrain-excavation > .content > div .row .input-number { width: 175px; } /* 可视域分析 */ -.YJ-custom-base-dialog.view-shed>.content { +.YJ-custom-base-dialog.view-shed > .content { width: 480px; } -.YJ-custom-base-dialog.view-shed>.content>div .row>.col { +.YJ-custom-base-dialog.view-shed > .content > div .row > .col { flex: 1; } -.YJ-custom-base-dialog.view-shed>.content>div .row .label { +.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 { +.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 { +.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 { +.YJ-custom-base-dialog.view-shed > .content .range-box .range-bg { background: rgba(var(--color-base1), 0.2); height: 100%; width: 100%; @@ -2202,53 +2207,53 @@ -webkit-mask-position: 0 15px; } -.YJ-custom-base-dialog.view-shed>.content .range-box .range-bg .range-process-box { +.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 { +.YJ-custom-base-dialog.view-shed > .content .range-box .range-bg .range-process { width: 0; height: 100%; background: rgba(var(--color-base1), 1); } -.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box { +.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 { +.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) { +.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) { +.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) { +.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) { +.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) { +.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 { +.YJ-custom-base-dialog.view-shed > .content .range-box .range-node-box .range-node-active { position: absolute; top: 13px; left: 0; @@ -2260,7 +2265,7 @@ border: 2px solid rgba(var(--color-base1), 1); } -.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-active-text { +.YJ-custom-base-dialog.view-shed > .content .range-box .range-node-box .range-node-active-text { position: relative; top: -26px; left: -5px; @@ -2269,17 +2274,17 @@ text-align: center; } -.YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"] { +.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 { +.YJ-custom-base-dialog.view-shed > .content .range-box input[type="range"]::-webkit-slider-runnable-track { height: 6px; background: rgba(var(--color-base1), 0); } -.YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"]::-webkit-slider-thumb { +.YJ-custom-base-dialog.view-shed > .content .range-box input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; @@ -2292,10 +2297,11 @@ } /* 通视分析 */ -.YJ-custom-base-dialog.circle-view-shed>.content { +.YJ-custom-base-dialog.circle-view-shed > .content { width: 290px; } -.YJ-custom-base-dialog.circle-view-shed>.content .firstTip { + +.YJ-custom-base-dialog.circle-view-shed > .content .firstTip { font-size: 14px; font-weight: 700; letter-spacing: 0px; @@ -2308,7 +2314,7 @@ top: 145px } -.YJ-custom-base-dialog.circle-view-shed>.content .endTip { +.YJ-custom-base-dialog.circle-view-shed > .content .endTip { font-size: 14px; font-weight: 700; letter-spacing: 0px; @@ -2335,56 +2341,56 @@ } /* 地形可视域分析 */ -.YJ-custom-base-dialog.visibility>.content { +.YJ-custom-base-dialog.visibility > .content { width: 290px; } /* 剖面分析 */ -.YJ-custom-base-dialog.profile>.content>div .row>.col { +.YJ-custom-base-dialog.profile > .content > div .row > .col { flex: 1; } -.YJ-custom-base-dialog.profile>.content>div .row .label { +.YJ-custom-base-dialog.profile > .content > div .row .label { flex: 0 0 135px; margin-right: 10px; } -.YJ-custom-base-dialog.profile>.content .profile-echarts { +.YJ-custom-base-dialog.profile > .content .profile-echarts { width: 860px; height: 260px; } /* bim模型 */ -.YJ-custom-base-dialog.tileset-bim>.content>div .row .col .label { +.YJ-custom-base-dialog.tileset-bim > .content > div .row .col .label { margin-right: 10px; } -.YJ-custom-base-dialog.tileset-bim>.content .divide { +.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 { +.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 { +.YJ-custom-base-dialog.tileset-bim > .content .divide p { margin: 0 10px; } -.YJ-custom-base-dialog.tileset-bim>.content .checkbox-box { +.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 * { +.YJ-custom-base-dialog.tileset-bim > .content .checkbox-box * { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; @@ -2392,335 +2398,335 @@ pointer-events: none; } -.YJ-custom-base-dialog.tileset-bim>.content .checkbox-box span { +.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"] { +.YJ-custom-base-dialog.tileset-bim > .content .checkbox-box input[type="checkbox"] { width: 14px; cursor: pointer; } /* 扩散光波 */ -.YJ-custom-base-dialog.circle-ciffuse>.content { +.YJ-custom-base-dialog.circle-ciffuse > .content { width: 580px; } -.YJ-custom-base-dialog.circle-ciffuse>.content .circle-content-box { +.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 { +.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 { +.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 { +.YJ-custom-base-dialog.circle-ciffuse > .content .cy_datalist dl::-webkit-scrollbar { width: 5px; height: 5px; } /* 扫描 */ -.YJ-custom-base-dialog.radar-scan>.content { +.YJ-custom-base-dialog.radar-scan > .content { width: 580px; } /* 立体扫描 */ -.YJ-custom-base-dialog.radar-scan-stereoscopic>.content { +.YJ-custom-base-dialog.radar-scan-stereoscopic > .content { width: 580px; } /* 多面体 */ -.YJ-custom-base-dialog.polyhedron>.content { +.YJ-custom-base-dialog.polyhedron > .content { width: 600px; } -.YJ-custom-base-dialog.polyhedron>.content>div .row .col { +.YJ-custom-base-dialog.polyhedron > .content > div .row .col { margin: 0 10px; } -.YJ-custom-base-dialog.polyhedron>.content>div .row .col:first-child { +.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 { +.YJ-custom-base-dialog.polyhedron > .content > div .row .col:last-child { margin-right: 0; } -.YJ-custom-base-dialog.polyhedron>.content .input-select-unit { +.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 { +.YJ-custom-base-dialog.polyhedron > .content .DIV-cy-tab-content-pane .input-select { width: 100px; } /* 多边形 */ -.YJ-custom-base-dialog.polygon>.content { +.YJ-custom-base-dialog.polygon > .content { width: 600px; } -.YJ-custom-base-dialog.polygon>.content>div .row .col { +.YJ-custom-base-dialog.polygon > .content > div .row .col { margin: 0 10px; } -.YJ-custom-base-dialog.polygon>.content>div .row .col:first-child { +.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 { +.YJ-custom-base-dialog.polygon > .content > div .row .col:last-child { margin-right: 0; } -.YJ-custom-base-dialog.polygon>.content .input-select-unit { +.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 { +.YJ-custom-base-dialog.polygon > .content .DIV-cy-tab-content-pane .input-select { width: 100px; } -.YJ-custom-base-dialog.polygon>.content>div .table { +.YJ-custom-base-dialog.polygon > .content > div .table { flex: 1; } -.YJ-custom-base-dialog.polygon>.content>div .table .td.lng { +.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 { +.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) { +.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), -.YJ-custom-base-dialog.polygon>.content .attribute-content-rtmp .table .tr .th:nth-child(3), -.YJ-custom-base-dialog.polygon>.content .attribute-content-rtmp .table .tr .td:nth-child(3) { +.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), +.YJ-custom-base-dialog.polygon > .content .attribute-content-rtmp .table .tr .th:nth-child(3), +.YJ-custom-base-dialog.polygon > .content .attribute-content-rtmp .table .tr .td:nth-child(3) { flex: 0 0 165px; width: 165px; justify-content: center; } /* 空间信息table */ -.YJ-custom-base-dialog.circle>.content>div .spatial-info-table, -.YJ-custom-base-dialog.pincerArrow>.content>div .spatial-info-table, -.YJ-custom-base-dialog.assemble>.content>div .spatial-info-table, -.YJ-custom-base-dialog.attackArrow>.content>div .spatial-info-table, -.YJ-custom-base-dialog.polygon>.content>div .spatial-info-table { +.YJ-custom-base-dialog.circle > .content > div .spatial-info-table, +.YJ-custom-base-dialog.pincerArrow > .content > div .spatial-info-table, +.YJ-custom-base-dialog.assemble > .content > div .spatial-info-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.circle>.content>div .spatial-info-table .td:nth-child(4) .input, -.YJ-custom-base-dialog.pincerArrow>.content>div .spatial-info-table .td:nth-child(4) .input, -.YJ-custom-base-dialog.assemble>.content>div .spatial-info-table .td:nth-child(4) .input, -.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 { +.YJ-custom-base-dialog.circle > .content > div .spatial-info-table .td:nth-child(4) .input, +.YJ-custom-base-dialog.pincerArrow > .content > div .spatial-info-table .td:nth-child(4) .input, +.YJ-custom-base-dialog.assemble > .content > div .spatial-info-table .td:nth-child(4) .input, +.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.circle>.content>div .spatial-info-table .td:nth-child(4) span, -.YJ-custom-base-dialog.pincerArrow>.content>div .spatial-info-table .td:nth-child(4) span, -.YJ-custom-base-dialog.assemble>.content>div .spatial-info-table .td:nth-child(4) span, -.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 { +.YJ-custom-base-dialog.circle > .content > div .spatial-info-table .td:nth-child(4) span, +.YJ-custom-base-dialog.pincerArrow > .content > div .spatial-info-table .td:nth-child(4) span, +.YJ-custom-base-dialog.assemble > .content > div .spatial-info-table .td:nth-child(4) span, +.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.circle>.content>div .spatial-info-table .table-body, -.YJ-custom-base-dialog.pincerArrow>.content>div .spatial-info-table .table-body, -.YJ-custom-base-dialog.assemble>.content>div .spatial-info-table .table-body, -.YJ-custom-base-dialog.attackArrow>.content>div .spatial-info-table .table-body, -.YJ-custom-base-dialog.polygon>.content>div .spatial-info-table .table-body { +.YJ-custom-base-dialog.circle > .content > div .spatial-info-table .table-body, +.YJ-custom-base-dialog.pincerArrow > .content > div .spatial-info-table .table-body, +.YJ-custom-base-dialog.assemble > .content > div .spatial-info-table .table-body, +.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>.content>div .spatial-info-table .table-head .th:nth-child(2), -.YJ-custom-base-dialog>.content>div .spatial-info-table .table-head .th:nth-child(3), -.YJ-custom-base-dialog>.content>div .spatial-info-table .table-head .th:nth-child(4), -.YJ-custom-base-dialog>.content>div .spatial-info-table .table-body .td:nth-child(2), -.YJ-custom-base-dialog>.content>div .spatial-info-table .table-body .td:nth-child(3), -.YJ-custom-base-dialog>.content>div .spatial-info-table .table-body .td:nth-child(4) { +.YJ-custom-base-dialog > .content > div .spatial-info-table .table-head .th:nth-child(2), +.YJ-custom-base-dialog > .content > div .spatial-info-table .table-head .th:nth-child(3), +.YJ-custom-base-dialog > .content > div .spatial-info-table .table-head .th:nth-child(4), +.YJ-custom-base-dialog > .content > div .spatial-info-table .table-body .td:nth-child(2), +.YJ-custom-base-dialog > .content > div .spatial-info-table .table-body .td:nth-child(3), +.YJ-custom-base-dialog > .content > div .spatial-info-table .table-body .td:nth-child(4) { flex: 0 0 160px; } -.YJ-custom-base-dialog>.content>div .spatial-info-table .table-body .td input[type=number] { +.YJ-custom-base-dialog > .content > div .spatial-info-table .table-body .td input[type=number] { font-family: 'ddin'; font-size: 14px; } /* 集结地 */ -.YJ-custom-base-dialog.assemble>.content { +.YJ-custom-base-dialog.assemble > .content { width: 600px; } -.YJ-custom-base-dialog.assemble>.content>div .row .col { +.YJ-custom-base-dialog.assemble > .content > div .row .col { margin: 0 10px; } -.YJ-custom-base-dialog.assemble>.content>div .row .col:first-child { +.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 { +.YJ-custom-base-dialog.assemble > .content > div .row .col:last-child { margin-right: 0; } -.YJ-custom-base-dialog.assemble>.content .input-select-unit { +.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 { +.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), -.YJ-custom-base-dialog.assemble>.content .attribute-content-rtmp .table .tr .th:nth-child(3), -.YJ-custom-base-dialog.assemble>.content .attribute-content-rtmp .table .tr .td:nth-child(3) { +.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), +.YJ-custom-base-dialog.assemble > .content .attribute-content-rtmp .table .tr .th:nth-child(3), +.YJ-custom-base-dialog.assemble > .content .attribute-content-rtmp .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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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.circle>.content .attribute-content-rtmp .table .tr .th:nth-child(3), -.YJ-custom-base-dialog.circle>.content .attribute-content-rtmp .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.attackArrow>.content .attribute-content-rtmp .table .tr .th:nth-child(3), -.YJ-custom-base-dialog.attackArrow>.content .attribute-content-rtmp .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), -.YJ-custom-base-dialog.pincerArrow>.content .attribute-content-rtmp .table .tr .th:nth-child(3), -.YJ-custom-base-dialog.pincerArrow>.content .attribute-content-rtmp .table .tr .td:nth-child(3) { +.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.circle > .content .attribute-content-rtmp .table .tr .th:nth-child(3), +.YJ-custom-base-dialog.circle > .content .attribute-content-rtmp .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.attackArrow > .content .attribute-content-rtmp .table .tr .th:nth-child(3), +.YJ-custom-base-dialog.attackArrow > .content .attribute-content-rtmp .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), +.YJ-custom-base-dialog.pincerArrow > .content .attribute-content-rtmp .table .tr .th:nth-child(3), +.YJ-custom-base-dialog.pincerArrow > .content .attribute-content-rtmp .table .tr .td:nth-child(3) { flex: 0 0 165px; width: 165px; justify-content: center; } -.YJ-custom-base-dialog.pincerArrow>.content>div .th:first-child, -.YJ-custom-base-dialog.pincerArrow>.content>div .td:first-child, -.YJ-custom-base-dialog.assemble>.content>div .th:first-child, -.YJ-custom-base-dialog.assemble>.content>div .td:first-child, -.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 { +.YJ-custom-base-dialog.pincerArrow > .content > div .th:first-child, +.YJ-custom-base-dialog.pincerArrow > .content > div .td:first-child, +.YJ-custom-base-dialog.assemble > .content > div .th:first-child, +.YJ-custom-base-dialog.assemble > .content > div .td:first-child, +.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 { +.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 { +.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 { +.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 { +.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 { +.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) { +.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) { +.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 { +.YJ-custom-base-dialog.ground-text > .content { min-width: 410px; } -.YJ-custom-base-dialog.ground-text>.content>div .row textarea { +.YJ-custom-base-dialog.ground-text > .content > div .row textarea { min-width: 280px; min-height: 32px; padding: 5px 10px; @@ -2728,13 +2734,14 @@ } /* 站立文字 */ -.YJ-custom-base-dialog.stand-text>.content { +.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 .label { +} -.YJ-custom-base-dialog.stand-text>.content>div .row textarea { +.YJ-custom-base-dialog.stand-text > .content > div .row textarea { min-width: 200px; min-height: 32px; padding: 5px 10px; @@ -2742,101 +2749,101 @@ } /* 折线 */ -.YJ-custom-base-dialog.polyline>.content { +.YJ-custom-base-dialog.polyline > .content { width: 580px; } -.YJ-custom-base-dialog.polyline>.content>div #dashTextureDom { +.YJ-custom-base-dialog.polyline > .content > div #dashTextureDom { display: none; } -.YJ-custom-base-dialog.polyline>.content>div .row .col { +.YJ-custom-base-dialog.polyline > .content > div .row .col { margin: 0 10px; } -.YJ-custom-base-dialog.polyline>.content>div .row .col:first-child { +.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 { +.YJ-custom-base-dialog.polyline > .content > div .row .col:last-child { margin-right: 0; } -.YJ-custom-base-dialog.polyline>.content>div .table { +.YJ-custom-base-dialog.polyline > .content > div .table { flex: 1; } -.YJ-custom-base-dialog.polyline>.content>div .table .td.lng { +.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 { +.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) { +.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 { +.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 { +.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 { +.YJ-custom-base-dialog.polyline > .content > div .spatial-info-table .table-body { max-height: 185px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit-box textarea { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit-box textarea { border-radius: unset !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit .datalist { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit .datalist { background-color: rgba(var(--color-base1), 0.1) !important; border-radius: 4px 0px 0px 4px !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) .datalist { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit:nth-of-type(1) .datalist { background-color: rgba(var(--color-base1), 0.1) !important; border-radius: 4px 0px, 0px, 4px !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) .datalist { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit:nth-of-type(2) .datalist { background-color: rgba(var(--color-base1), 0.1) !important; border-radius: 0px 4px 4px 0px !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) input { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit:nth-of-type(1) input { border: 1px solid rgba(var(--color-base1), 0.5) !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit:nth-of-type(2) input { border: 1px solid rgba(var(--color-base1), 0.5) !important; } -.YJ-custom-base-dialog.polyline>.content input.input-text { +.YJ-custom-base-dialog.polyline > .content input.input-text { background-color: rgba(0, 0, 0, 0.5) !important; border-radius: unset !important; border-top: 1px solid rgba(var(--color-base1), 0.5) !important; border-bottom: 1px solid rgba(var(--color-base1), 0.5) !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist input { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist input { padding-left: 35px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .icon-active { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .icon-active { position: absolute; top: 11px; left: 10px; @@ -2847,112 +2854,112 @@ pointer-events: none; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.icon { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.icon { display: inline-block; width: 22px; height: 10px; margin-right: 5px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.line { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.line { border: 1px solid rgba(255, 255, 255, 1); height: 0px; margin-top: 4px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.dash-line { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.dash-line { border: 1px dashed rgba(255, 255, 255, 1); height: 0px; margin-top: 4px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.light-line { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.light-line { border: 1px solid rgba(255, 255, 255, 1); height: 0px; margin-top: 4px; box-shadow: 0 0 3px #fff } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.tail-line { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.tail-line { background: url(../../img/arrow/tail.png) 100% 100% no-repeat; background-size: 100% 100%; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.mult-tail-line { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.mult-tail-line { background: url(../../img/arrow/tail.png) 100% 100% no-repeat; background-size: 100% 100%; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line1 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.flow-dash-line1 { border: 1px dashed rgba(255, 255, 255, 1); height: 0px; margin-top: 4px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line2 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.flow-dash-line2 { border: 1px dashed rgba(255, 255, 255, 1); height: 0px; margin-top: 4px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line1 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line1 { background: url(../../img/arrow/1.png) 100% 100% no-repeat; background-size: 100% 100%; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line2 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line2 { background: url(../../img/arrow/2.png) 100% 100% no-repeat; background-size: 100% 100%; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line3 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line3 { background: url(../../img/arrow/3.png) 100% 100% no-repeat; background-size: 100% 100%; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line4 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line4 { background: url(../../img/arrow/4.png) 100% 100% no-repeat; background-size: 100% 100%; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line5 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line5 { background: url(../../img/arrow/5.png) 100% 100% no-repeat; background-size: 100% 100%; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line6 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line6 { background: url(../../img/arrow/6.png) 100% 100% no-repeat; background-size: 100% 100%; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit-box textarea { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit-box textarea { border-radius: unset !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit .datalist { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit .datalist { background-color: rgba(var(--color-base1), 0.1) !important; border-radius: 4px 0px 0px 4px !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) .datalist { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit:nth-of-type(1) .datalist { background-color: rgba(var(--color-base1), 0.1) !important; border-radius: 4px 0px, 0px, 4px !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) .datalist { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit:nth-of-type(2) .datalist { background-color: rgba(var(--color-base1), 0.1) !important; border-radius: 0px 4px 4px 0px !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) input { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit:nth-of-type(1) input { border: 1px solid rgba(var(--color-base1), 0.5) !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input { +.YJ-custom-base-dialog.polyline > .content > div .input-select-unit:nth-of-type(2) input { border: 1px solid rgba(var(--color-base1), 0.5) !important; } -.YJ-custom-base-dialog.polyline>.content input.input-text { +.YJ-custom-base-dialog.polyline > .content input.input-text { background-color: rgba(0, 0, 0, 0.5) !important; border-radius: unset !important; border: none; @@ -2960,11 +2967,11 @@ border-bottom: 1px solid rgba(var(--color-base1), 0.7) !important; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist input { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist input { padding-left: 35px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .icon-active { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .icon-active { position: absolute; top: 11px; left: 10px; @@ -2975,91 +2982,91 @@ pointer-events: none; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.icon { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.icon { display: inline-block; width: 22px; height: 13px; margin-right: 7px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.line { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.line { border: 1px solid rgba(var(--color-base1), 1); height: 0px; margin-top: 4px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.dash-line { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.dash-line { border: 1px dashed rgba(var(--color-base1), 1); height: 0px; margin-top: 4px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.light-line { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.light-line { border: 1px solid rgba(var(--color-base1), 1); height: 0px; margin-top: 4px; box-shadow: 0 0 3px #fff } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.tail-line { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.tail-line { background: url(../../img/arrow/tail.png) 100% 100% no-repeat; background-size: 100% 100%; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.mult-tail-line { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.mult-tail-line { background: url(../../img/arrow/tail.png) 100% 100% no-repeat; background-size: 100% 100%; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line1 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.flow-dash-line1 { border: 1px dashed rgba(var(--color-base1), 1); height: 0px; margin-top: 4px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line2 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.flow-dash-line2 { border: 1px dashed rgba(var(--color-base1), 1); height: 0px; margin-top: 4px; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line1 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line1 { background: url(../../img/arrow/1.png); background-size: cover; background-position: center; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line2 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line2 { background: url(../../img/arrow/2.png); background-size: cover; background-position: center; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line3 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line3 { background: url(../../img/arrow/3.png); background-size: cover; background-position: center; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line4 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line4 { background: url(../../img/arrow/4.png); background-size: cover; background-position: center; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line5 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line5 { background: url(../../img/arrow/5.png); background-size: cover; background-position: center; } -.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line6 { +.YJ-custom-base-dialog.polyline > .content > div .input-select-line-type-box .cy_datalist i.pic-line6 { background: url(../../img/arrow/6.png) 100% 100% no-repeat; background-size: 100% 100%; } /* 文本框 */ -.popup-textarea{ +.popup-textarea { /* width: 212px; */ width: 161px; /* height: 154px; */ @@ -3072,67 +3079,69 @@ background-size: 100% 100%; padding: 5px 5px 0px 5px; } -.popup-textarea textarea{ + +.popup-textarea textarea { width: 158px; height: 95px; - background-color: unset!important; - border: unset!important; + background-color: unset !important; + border: unset !important; color: #fff; } + .popup-textarea textarea::-webkit-scrollbar { - width: 8px!important; + width: 8px !important; /* height: 8px!important; */ } .popup-textarea textarea::-webkit-scrollbar-thumb { - border-radius: 5px!important; - -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important; - background-color: rgba(var(--color-base1))!important; + border-radius: 5px !important; + -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; + background-color: rgba(var(--color-base1)) !important; } .popup-textarea textarea::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important; - border-radius: 5px!important; - background-color: rgba(var(--color-base1), 0.1)!important; + -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; + border-radius: 5px !important; + background-color: rgba(var(--color-base1), 0.1) !important; } /* 贴地图片 */ -.YJ-custom-base-dialog.ground-image>.content { +.YJ-custom-base-dialog.ground-image > .content { width: 560px; } /* 模型 */ -.YJ-custom-base-dialog.model>.content { +.YJ-custom-base-dialog.model > .content { width: 560px; } -.YJ-custom-base-dialog.model>.content>div .row .col { +.YJ-custom-base-dialog.model > .content > div .row .col { margin: 0 10px; } -.YJ-custom-base-dialog.model>.content>div .row .col:first-child { +.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 { +.YJ-custom-base-dialog.model > .content > div .row .col:last-child { margin-right: 0; } -.YJ-custom-base-dialog.model>.content>div .row .label { +.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 { +.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 { +.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] { +.YJ-custom-base-dialog.model > .content > div .row .checkbox-box input[type=checkbox] { width: 14px; height: 14px; margin-top: 2px; @@ -3140,65 +3149,65 @@ 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), -.YJ-custom-base-dialog.model>.content .attribute-content-rtmp .table .tr .th:nth-child(2), -.YJ-custom-base-dialog.model>.content .attribute-content-rtmp .table .tr .td:nth-child(2) { +.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), +.YJ-custom-base-dialog.model > .content .attribute-content-rtmp .table .tr .th:nth-child(2), +.YJ-custom-base-dialog.model > .content .attribute-content-rtmp .table .tr .td:nth-child(2) { flex: 0 0 210px; width: 210px; justify-content: center; } /* 涂鸦 */ -.YJ-custom-base-dialog.graffiti>.content { +.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 { +.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 { +.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-base1), 0.5); border-right: 1px solid rgba(var(--color-base1), 0.5); } -.YJ-custom-base-dialog.proj-convert>.content>div .bottom-line { +.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-base1), 0.5); border-right: 1px solid rgba(var(--color-base1), 0.5); } -.YJ-custom-base-dialog.proj-convert>.content>div .icon-copy-box:hover .icon-copy { +.YJ-custom-base-dialog.proj-convert > .content > div .icon-copy-box:hover .icon-copy { fill: rgba(var(--color-base1)); } /* 高清截图 */ -.YJ-custom-base-dialog.screenShotHD>.content { +.YJ-custom-base-dialog.screenShotHD > .content { width: 350px; } -.YJ-custom-base-dialog.screenShotHD>.content>div .text { +.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 { +.YJ-custom-base-dialog.screenShotHD > .content > div .scale { width: 120px; margin-right: 15px; } -.YJ-custom-base-dialog.screenShotHD>.content>div .progress { +.YJ-custom-base-dialog.screenShotHD > .content > div .progress { width: 200px; height: 6px; background: rgba(var(--color-base1), 0.2); @@ -3206,45 +3215,45 @@ position: relative; } -.YJ-custom-base-dialog.screenShotHD>.content>div .progress>.progress-bar { +.YJ-custom-base-dialog.screenShotHD > .content > div .progress > .progress-bar { width: 0%; height: 6px; border-radius: 3px; background: rgba(var(--color-base1), 1); } -.YJ-custom-base-dialog.screenShotHD>.content>div .progress>.progress-text { +.YJ-custom-base-dialog.screenShotHD > .content > div .progress > .progress-text { font-size: 14px; } -.YJ-custom-base-dialog.screenShotHD>.content>div .progress>.progress-text.start { +.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 { +.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 { +.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 { +.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 { +.YJ-custom-base-dialog.screenShotHD > .content > div .range-box .range-bg { background: rgba(var(--color-base1), 0.2); border-radius: 3px; height: 100%; @@ -3257,48 +3266,48 @@ -webkit-mask-position: 0 15px; } -.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process-box { +.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 { +.YJ-custom-base-dialog.screenShotHD > .content > div .range-box .range-bg .range-process { width: 0; height: 100%; background: rgba(var(--color-base1), 1); } -.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process { +.YJ-custom-base-dialog.screenShotHD > .content > div .range-box .range-bg .range-process { width: 0; height: 100%; background: rgba(var(--color-base1), 1); } -.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box { +.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 { +.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) { +.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) { +.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 { +.YJ-custom-base-dialog.screenShotHD > .content > div .range-box .range-node-box .range-node-active { position: absolute; top: -3px; left: 0; @@ -3310,7 +3319,7 @@ border: 2px solid rgba(var(--color-base1), 1); } -.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box .range-node-active-text { +.YJ-custom-base-dialog.screenShotHD > .content > div .range-box .range-node-box .range-node-active-text { position: relative; top: -26px; left: -5px; @@ -3319,17 +3328,17 @@ text-align: center; } -.YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"] { +.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 { +.YJ-custom-base-dialog.screenShotHD > .content > div .range-box input[type="range"]::-webkit-slider-runnable-track { height: 6px; background: rgba(var(--color-base1), 0); } -.YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"]::-webkit-slider-thumb { +.YJ-custom-base-dialog.screenShotHD > .content > div .range-box input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; @@ -3347,47 +3356,47 @@ height: 78%; } -.YJ-custom-base-dialog.map-print>.content { +.YJ-custom-base-dialog.map-print > .content { width: 100%; height: calc(100% - 56px); } -.YJ-custom-base-dialog.map-print>.content>div { +.YJ-custom-base-dialog.map-print > .content > div { height: 100%; display: flex; padding-bottom: 15px; } -.YJ-custom-base-dialog.map-print>.content>div .template dl { +.YJ-custom-base-dialog.map-print > .content > div .template dl { background: rgb(0, 0, 0) !important; } -.YJ-custom-base-dialog.map-print>.content>div>.left { +.YJ-custom-base-dialog.map-print > .content > div > .left { width: 320px; height: 100%; position: relative; padding-right: 10px; } -.YJ-custom-base-dialog.map-print>.content>div>.left .close { +.YJ-custom-base-dialog.map-print > .content > div > .left .close { position: absolute; bottom: 0; right: 10px; } -.YJ-custom-base-dialog.map-print>.content>div>.left .export { +.YJ-custom-base-dialog.map-print > .content > div > .left .export { position: absolute; bottom: 0; right: 80px; } -.YJ-custom-base-dialog.map-print>.content>div>.left .title { +.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 .icon-load { +.YJ-custom-base-dialog.map-print > .content > div .icon-load { position: absolute; top: 5px; left: 18px; @@ -3395,29 +3404,29 @@ height: 20px; } -.YJ-custom-base-dialog.map-print>.content>div>.left input[type=checkbox] { +.YJ-custom-base-dialog.map-print > .content > div > .left input[type=checkbox] { width: 16px; flex: 0 0 16px; height: 16px; cursor: pointer; } -.YJ-custom-base-dialog.map-print>.content>div>.left input[type=radio] { +.YJ-custom-base-dialog.map-print > .content > div > .left input[type=radio] { width: 16px; } -.YJ-custom-base-dialog.map-print>.content>div>.right { +.YJ-custom-base-dialog.map-print > .content > div > .right { flex: 1; border: 1px solid #8c8c8c45; } -.YJ-custom-base-dialog.map-print>.content>div>.right canvas { +.YJ-custom-base-dialog.map-print > .content > div > .right canvas { width: 100%; height: 100%; object-fit: contain; } -.YJ-custom-base-dialog.map-print>.content>div>.left .map-border dd span { +.YJ-custom-base-dialog.map-print > .content > div > .left .map-border dd span { width: calc(100% - 40px); height: calc(100% - 12px); position: absolute; @@ -3480,7 +3489,7 @@ height: 25px; } -.YJ-custom-base-dialog>.content input.YJ-custom-checkbox[type=checkbox] { +.YJ-custom-base-dialog > .content input.YJ-custom-checkbox[type=checkbox] { text-align: center; font-size: 12px; overflow: hidden; @@ -3497,7 +3506,7 @@ cursor: pointer; } -.YJ-custom-base-dialog>.content input.YJ-custom-checkbox[type=checkbox]::after { +.YJ-custom-base-dialog > .content input.YJ-custom-checkbox[type=checkbox]::after { width: 14px; height: 14px; line-height: 14px; @@ -3507,7 +3516,7 @@ background-color: transparent; } -.YJ-custom-base-dialog>.content input.YJ-custom-checkbox[type=checkbox]:checked::after { +.YJ-custom-base-dialog > .content input.YJ-custom-checkbox[type=checkbox]:checked::after { content: "✔"; background-color: rgba(var(--color-base1), 1); color: rgba(var(--color-sdk-auxiliary), 1); @@ -3516,11 +3525,11 @@ } /* 等高线 */ -.YJ-custom-base-dialog.contour>.content { +.YJ-custom-base-dialog.contour > .content { width: 525px; } -.YJ-custom-base-dialog.contour>.content .label { +.YJ-custom-base-dialog.contour > .content .label { flex: unset; } @@ -3529,16 +3538,16 @@ user-select: none; } -.YJ-custom-base-dialog.anchor-point>.content { +.YJ-custom-base-dialog.anchor-point > .content { padding: 14px 40px; } -.YJ-custom-base-dialog.anchor-point>.content>div { +.YJ-custom-base-dialog.anchor-point > .content > div { border: 1px solid #757575; position: relative; } -.YJ-custom-base-dialog.anchor-point>.content>div>.point { +.YJ-custom-base-dialog.anchor-point > .content > div > .point { width: 10px; height: 10px; position: absolute; @@ -3687,11 +3696,13 @@ border: 1px solid rgba(var(--color-base1), 0.5); border-right: none; } + .billboard-attribute-box .table .tr .th, .billboard-attribute-box .table .tr .td { border-right: 1px solid rgba(var(--color-base1), 0.5); display: flex; justify-content: center; } + .billboard-attribute-box .table .tr .th:last-child, .billboard-attribute-box .table .tr .td:last-child { border-right: none; } @@ -3727,7 +3738,7 @@ /* 动画定义 */ animation: YJ-custom-message-slideDown 0.5s forwards, - YJ-custom-message-fadeOut 0.5s 1500ms forwards; + YJ-custom-message-fadeOut 0.5s 1500ms forwards; } #YJ-custom-message i { @@ -3740,19 +3751,18 @@ #YJ-custom-message.success { /* background-color: #f0f9eb; color: rgb(82, 196, 26); */ - background: - linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), - linear-gradient(0deg, rgba(27, 248, 195, 0.5) 0%, rgba(27, 248, 195, 0) 100%); + background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), + linear-gradient(0deg, rgba(27, 248, 195, 0.5) 0%, rgba(27, 248, 195, 0) 100%); font-size: 14px !important; font-weight: 500 !important; color: rgba(27, 248, 195, 1); } + #YJ-custom-message.warning { /* background-color: #fdf6ec; color: #e6a23c; */ - background: - linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), - linear-gradient(0deg, rgba(255, 161, 69, 0.5) 0%, rgba(255, 161, 69, 0) 100%); + background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), + linear-gradient(0deg, rgba(255, 161, 69, 0.5) 0%, rgba(255, 161, 69, 0) 100%); font-size: 14px !important; font-weight: 500 !important; color: rgba(255, 161, 69, 1) @@ -3771,7 +3781,7 @@ to { opacity: 0; top: -200px - /* 移回顶部外 */ + /* 移回顶部外 */ } } diff --git a/src/renderer/src/assets/iconfont/SourceHanSansCN-Bold.ttf b/src/renderer/src/assets/iconfont/SourceHanSansCN-Bold.ttf new file mode 100644 index 0000000..d0dd35f Binary files /dev/null and b/src/renderer/src/assets/iconfont/SourceHanSansCN-Bold.ttf differ diff --git a/src/renderer/src/assets/iconfont/SourceHanSansCN-ExtraLight.ttf b/src/renderer/src/assets/iconfont/SourceHanSansCN-ExtraLight.ttf new file mode 100644 index 0000000..c8f1c5c Binary files /dev/null and b/src/renderer/src/assets/iconfont/SourceHanSansCN-ExtraLight.ttf differ diff --git a/src/renderer/src/assets/iconfont/SourceHanSansCN-Heavy.otf b/src/renderer/src/assets/iconfont/SourceHanSansCN-Heavy.otf new file mode 100644 index 0000000..58e1ca5 Binary files /dev/null and b/src/renderer/src/assets/iconfont/SourceHanSansCN-Heavy.otf differ diff --git a/src/renderer/src/assets/styles/font.css b/src/renderer/src/assets/styles/font.css index 4f77fc1..d815437 100644 --- a/src/renderer/src/assets/styles/font.css +++ b/src/renderer/src/assets/styles/font.css @@ -42,5 +42,15 @@ @font-face { font-family: 'SourceHanSans'; - src: url('../iconfont/SourceHanSansCN-ExtraLight.otf') format('opentype'); + src: url('../iconfont/SourceHanSansCN-ExtraLight.ttf') format('opentype'); +} + +@font-face { + font-family: 'siyuanheitibold'; + src: url('../iconfont/SourceHanSansCN-Bold.ttf') format('truetype'); +} + +@font-face { + font-family: 'siyuanheitiheavy'; + src: url('../iconfont/SourceHanSansCN-Heavy.otf') format('opentype'); } diff --git a/src/renderer/src/assets/styles/global.css b/src/renderer/src/assets/styles/global.css index 6410641..63c1f07 100644 --- a/src/renderer/src/assets/styles/global.css +++ b/src/renderer/src/assets/styles/global.css @@ -108,7 +108,9 @@ div { -webkit-box-shadow: inset 0 0 6px rgba(var(--color-base1), 1); background-color: rgba(var(--color-base1), 1); } - +.siyuanheitibold { + font-family: 'siyuanheitibold'; +} .oneLine { overflow: hidden; white-space: nowrap; diff --git a/src/renderer/src/icons/svg/titleTs.svg b/src/renderer/src/icons/svg/titleTs.svg new file mode 100644 index 0000000..8ced99d --- /dev/null +++ b/src/renderer/src/icons/svg/titleTs.svg @@ -0,0 +1,43 @@ + diff --git a/src/renderer/src/utils/theme.ts b/src/renderer/src/utils/theme.ts index 91e1cbd..fdbef5d 100644 --- a/src/renderer/src/utils/theme.ts +++ b/src/renderer/src/utils/theme.ts @@ -8,47 +8,48 @@ let theme = { } theme.color1.set("--color-base1", "0, 255, 255") +theme.color1.set("--color-base1-half", "0, 255, 255,0.5") theme.color1.set("--color-base2", "0, 255, 255") theme.color1.set("--color-border1", "rgb(0, 200, 255)") theme.color1.set("--color-text2", "173, 241, 255") theme.color1.set("--color-text-shadow", "rgba(20, 118, 255, 1)") theme.color2.set("--color-base1", "0, 194, 142") +theme.color2.set("--color-base1-half", "0, 194, 142,0.5") theme.color2.set("--color-base2", "220, 255, 196") theme.color2.set("--color-border1", "rgba(var(--color-base1), 1)") theme.color2.set("--color-text2", "var(--color-base2)") theme.color2.set("--color-text-shadow", "rgba(var(--color-base2), 0)") theme.color3.set("--color-base1", "0, 255, 200") +theme.color3.set("--color-base1-half", "0, 255, 200,0.5") theme.color3.set("--color-base2", "201, 252, 232") theme.color3.set("--color-border1", "rgba(var(--color-base1), 1)") theme.color3.set("--color-text2", "var(--color-base2)") theme.color3.set("--color-text-shadow", "rgba(var(--color-base2), 0)") theme.color4.set("--color-base1", "42, 200, 251") +theme.color4.set("--color-base1-half", "42, 200, 251,0.5") theme.color4.set("--color-base2", "198, 248, 255") theme.color4.set("--color-border1", "rgba(var(--color-base1), 1)") theme.color4.set("--color-text2", "var(--color-base2)") theme.color4.set("--color-text-shadow", "rgba(var(--color-base2), 0)") theme.color5.set("--color-base1", "229, 93, 93") +theme.color5.set("--color-base1-half", "229, 93, 93,0.5") theme.color5.set("--color-base2", "255, 224, 228") theme.color5.set("--color-border1", "rgba(var(--color-base1), 1)") theme.color5.set("--color-text2", "var(--color-base2)") theme.color5.set("--color-text-shadow", "rgba(var(--color-base2), 0)") theme.color6.set("--color-base1", "255, 165, 92") +theme.color6.set("--color-base1-half", "255, 165, 92,0.5") theme.color6.set("--color-base2", "255, 233, 207") theme.color6.set("--color-border1", "rgba(var(--color-base1), 1)") theme.color6.set("--color-text2", "var(--color-base2)") theme.color6.set("--color-text-shadow", "rgba(var(--color-base2), 0)") - - - - - // theme.yingguangse.set("--svg-headColor1", "rgba(11, 37, 40, 0.6)") // theme.yingguangse.set("--svg-headColor2", "rgba(11, 37, 40, 0.8)") // theme.yingguangse.set("--svg-headColor3", "#0ff") diff --git a/src/renderer/src/views/TS/cabin.vue b/src/renderer/src/views/TS/cabin.vue index 0f7f7e8..f2da2c7 100644 --- a/src/renderer/src/views/TS/cabin.vue +++ b/src/renderer/src/views/TS/cabin.vue @@ -2,14 +2,14 @@