提交代码

fhKeeper/formulahousekeeper/customerBuler-crm/src/App.vue

@@ -55,7 +55,7 @@ body,
   width: 100%;
   height: 100%;
   /* overflow: hidden; */
-  min-width: 600px;
+  min-width: 650px;
 }
 * {
   font-family: '微软雅黑';

fhKeeper/formulahousekeeper/customerBuler-crm/src/pages/header/header.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class=" flex flex-row justify-start items-center text-white flex-1 parentBox" ref="parentDiv">
-    <div class="trademark mr-8 flex items-center">
-      <img :src="loginLogin" class="w-10 h-10 mr-4" />
-      <div>客户管家</div>
-    </div>
+  <div class="trademark mr-8 flex items-center text-white">
+    <img :src="loginLogin" class="w-10 h-10 mr-4" />
+    <div class="text-nowrap">客户管家</div>
+  </div>
+  <div class=" flex flex-row justify-start items-center text-white flex-1 parentDiv" ref="parentDiv">
     <div v-for="(routerItem, routerItemIdex) in routerList"
       :class="`border-b-2 border-transparent hover:border-white p-2 mr-4 cursor-pointer multipleyHeader ${activeRouter?.path === routerItem.path ? 'border-white' : ''}`"
       :key="routerItem.path" ref="childDivs" v-show="visibleItems.includes(routerItemIdex)">
@@ -29,7 +29,7 @@
       </div>
     </div>
   </div>
-  <div class="flex flex-row justify-start items-center text-white">
+  <div class="flex flex-row justify-start items-center text-white header-right">
     <el-icon :size="26" class="ml-4 cursor-pointer">
       <Bell />
     </el-icon>
@@ -123,13 +123,22 @@ watchEffect(() => {
   height: 96%;
   display: flex;
   align-items: center;
+  text-wrap: nowrap;
 
   .headerText {
     font-size: 16px;
   }
 }
 .parentBox {
-  max-width: 80%;
+  // max-width: 80%;
+  // min-width: 300px;
+  flex: 1;
   overflow: hidden;
 }
+.header-right {
+  width: 135px;
+}
+.parentDiv {
+  width: 50%;
+}
 </style>