Browse Source

```
feat(LearningSystem): 调整学习系统页面样式布局

- 调整.typeList容器的padding从20px 0改为9px 0,高度从70px调整为50px
- 为展开状态的.typeList添加最小高度50px限制
- 注释掉.typeItem的margin样式避免重复间距

style(LearningSystemDetail): 优化详情页标签按钮样式

- 为技能标签添加font_size14类增强文本可读性
- 将studyStageName和courseCategoryName的展示从el-tag改为el-button
- 统一按钮样式为小尺寸、12号字体的主色调按钮

refactor(SearchPlatform): 重构搜索平台顶部区域样式

- 将顶部容器class从padding12改为search-platform-top
- 新增search-platform-top样式定义,设置上下内边距为12px 0 12px
- 调整typeList分类列表padding从20px 0改为10px 0

refactor(workflowTrade): 同步调整工作流交易页面布局

- 统一顶部容器class命名,应用search-platform-top样式
- 调整分类列表内边距以保持视觉一致性
```

zhangningning 1 week ago
parent
commit
b3a277c829

+ 4 - 3
src/pages/LearningSystem/LearningSystem.vue

@@ -281,10 +281,11 @@
   .typeInfo{
     padding: 0 12px 0;
     .typeList{
-      padding: 20px 0;
-      height: 70px;
+      padding: 9px 0;
+      height: 50px;
       overflow: hidden;
       &.isShow{
+        min-height: 50px;
         height: auto;
       }
       &.typeborder{
@@ -296,7 +297,7 @@
         white-space: nowrap;
       }
       .typeItem{
-        margin: 4px 8px;
+        // margin: 4px 8px;
         cursor: pointer;
         padding: 4px 8px;
         &.active{

+ 3 - 3
src/pages/LearningSystem/LearningSystemDetail.vue

@@ -13,12 +13,12 @@
         <img :src="info.coverImageUrl" alt="" class="border_radius_16" style="width: 500px; height: 280px;">
         <div class="flex_1 ml20">
           <div class="gap10">
-            <el-button type="primary" v-if="info.skillTagName">{{info.skillTagName}}</el-button>
+            <el-button type="primary" class="font_size14" v-if="info.skillTagName">{{info.skillTagName}}</el-button>
             <div class="bold font_size30">{{info.courseTitle}}</div>
           </div>
           <div>
-            <el-tag type="primary"  plain v-if="info.studyStageName">{{info.studyStageName}}</el-tag>
-            <el-tag type="primary" plain v-if="info.courseCategoryName">{{info.courseCategoryName}}</el-tag>
+            <el-button class="font_size12" type="primary" size="small"  plain v-if="info.studyStageName">{{info.studyStageName}}</el-button>
+            <el-button class="font_size12" type="primary" size="small" plain v-if="info.courseCategoryName">{{info.courseCategoryName}}</el-button>
           </div>
           <div class="gray font_size16 mt10 line2" :title="info.courseIntro">
             {{info.courseIntro}}

+ 5 - 2
src/pages/SearchPlatform.vue

@@ -2,7 +2,7 @@
   <div class="search-platform container-height">
     <div v-if="!isChildRoute">
       <Breadcrumb />
-      <div class="padding12 bg_color_fff border_radius_16 box_shadow_card">
+      <div class="search-platform-top bg_color_fff border_radius_16 box_shadow_card">
         <!-- 搜索与创建区域 -->
         <div class="search-create-bar">
           <div class="search-input-container flex_1">
@@ -214,6 +214,9 @@
   }
 }
 .search-platform {
+  .search-platform-top{
+    padding: 12px 12px 0 12px;
+  }
  
   // 搜索创建栏嵌套
   .search-create-bar {
@@ -259,7 +262,7 @@
     }
   }
   .typeList{
-    padding: 20px 0;
+    padding: 10px 0;
     &.typeborder{
       border-bottom: 1px dashed #DCDFE6;
     }

+ 5 - 2
src/pages/workflowTrade/workflowTrade.vue

@@ -2,7 +2,7 @@
   <div class="search-platform container-height">
     <div v-if="!isChildRoute">
       <Breadcrumb />
-      <div class="padding12 bg_color_fff border_radius_16 box_shadow_card">
+      <div class="search-platform-top bg_color_fff border_radius_16 box_shadow_card">
         <!-- 搜索与创建区域 -->
         <div class="search-create-bar"> 
           <div class="search-input-container flex_1">
@@ -288,6 +288,9 @@
   }
 }
 .search-platform {
+  .search-platform-top{
+    padding: 12px 12px 0 12px;
+  }
  
   // 搜索创建栏嵌套
   .search-create-bar {
@@ -333,7 +336,7 @@
     }
   }
   .typeList{
-    padding: 20px 0;
+    padding: 10px 0;
     &.typeborder{
       border-bottom: 1px dashed #DCDFE6;
     }