组件优化

hdPad/src/pages/home/components/customInfo.vue

@@ -1,6 +1,9 @@
 <template>
 <view>
   <view class="custom-info">
+    <view class="customer-detail-nav">
+      <text>客户详情</text>
+    </view>
     <view class="custom-detail">
       <view class="info-card">
         <view class="info-item">
@@ -159,10 +162,20 @@ export default {
 }
 .custom-info{
   display:flex;
+  flex-direction: column;
   height: 100vh;
   
+  & .customer-detail-nav {
+    padding: 3upx;
+    font-size: 12upx;
+    background-color: #09C567;
+    color: #FFFFFF;
+    text-align: center;
+    flex-shrink: 0;
+  }
+  
   & .custom-detail{
-    height: 100vh;
+    height: calc(100vh - 20upx);
     overflow-y: auto;
     border-right:1upx solid #EEEEEE;
     flex: 1;

hdPad/src/pages/home/custom.vue

@@ -9,9 +9,6 @@
                 <customList ref="customListRef" @getCustomInfo="getCustomInfo"></customList>
             </view>
             <view class="custom-info">
-                <view class="customer-detail-nav">
-                    <text>客户详情</text>
-                </view>
                 <customInfo ref="customInforRef" :selectCustomId="selectCustomId" @calcFn="calcFn" @finishNotice="finishNotice"></customInfo>
             </view>
             <view class="custom-asset">
@@ -107,16 +104,6 @@ export default {
     }
     & .custom-info{
         flex: 32;
-        display: flex;
-        flex-direction: column;
-        
-        .customer-detail-nav {
-            padding: 3upx;
-            font-size: 12upx;
-            background-color: #09C567;
-            color: #FFFFFF;
-            text-align: center;
-        }
     }
     & .custom-asset{
         flex: 32;