评测右边按钮样式，以及loading居中

src/subpages/colexiu-report/header/index.module.less

@@ -33,7 +33,7 @@
     justify-content: space-between;
     height: 36px;
     box-sizing: border-box;
-    padding: 0 16px;
+    padding-right: 16px;
     :global{
       .van-grid-item__content{
         display: flex;
@@ -83,7 +83,7 @@
       }
     }
     .van-grid-item__content {
-      width: 32px;
+      width: 28px;
       padding: 0;
       color: #333;
       display: flex;

src/subpages/colexiu-report/header/index.tsx

@@ -146,7 +146,7 @@ export default defineComponent({
                 />}
               </Grid>
             ) : null}
-            <Grid columnNum={3} class={styles.btns} style={{alignItems: 'center', 'flex-wrap' : 'nowrap'}}>
+            <Grid class={styles.btns} style={{alignItems: 'center', 'flex-wrap' : 'nowrap'}}>
               {record.value?.videoFilePath && browserInfo.isStudent ? (
                 <PlayerPopup {...record.value} btnClass={'van-grid-item'} popupClass={detailStyles.popup}>
                   <GridItem

src/subpages/colexiu/index.module.less

@@ -41,6 +41,9 @@
       padding: 16Px 0;
     }
   }
+  .van-popup--center{
+    margin-left: var(--popup-loading);
+  }
 }
 
 .musicSheet {

src/subpages/colexiu/uses/use-app.ts

@@ -133,6 +133,7 @@ export const useSpecialShapedScreen = () => {
         (browser().ios ? height * 2 : height) || (evt?.content.isSpecialShapedScreen && browser().ios ? 100 : 0)
       heightRef.value = detailState.notchHeight
       detailState.isSpecialShapedScreen = evt?.content.isSpecialShapedScreen
+      document.documentElement.style.setProperty('--popup-loading', detailState.notchHeight / 4 + 'px')
     }
   )
   return [heightRef]