zh/sdk4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式

Browse Source
This commit is contained in:
zh
2025-08-12 18:55:44 +08:00
parent b7e0249757
commit ebaa10a79b
1 changed files with 81 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
static/custom/css/index.css
View File

@ -1034,6 +1034,7 @@
padding: 5px; padding: 5px;
position: fixed !important; position: fixed !important;
} }
.YJ-custom-base-dialog>.content .ew-color-picker input { .YJ-custom-base-dialog>.content .ew-color-picker input {
font-size: 14px; font-size: 14px;
line-height: 28px; line-height: 28px;
@ -1041,6 +1042,7 @@
padding: 0 8px; padding: 0 8px;
font-weight: 400; 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; padding: 0 20px 0 8px;
width: 66px; width: 66px;
@ -1049,11 +1051,12 @@
.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; 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; 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; margin-top: 1px;
font-size: 14px; font-size: 14px;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
@ -1109,6 +1112,7 @@
margin: 0 0 8px 8px; margin: 0 0 8px 8px;
border: 1px solid #9b979b; 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; width: 22px;
height: 22px; height: 22px;
@ -1138,6 +1142,7 @@
text-align: center; text-align: center;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=="); 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; margin: 0 0 8px 0;
} }
@ -1148,13 +1153,14 @@
background: unset; background: unset;
line-height: 22px; 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.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.subtract:hover {
border-color: rgba(var(--color-sdk-base-rgb), 0.4); border-color: rgba(var(--color-sdk-base-rgb), 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; margin: 0;
} }
@ -1171,6 +1177,7 @@
border-radius: 3px; border-radius: 3px;
cursor: pointer; 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; position: absolute;
top: 0; top: 0;
@ -1192,6 +1199,7 @@
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
} }
.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button.ew-color-clear { .YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button.ew-color-clear {
margin-right: 8px; margin-right: 8px;
} }
@ -1229,12 +1237,12 @@
transform: rotate(-45deg); transform: rotate(-45deg);
} }
.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtns{ .YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtns {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.YJ-custom-base-dialog .ew-color-picker svg{ .YJ-custom-base-dialog .ew-color-picker svg {
margin: 0; margin: 0;
} }
@ -1955,6 +1963,7 @@
.YJ-custom-base-dialog.water-surface>.content>div .row .label { .YJ-custom-base-dialog.water-surface>.content>div .row .label {
flex: 0 0 60px; flex: 0 0 60px;
} }
/* 流光飞线 */ /* 流光飞线 */
.YJ-custom-base-dialog.flow-line-surface>.content { .YJ-custom-base-dialog.flow-line-surface>.content {
width: 586px; width: 586px;
@ -2123,6 +2132,7 @@
.YJ-custom-base-dialog.particle-effects>.content .row>.col { .YJ-custom-base-dialog.particle-effects>.content .row>.col {
width: 200px; 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; width: auto;
} }
@ -2772,6 +2782,7 @@
.YJ-custom-base-dialog.polyline>.content { .YJ-custom-base-dialog.polyline>.content {
width: 580px; width: 580px;
} }
.YJ-custom-base-dialog.polyline>.content>div #dashTextureDom { .YJ-custom-base-dialog.polyline>.content>div #dashTextureDom {
display: none; display: none;
} }
@ -2823,6 +2834,7 @@
.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; 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; border-radius: unset !important;
} }
@ -2951,34 +2963,37 @@
} }
.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; 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-sdk-base-rgb), 0.1)!important; background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important;
border-radius: 4px 0px 0px 4px !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-sdk-base-rgb), 0.1)!important; background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important;
border-radius: 4px 0px, 0px, 4px!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-sdk-base-rgb), 0.1)!important; background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important;
border-radius: 0px 4px 4px 0px!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-sdk-base-rgb), 0.5)!important; border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
}
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input {
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5)!important;
} }
.YJ-custom-base-dialog.polyline>.content input.input-text{ .YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input {
background-color: rgba(0, 0, 0, 0.5)!important; border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
border-radius: unset!important; }
border-top: 1px solid rgba(var(--color-sdk-base-rgb), 0.5)!important;
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important; .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-sdk-base-rgb), 0.5) !important;
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 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 {
@ -3002,65 +3017,78 @@
height: 13px; height: 13px;
margin-right: 7px; 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-sdk-base-rgb), 1); border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
height: 0px; height: 0px;
margin-top: 4px; 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-sdk-base-rgb), 1); border: 1px dashed rgba(var(--color-sdk-base-rgb), 1);
height: 0px; height: 0px;
margin-top: 4px; 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-sdk-base-rgb), 1); border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
height: 0px; height: 0px;
margin-top: 4px; margin-top: 4px;
box-shadow: 0 0 3px #fff 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: url(../../img/arrow/tail.png) 100% 100% no-repeat;
background-size: 100% 100%; 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: url(../../img/arrow/tail.png) 100% 100% no-repeat;
background-size: 100% 100%; 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-sdk-base-rgb), 1); border: 1px dashed rgba(var(--color-sdk-base-rgb), 1);
height: 0px; height: 0px;
margin-top: 4px; 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-sdk-base-rgb), 1); border: 1px dashed rgba(var(--color-sdk-base-rgb), 1);
height: 0px; height: 0px;
margin-top: 4px; 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: url(../../img/arrow/1.png);
background-size: cover; background-size: cover;
background-position: center; 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: url(../../img/arrow/2.png);
background-size: cover; background-size: cover;
background-position: center; 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: url(../../img/arrow/3.png);
background-size: cover; background-size: cover;
background-position: center; 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: url(../../img/arrow/4.png);
background-size: cover; background-size: cover;
background-position: center; 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: url(../../img/arrow/5.png);
background-size: cover; background-size: cover;
background-position: center; 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: url(../../img/arrow/6.png) 100% 100% no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
@ -3514,3 +3542,35 @@
border: 1px solid #ff7300; border: 1px solid #ff7300;
cursor: pointer; cursor: pointer;
} }
.billboard-attribute-box {
position: absolute;
z-index: 1;
background: linear-gradient(0deg, var(--color-sdk-bg-gradual)), rgba(0, 0, 0, 0.6);
border: 1.5px solid;
border-image: linear-gradient(to bottom, var(--color-sdk-gradual)) 1;
color: #fff;
}
.billboard-attribute-box .DIV-cy-tabs {
height: 100%;
display: flex;
flex-direction: column;
}
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-top .DIV-cy-tab-pane-title {
padding: 0 2px;
}
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-top .DIV-cy-tab-pane-title:first-child {
padding-left: 0;
}
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-top .DIV-cy-tab-pane-title:last-child {
padding-right: 0;
}
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-top .DIV-cy-tab-pane-title span{
margin: 0 5px;
}
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-content {
padding: 0 5px 5px 5px;
box-sizing: border-box;
flex: 1;
}