Browse Source

样式修改

黄琪勇 11 months ago
parent
commit
c6307439b2

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

@@ -107,7 +107,7 @@ export default defineComponent({
         const { isSpecialShapedScreen, notchHeight } = screenData.content;
         if (isSpecialShapedScreen) {
           // 安卓取刘海值
-          detailData.paddingLeft = browsInfo.android ? notchHeight : 26 + "px";
+          detailData.paddingLeft = 27 + "px";
         }
       }
     };

+ 6 - 1
src/page-instrument/view-evaluat-report/component/share-top/index.module.less

@@ -7,6 +7,8 @@
     flex-shrink: 0;
     padding: 10px 22px;
     background-color: rgba(6, 34, 87, 0.45);
+    backdrop-filter: blur(3px);
+    -webkit-backdrop-filter: blur(3px);
     position: relative;
 }
 
@@ -231,6 +233,7 @@
             border-radius: 16px;
             width: 100%;
             height: 100%;
+            box-shadow: 4px -3px 6px 0px #B2E8FF;
 
             .plyr__control.plyr__control--overlaid {
                 width: 48px;
@@ -296,6 +299,7 @@
                         width: 12px;
                         height: 12px;
                         margin-top: -4px;
+                        box-shadow: initial;
                     }
 
                     .plyr__progress__buffer {
@@ -332,6 +336,7 @@
         background-size: 100% 100%;
         position: relative;
         border-radius: 16px;
+        box-shadow: 4px -3px 6px 0px #B2E8FF;
 
         .audioBga {
             width: 100%;
@@ -442,7 +447,7 @@
         position: absolute;
         width: 154px;
         left: 50%;
-        top: -6px;
+        top: -5px;
         transform: translateX(-50%);
     }
 }