diff --git a/webintroduce/src/assets/css/mixin.scss b/webintroduce/src/assets/css/mixin.scss index 0518199..fa0ebf8 100644 --- a/webintroduce/src/assets/css/mixin.scss +++ b/webintroduce/src/assets/css/mixin.scss @@ -41,6 +41,14 @@ box-shadow: $x $y $blur $color; } +//居中 +@mixin pos-middle() { + position: absolute; + left: 50%; + top:50%; + transform: translate(-50%,-50%); +} + diff --git a/webintroduce/src/assets/css/reset.css b/webintroduce/src/assets/css/reset.css index 0b0c0a6..5b88840 100644 --- a/webintroduce/src/assets/css/reset.css +++ b/webintroduce/src/assets/css/reset.css @@ -138,6 +138,7 @@ table { } + /*自定义导航选中样式*/ .navActive{ color: #f00; diff --git a/webintroduce/src/assets/css/variables.scss b/webintroduce/src/assets/css/variables.scss index d27200a..1cbadd4 100644 --- a/webintroduce/src/assets/css/variables.scss +++ b/webintroduce/src/assets/css/variables.scss @@ -1,4 +1,4 @@ -$baseColor:#000; +$baseColor:#fff; $baseBgColor:rgba(247,248,250,1); diff --git a/webintroduce/src/views/enterprise.vue b/webintroduce/src/views/enterprise.vue index c83010c..5e56c8d 100644 --- a/webintroduce/src/views/enterprise.vue +++ b/webintroduce/src/views/enterprise.vue @@ -1,6 +1,12 @@ @@ -17,4 +23,18 @@ export default { background: url("../assets/images/enterprise/banner.png") no-repeat; background-size: 100% 100%; } + .banner-des{ + width: 1100px; + color: $baseColor; + @include pos-middle; + border-bottom: 1px solid #fff; + } + .main-title{ + font-size: 77px; + } + .sub-title{ + margin: 43px 0; + font-size: 42px; + color: rgba(255,255,255,.8); + }