56 lines
1.0 KiB
Vue
56 lines
1.0 KiB
Vue
<template>
|
||
<div class="home">
|
||
<div class="banner">
|
||
<div class="banner_text">
|
||
<div style="font-size: 50px; color: #e7e7e7;">
|
||
来源于临床，服务于临床
|
||
</div>
|
||
<div style="font-size: 35px; color: #e7e7e7;">
|
||
用先进的影像数据分析技术，为生命保驾护航
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data () {
|
||
return {
|
||
}
|
||
},
|
||
|
||
methods: {
|
||
|
||
},
|
||
mounted () {}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.home {
|
||
background: #fff;
|
||
.banner {
|
||
height: 340px;
|
||
background: url(../../../../src/static/images/banner.jpg) no-repeat center center;
|
||
background-size: cover;
|
||
position: relative;
|
||
overflow: hidden;
|
||
clear: both;
|
||
.banner_text {
|
||
width: 100%;
|
||
font-size: 52px;
|
||
position: absolute;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
top: 50px;
|
||
color: #fff;
|
||
text-align: center;
|
||
}
|
||
}
|
||
}
|
||
</style>
|