1

src/components/Abnormal.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-if="store.currentTask?.collationLabelCode" class="abnormal">
     <div class="collapse-btn" :class="{ rotate: !show }" @click="show = !show">
-      <UpOutlined style="font-size: 12px" />
+      <UpOutlined style="font-size: 16px" />
     </div>
     <Transition
       enterActiveClass="animate__animated animate__slideInDown"
@@ -37,30 +37,31 @@ watch(
 </script>
 <style lang="less" scoped>
 .abnormal {
-  position: absolute;
+  position: sticky;
   top: 0;
   left: 0;
   z-index: 1;
   width: 50%;
+  height: 0;
   // :deep(.ant-alert-warning) {
   //   padding-left: 30px;
   // }
   .text-box {
-    padding-left: 30px;
+    padding-left: 38px;
     background: rgba(0, 0, 0, 0.7);
     color: #fff;
     line-height: 1.4;
     height: 30vh;
-    font-size: 20px;
+    font-size: 28px;
     overflow: auto;
   }
   .collapse-btn {
     position: absolute;
     left: 5px;
-    top: 4px;
+    top: 6px;
     z-index: 1;
-    width: 20px;
-    height: 20px;
+    width: 28px;
+    height: 28px;
     border-radius: 50%;
     background: #fff;
     color: var(--app-primary-button-bg-color);