浏览代码

[公共组件]fix: 详情页头部

wangzs 4 月之前
父节点
当前提交
77151e8aa1
共有 1 个文件被更改,包括 8 次插入3 次删除
  1. 8 3
      src/components/business/page-detail-layout/index.vue

+ 8 - 3
src/components/business/page-detail-layout/index.vue

@@ -5,7 +5,7 @@
         <div class="header-t">
           <div class="header-t-left">
             <span class="htf-title">{{ title }}</span>
-            <slot  name="titleRight"></slot>
+            <slot name="titleRight"></slot>
           </div>
           <div class="header-t-right" v-if="slots.toolBtn">
             <slot name="toolBtn"></slot>
@@ -113,6 +113,10 @@
               font-size: 18px;
               color: #000;
               font-weight: 600;
+              width: 550px;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
             }
           }
 
@@ -123,7 +127,7 @@
           }
         }
         .header-index {
-          margin-top: 8px;
+          margin-top: 12px;
           width: 100%;
           display: flex;
           gap: 8px;
@@ -138,7 +142,7 @@
       .header-bottom {
         margin-top: 16px;
         width: 100%;
-        padding: 10px;
+        padding: 12px 14px;
         display: flex;
         background: #f0f4fe;
         border-radius: 8px;
@@ -168,6 +172,7 @@
         width: 100%;
         height: 100%;
         overflow-x: auto;
+        overflow-y: hidden;
       }
     }