Browse Source

style: 谱面编辑样式修改

TIANYONG 9 tháng trước cách đây
mục cha
commit
6538c84453

+ 0 - 1
src/page-instrument/view-detail/index.tsx

@@ -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 ? 

+ 19 - 17
src/view/plugins/move-music-score/index.module.less

@@ -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 {
         display: flex;
         align-items: center;
-        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 {
-        margin-left: 18px;
+        margin-left: 18PX;
         display: flex;
         align-items: center;
         justify-content: space-between;
-        padding: 5px 12px;
+        padding: 5PX 12PX;
         background: rgba(255,255,255,0.2);
-        border-radius: 20px;
+        border-radius: 20PX;
         position: relative;
-        width: 76px;
+        width: 76PX;
         box-sizing: border-box;
         img {
-            width: 18px;
-            height: 18px;
+            width: 18PX;
+            height: 18PX;
             cursor: pointer;
             &:active {
                 opacity: .5;
@@ -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;
         }