|
@@ -1,9 +1,12 @@
|
|
<template>
|
|
<template>
|
|
<div class="c-con">
|
|
<div class="c-con">
|
|
- <div>
|
|
|
|
|
|
+
|
|
|
|
+ <img class="bgImg" :src="data.img" alt="">
|
|
|
|
+
|
|
|
|
+ <!-- <div>
|
|
<img class="full" :src="data.img" alt="">
|
|
<img class="full" :src="data.img" alt="">
|
|
<img class="real" :src="data.img" alt="">
|
|
<img class="real" :src="data.img" alt="">
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
<sbutton @click.native="goto" class="enter" :name="'进入数字史馆'"/>
|
|
<sbutton @click.native="goto" class="enter" :name="'进入数字史馆'"/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -63,10 +66,20 @@ export default {
|
|
left: 50%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
|
|
+.bgImg{
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ object-fit: cover;
|
|
|
|
+ pointer-events: none;
|
|
|
|
+}
|
|
|
|
|
|
.c-con{
|
|
.c-con{
|
|
position: relative;
|
|
position: relative;
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
+ height: 100%;
|
|
>div{
|
|
>div{
|
|
position: relative;
|
|
position: relative;
|
|
font-size: 0;
|
|
font-size: 0;
|