fix: 前端页面架构重构初版

Yi.Ai.Vue3/src/pages/modelLibrary/index.vue

@@ -266,6 +266,7 @@ onMounted(() => {
             </div>
           </div>
           <el-button
+            v-if="false"
             :icon="HomeFilled"
             class="home-btn"
             round
@@ -536,8 +537,8 @@ onMounted(() => {
 
 <style scoped lang="scss">
 .model-library-container {
-  min-height: 100vh;
   background: linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%);
+  overflow: auto;
 
   // 顶部横幅
   .banner-section {
@@ -570,7 +571,7 @@ onMounted(() => {
     }
 
     .banner-content {
-      max-width: 1400px;
+      //max-width: 1400px;
       margin: 0 auto;
       position: relative;
       z-index: 1;
@@ -686,7 +687,7 @@ onMounted(() => {
     padding: 32px 16px;
 
     .content-wrapper {
-      max-width: 100%;
+      //max-width: 100%;
       margin: 0 auto;
       padding: 0 8px;
       display: flex;
@@ -1137,7 +1138,7 @@ onMounted(() => {
   .model-library-container {
     .banner-section {
       padding: 24px 16px;
-      
+
       .banner-content {
         .banner-header {
           flex-direction: column;
@@ -1148,18 +1149,18 @@ onMounted(() => {
             flex-direction: column;
             align-items: flex-start;
             gap: 24px;
-            
+
             .stats-cards {
               width: 100%;
               flex-wrap: wrap;
-              
+
               .stat-card {
                 flex: 1;
                 min-width: 140px;
               }
             }
           }
-          
+
           .home-btn {
             width: 100%;
           }
@@ -1178,7 +1179,7 @@ onMounted(() => {
           width: 0;
           height: 0;
           overflow: hidden;
-          
+
           &.mobile-active {
             width: auto;
             height: auto;
@@ -1211,18 +1212,18 @@ onMounted(() => {
 
           .filter-section {
             margin: 0;
-            
+
             .filter-header {
               .filter-header-actions {
                 display: flex;
                 align-items: center;
                 gap: 16px;
-                
+
                 .close-btn {
                   font-size: 20px;
                   cursor: pointer;
                   color: #909399;
-                  
+
                   &:hover {
                     color: #606266;
                   }
@@ -1242,13 +1243,13 @@ onMounted(() => {
             backdrop-filter: blur(10px);
             padding: 12px 4px;
             margin: -16px -4px 16px -4px;
-            
+
             .w-full {
               width: 100%;
               box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
             }
           }
-          
+
           .pagination-wrapper {
             :deep(.el-pagination) {
               .el-pagination__jump {
@@ -1259,12 +1260,12 @@ onMounted(() => {
 
           .model-grid {
             margin-bottom: 24px;
-            
+
             .model-card {
               padding: 20px; // 增加内边距
               margin-bottom: 16px; // 增加卡片间距
               border-radius: 16px;
-              
+
               .copy-btn-corner {
                 top: 16px;
                 right: 16px;
@@ -1285,7 +1286,7 @@ onMounted(() => {
                     font-size: 20px;
                     border-radius: 10px;
                   }
-                  
+
                   .icon-img {
                     border-radius: 10px;
                   }
@@ -1297,21 +1298,21 @@ onMounted(() => {
                     margin-bottom: 4px;
                     padding-right: 36px; // 移动端预留更多空间给复制按钮
                   }
-                  
+
                   .model-provider {
                     font-size: 13px;
                   }
                 }
               }
-              
+
               .model-id {
                 padding: 6px 10px;
                 margin-bottom: 12px;
-                
+
                 .model-id-label {
                   font-size: 11px;
                 }
-                
+
                 .model-id-value {
                   font-size: 11px;
                 }
@@ -1324,7 +1325,7 @@ onMounted(() => {
                 min-height: auto;
                 -webkit-line-clamp: 2;
                 max-height: 3em;
-                
+
                 &:hover {
                   /* 移动端取消悬停展开，或者改为点击展开（这里简单处理为取消悬停效果以免遮挡） */
                   -webkit-line-clamp: 2;
@@ -1340,10 +1341,10 @@ onMounted(() => {
               .model-footer {
                 padding-top: 12px;
                 gap: 8px;
-                
+
                 .model-tags {
                   gap: 4px;
-                  
+
                   :deep(.el-tag) {
                     height: 20px;
                     padding: 0 6px;
@@ -1353,11 +1354,11 @@ onMounted(() => {
 
                 .model-pricing {
                   padding: 4px 8px;
-                  
+
                   .pricing-label {
                     display: none; // 移动端隐藏"计费倍率"文字，只显示数字
                   }
-                  
+
                   .pricing-value {
                     font-size: 14px;
                   }