Z: Dot: new commission layout.

ybf_wx/src/views/profit/index.vue

 <template>
   <div class="container">
-    <div class="top">
-      <div class="left">
-        <img src="../../../public/img/money.png" alt="" />
-        <p>佣金收益</p>
-        <div class="money">21321.00</div>
-        <div class="detail">查看明细</div>
+    <div class="titleBars">
+
+        <img class="titleBar-icon" :src="menuBarInfo.icon.now['3']" />
+
+      <div class="titleBar-title">
+      收益
       </div>
-      <div class="right">
-        <img src="../../../public/img/task.png" alt="" />
-        <p>任务达成</p>
-        <div class="money">5/10</div>
-        <div class="detail">查看明细</div>
+    </div>
+    <div class="top">
+      <div class="">
+        佣金总收益
       </div>
     </div>
     <div class="list">
@@ -352,7 +351,8 @@ export default {
   justify-content: flex-start;
 }
 .top {
-  height: 160px;
+  /* border: 1px solid blue; */
+  height: 120px;
   background: #fff;
   box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
   padding: 24px;
@@ -407,4 +407,30 @@ export default {
 .menuBar-title-ac {
   color: rgba(67, 119, 188, 1);
 }
+
+.titleBars{
+  height: 32px;
+  width: 100%;
+  /* border: 2px solid red; */
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: white;
+  box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
+  margin-bottom: 4px;
+}
+.titleBar-icon {
+  height: 28px;
+  width: 28px;
+  /* border: 2px solid orange; */
+}
+.titleBar-title{
+  height: 100%;
+  width: auto;
+  /* border: 2px solid green; */
+  font-size: 18px;
+  line-height: 32px;
+  text-align: center;
+}
 </style>