样式调整

src/components/CheckTable.vue

@@ -126,9 +126,6 @@ export default {
   overflow-y: auto;
   padding: 15px;
 }
-.el-tabs--border-card{
-  border-left: none
-}
 
 .table-content {
   padding: 10px 0;

src/views/ModelDetail.vue

@@ -53,13 +53,20 @@
       <!-- 移动端布局：上中下 -->
       <template v-else>
         <div class="viewer-section-mobile">
-          <three-viewer
+          <!-- <three-viewer
             v-if="modelPath"
             :model-path="modelPath"
             :annotations="modelData.componentCheck"
             @annotation-click="handleAnnotationClick"
             @model-loaded="handleModelLoaded"
             @model-error="handleModelError"
+          /> -->
+          <three-viewer-debug
+            :model-path="modelPath"
+            :annotations="modelData.componentCheck"
+            :debug-mode="pageTyep == 'show' ? false : true"
+            @annotation-click="handleAnnotationClick"
+            @model-loaded="handleModelLoaded"
           />
           <div v-if="loading" class="loading-overlay">
             <el-progress 
@@ -195,7 +202,7 @@ export default {
   color: #303133;
   display: flex;
   align-items: center;
-  padding: 0 20px;
+  padding-right: 10px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   position: relative;
 }
@@ -207,6 +214,7 @@ export default {
 .back-btn {
   border: none;
   color: #303133;
+  background-color: transparent;
   /* margin-right: 10px; */
 }
 .el-button:focus, .el-button:hover{
@@ -319,18 +327,26 @@ export default {
   font-size: 14px;
 }
 
+.el-tabs--border-card{
+  border-left: none;
+}
+
 @media (max-width: 768px) {
   .header {
     height: 50px;
-    padding: 0 15px;
+    /* padding: 0 15px; */
   }
   
   .title {
     font-size: 16px;
   }
-  
+
-  .back-btn {
+  .el-tabs--border-card{
-    margin-right: 10px;
+    border-top: none;
   }
+  
+  /* .back-btn {
+    margin-right: 10px;
+  } */
 }
 </style>