@@ -519,7 +519,6 @@ export default defineComponent({
"--detailDataPaddingLeft": detailData.paddingLeft,
paddingLeft: detailData.paddingLeft,
background: state.setting.camera && state.modeType === 'evaluating' ? `rgba(${state.setting.eyeProtection ? "253,244,229" : "255,255,255"} ,${state.setting.cameraOpacity / 100}) !important` : "",
- paddingTop: query.isMove == "1" ? "60px" : "inherit"
}}
>
{bgJsonData.value ?
@@ -61,47 +61,49 @@
left: 0;
top: 0;
width: 100%;
- background: #132440;
+ background: rgba(19, 36, 64, 0.5);
z-index: 999999;
display: flex;
align-items: center;
justify-content: flex-end;
- padding: 14px 30px;
+ padding: 14PX 30PX;
+ pointer-events: none;
.editItem {
- padding: 5px 12px;
+ padding: 5PX 12PX;
background: rgba(255,255,255,0.2);
- border-radius: 20px;
- margin-left: 18px;
+ border-radius: 20PX;
+ margin-left: 18PX;
cursor: pointer;
+ pointer-events: all;
&:active {
opacity: .5;
}
img {
- width: 18px;
- height: 18px;
- margin-right: 6px;
+ width: 18PX;
+ height: 18PX;
+ margin-right: 6PX;
span {
- font-size: 14px;
+ font-size: 14PX;
color: #fff;
.extraItem {
justify-content: space-between;
position: relative;
- width: 76px;
+ width: 76PX;
box-sizing: border-box;
@@ -113,8 +115,8 @@
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
- width: 1px;
- height: 20px;
+ width: 1PX;
+ height: 20PX;
background: rgba(255,255,255,0.3);
z-index: 1;