经营日报表样式更新

src/pages/daily.vue

@@ -2,11 +2,14 @@
   <div class="daily">
     <div class="reportcom-header-wap">
       <div class="reportcom-header">
-        <div class='reportcom-logo'>
+        <!-- <div class='reportcom-logo'>
           <img src="../assets/longjoe.png" class="reportcom-img-responsive"></img>
-        </div>
-        <div class="reportcom-header-title">2019.02.27 经营日报表</div>
+        </div> -->
+        <div class="reportcom-header-title" style="font-size:35px">经营日报表</div>
+        <div class="reportcom-header-title">2019.02.27</div>
       </div>
+      <div class="reportcom-header-sub"></div>
+      <div class="reportcom-header-sub-two"></div>
     </div>
     <!-- 订货 -->
     <div class="daily-sale">
@@ -425,13 +428,14 @@
 
   .reportcom-header-wap {
     width: 100%;
+    height: 150px;
     overflow: hidden;
   }
 
   .reportcom-header {
     width: 120%;
-    height: 90px;
-    background-color: rgb(253, 145, 83);
+    height: 100px;
+    background-color: #fd9153;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 50%;
@@ -440,6 +444,39 @@
     left: -10%;
     padding: 10px 0;
     margin-bottom: 10px;
+    z-index: 9999;
+  }
+
+  .reportcom-header-sub {
+    width: 130%;
+    height: 98px;
+    background-color: #ffba92;
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 50%;
+    border-bottom-left-radius: 50%;
+    position: relative;
+    top: -120px;
+    left: -23%;
+    padding: 10px 0;
+    margin-bottom: 10px;
+    z-index: 9998;
+  }
+
+  .reportcom-header-sub-two {
+    width: 140%;
+    height: 98px;
+    background-color: #fddecc;
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 50%;
+    border-bottom-left-radius: 50%;
+    position: relative;
+    top: -240px;
+    left: -35%;
+    padding: 10px 0;
+    margin-bottom: 10px;
+    z-index: 9997;
   }
 
   .reportcom-logo {
@@ -458,7 +495,7 @@
     position: relative;
     left: 10%;
     color: #ffffff;
-    font-size: 25px;
+    font-size: 22px;
     font-weight: bold;
     /* margin: 10px 0; */
   }