ソースを参照

顶部UI防抖

Michael Wang 3 年 前
コミット
f01314ffb7
1 ファイル変更4 行追加4 行削除
  1. 4 4
      src/features/mark/MarkHeader.vue

+ 4 - 4
src/features/mark/MarkHeader.vue

@@ -54,7 +54,7 @@
     </div>
     <div v-if="store.setting.statusValue === 'TRIAL'">试评</div>
     <div class="tw-flex tw-gap-1">
-      <div>
+      <div style="min-width: 105px">
         <span class="header-small-text">编号</span>
         <span class="highlight-text">
           {{ store.currentTask?.secretNumber ?? "-" }}
@@ -70,7 +70,7 @@
       </div>
     </div>
     <div v-show="store.status.totalCount" class="tw-flex tw-gap-2">
-      <span style="display: inline-flex; height: 16px">
+      <span style="display: inline-flex; height: 16px; min-width: 55px">
         <span class="header-small-text">已评</span>
         <transition-group name="count-animation" tag="span">
           <span
@@ -86,7 +86,7 @@
         <span class="header-small-text">分配</span>
         <span class="highlight-text">{{ store.setting.topCount ?? "-" }}</span>
       </span>
-      <span style="display: inline-flex; height: 16px">
+      <span style="display: inline-flex; height: 16px; min-width: 55px">
         <span class="header-small-text">未评</span>
         <transition-group name="count-animation" tag="span">
           <span
@@ -98,7 +98,7 @@
           </span>
         </transition-group>
       </span>
-      <span style="display: inline-flex; height: 16px">
+      <span style="display: inline-flex; height: 16px; min-width: 60px">
         <span class="header-small-text">进度</span>
         <transition-group name="count-animation" tag="span">
           <span