顶部样式

src/pages/modules/home/left/index.vue

@@ -9,10 +9,11 @@
         <div class="style_block" style="background: yellow;top: calc(100% / 3);bottom: 0"></div> -->
         <div class="n_header">
             <div class="n_header_h1">
-                <h1>晟华生产数</h1>
+                <h1>生产数据</h1>
             </div>
         </div>
         <div class="left_bg"></div>
+        <div class="button_bg"></div>
         <div class="n_body_container">
             <div class="n_left_wraper">
                 <left-page></left-page>
@@ -40,6 +41,7 @@ export default {
     position relative
     width 100%
     height 100%
+    background center / 100% url('../../../../images/bg-home_left.jpg') no-repeat
     overflow hidden
 .n_header
     position absolute
@@ -47,20 +49,25 @@ export default {
     top 0
     width 100%
     height 181px
-    background center / 100% url('../../../../images/top-bg_left.png') no-repeat
+    background center / 100% url('../../../../images/bg-top_left.png') no-repeat
 .n_header_h1
     width: 100%;
     height: 100%;
+    padding-top 26px
     h1
-        font-size: 32px;
+        font-size: 60px;
-        line-height: 1;
+        font-family: 'YouSheBiaoTiHei';
-        color: #fff;
+        font-weight: 400;
-        font-weight: normal;
+        color: transparent;
-        text-align: right;
+        line-height: 44px;
-        padding-bottom 2%
+        opacity: 0.89;
-        letter-spacing 6px
+        letter-spacing 18px
-        font-family "阿里妈妈数黑体" !important
+        background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 73.3154296875%, #E0EAF6 100%);
-        margin-right -3px
+        filter: drop-shadow(#092F6D 1px 4px 1px);
+        -webkit-background-clip: text;
+        background-clip: text;
+        text-align right
+        margin-right -9px
 .left_bg
     position absolute
     left 0
@@ -68,6 +75,13 @@ export default {
     width 34px
     height 839px
     background center / 100% url('../../../../images/bg-left.png') no-repeat
+.button_bg
+    position absolute
+    left 0
+    bottom 0
+    width 100%
+    height 46px
+    background center / 100% url('../../../../images/bg-button_left.png') no-repeat
 .n_body_container
     width 100%
     height 100%
@@ -82,6 +96,5 @@ export default {
 .n_right_wraper
     width calc(100% - 965px)
     height 100%
-    background #2f3040
+    background center / 100% url('../../../../images/bg-center_left.jpg') no-repeat
-    opacity 0.5
 </style>

src/pages/modules/home/left/left.vue

@@ -908,7 +908,6 @@ export default {
     _wh(100%, 100%)
 .item_wraper
     _wh(100%, calc((100% - 50px) / 3))
-    background #2f3040
     margin-bottom 25px
     &:last-child
         margin-bottom 0

src/pages/modules/home/left/right.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="right_wraper">右</div>
+    <div class="right_wraper"></div>
 </template>
 
 <style lang="stylus" scoped>

src/pages/modules/home/right/index.vue

@@ -36,7 +36,7 @@ export default {
 .n_header
     width 100%
     height 8%
-    background center / 100% url('../../../../images/bg-right.png') no-repeat
+    background center / 100% url('../../../../images/bg-top_right.png') no-repeat
 .n_header_h1
     width: 100%;
     height: 100%;