|
@@ -6,10 +6,13 @@ const $env = inject("$env")
|
|
|
|
|
|
<template>
|
|
<template>
|
|
<div class="pc-home">
|
|
<div class="pc-home">
|
|
- <img
|
|
|
|
- :src="`${$env.BASE_URL}code.png`"
|
|
|
|
- alt=""
|
|
|
|
- >
|
|
|
|
|
|
+ <div class="code-box">
|
|
|
|
+ <img
|
|
|
|
+ :src="`${$env.BASE_URL}new.png`"
|
|
|
|
+ alt=""
|
|
|
|
+ >
|
|
|
|
+ 扫码观看无尽藏线上数字展
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -18,14 +21,17 @@ const $env = inject("$env")
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
- background: rgba(60,89,71,.65);
|
|
|
|
|
|
+ background: url(@/assets/images/pc-bg.png);
|
|
|
|
+ background-size: cover;
|
|
backdrop-filter:blur(20px);
|
|
backdrop-filter:blur(20px);
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-items: center;
|
|
- img{
|
|
|
|
- width: 30%;
|
|
|
|
- // height: 30%;
|
|
|
|
|
|
+ .code-box{
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 30px;
|
|
|
|
+ left: 50%;
|
|
|
|
+ transform: translateX(-50%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|