顶部样式

This commit is contained in:
2023-12-29 18:03:47 +08:00
parent 6f28abf439
commit a7fbd4e7df
14 changed files with 28 additions and 16 deletions

BIN
src/images/bg-button_left.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

BIN
src/images/bg-button_right.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

BIN
src/images/bg-center_left.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 616 KiB

BIN
src/images/bg-center_right.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 488 KiB

BIN
src/images/bg-home_left.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 708 KiB

BIN
src/images/bg-home_right.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 748 KiB

BIN
src/images/bg-top_left.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

BIN
src/images/bg-top_right.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 104 KiB

View File

@@ -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;
line-height: 1;
color: #fff;
font-weight: normal;
text-align: right;
padding-bottom 2%
letter-spacing 6px
font-family "阿里妈妈数黑体" !important
margin-right -3px
font-size: 60px;
font-family: 'YouSheBiaoTiHei';
font-weight: 400;
color: transparent;
line-height: 44px;
opacity: 0.89;
letter-spacing 18px
background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 73.3154296875%, #E0EAF6 100%);
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
opacity 0.5
background center / 100% url('../../../../images/bg-center_left.jpg') no-repeat
</style>

View File

@@ -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

View File

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

View File

@@ -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%;