From c264ebc0683cc682f4650662e65cd76b27e792e7 Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Mon, 15 Dec 2025 22:39:18 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/new-employee/StudyPage.vue | 88 ++++++++++++++++++++++++++++
 1 file changed, 88 insertions(+)

diff --git a/src/views/new-employee/StudyPage.vue b/src/views/new-employee/StudyPage.vue
index 8455300a..7bbade57 100644
--- a/src/views/new-employee/StudyPage.vue
+++ b/src/views/new-employee/StudyPage.vue
@@ -824,6 +824,94 @@ export default {
   color: #8a8f99;
   text-align: center;
 }
+
+/* 移动端自适应 */
+@media (max-width: 768px) {
+  .banner {
+    padding-top: 20px;
+  }
+  .banner-inner {
+    padding: 16px 12px 0;
+  }
+  .title {
+    font-size: 18px;
+    line-height: 1.4;
+  }
+  .content {
+    flex-direction: column;
+    gap: 12px;
+    margin: 12px auto 28px;
+    padding: 0 12px;
+  }
+  .sidebar {
+    width: 100%;
+    margin-top: 0;
+  }
+  .filters {
+    width: 100%;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+    padding: 8px 12px 10px;
+  }
+  .filter-group {
+    width: 100%;
+    flex-wrap: wrap;
+  }
+  .pill-radios {
+    padding-top: 8px;
+  }
+  .pill-radios >>> .el-radio-button__inner {
+    margin-right: 6px;
+    padding: 6px 10px;
+  }
+  .list-item {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .list-item img {
+    width: 100%;
+    max-width: 320px;
+  }
+  .title-box {
+    flex-direction: column;
+    gap: 6px;
+  }
+  .item-right {
+    text-align: left;
+  }
+  .progress-wrap {
+    align-items: center;
+  }
+  .progress {
+    min-width: 180px;
+  }
+  .pagination {
+    padding: 8px 0 0;
+  }
+  .profile {
+    padding: 16px 14px;
+  }
+  .avatar {
+    margin-top: -40px;
+  }
+  .progress-circles {
+    flex-wrap: wrap;
+    gap: 12px;
+  }
+  .circle {
+    width: 48%;
+  }
+  .ring {
+    width: 68px;
+    height: 68px;
+  }
+  .ring span {
+    width: 52px;
+    height: 52px;
+    box-shadow: inset 0 0 0 5px #ffffff;
+  }
+}
 </style>
 
 <style lang="scss">