Vbanner.vue
876 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<template>
<div class="banner pos-rel" :style="{backgroundImage:'url('+bannerBg+')'}">
<div class="banner-des">
<p class="banner-title">{{bannerTitle}}</p>
<p class="banner-sub-title">{{subTitle}}</p>
</div>
</div>
</template>
<script>
export default {
name: 'Vbanner',
props:{
bannerTitle:String,
subTitle:String,
bannerBg:String
}
}
</script>
<style scoped lang="scss">
.banner {
height: $baseBannerHeight;
/*background: url("../assets/images/enterprise/banner.png");*/
background-repeat: no-repeat;
background-size: 100% 100%;
}
.banner-des {
width: 1100px;
color: $baseColor;
@include pos-middle;
border-bottom: 1px solid #fff;
}
.banner-title {
font-size: 77px;
}
.banner-sub-title {
margin: 43px 0;
font-size: 42px;
color: rgba(255, 255, 255, .8);
}
</style>