From f3de05d7dcfc7d7c755c57271c31f0a88acf7795 Mon Sep 17 00:00:00 2001
From: cao_yi_min <957095781@qq.com>
Date: Mon, 27 Apr 2026 11:22:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ModelDetail.vue | 33 +++++++++++++++++++++------------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/views/ModelDetail.vue b/src/views/ModelDetail.vue
index b7a016a..1c5bb40 100644
--- a/src/views/ModelDetail.vue
+++ b/src/views/ModelDetail.vue
@@ -1,11 +1,10 @@
 <template>
   <div class="model-detail" :class="{ 'mobile': isMobile }">
     <!-- 顶部标题栏 -->
-    <div class="header">
-      <el-button 
-        icon="el-icon-arrow-left" 
-        circle 
-        size="small"
+    <div :class="['header', isMobile ? 'header-move' : '']">
+      <el-button
+        icon="el-icon-arrow-left"
+        size="medium"
         @click="goBack"
         class="back-btn"
       ></el-button>
@@ -193,26 +192,36 @@ export default {
 
 .header {
   height: 60px;
-  background: #409eff;
-  color: white;
+  color: #303133;
   display: flex;
   align-items: center;
   padding: 0 20px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   position: relative;
 }
+.header-move{
+  background: #409eff;
+  color: white;
+}
 
 .back-btn {
-  background: rgba(255, 255, 255, 0.2);
   border: none;
-  color: white;
-  margin-right: 15px;
+  color: #303133;
+  /* margin-right: 10px; */
+}
+.el-button:focus, .el-button:hover{
+  background-color: transparent;
+  color: #303133;
+}
+.el-button--medium{
+  font-size: 18px;
 }
 
-.back-btn:hover {
-  background: rgba(255, 255, 255, 0.3);
+.header-move .back-btn {
+  color: white;
 }
 
+
 .title {
   margin: 0;
   font-size: 18px;