45 lines
827 B
Vue
45 lines
827 B
Vue
<script lang="ts" setup>
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<UPageCTA
|
|
:ui="{ container: 'border-0' } "
|
|
description="3D INTELLIGENT APIARY"
|
|
title="3D智慧蜂场"
|
|
/>
|
|
|
|
<div class="hero-fullscreen"/>
|
|
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
/* 关键CSS */
|
|
.hero-fullscreen {
|
|
position: relative;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.hero-fullscreen::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: url('/img/index/model2.b444287.gif');
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
z-index: -1; /* 确保内容在前景 */
|
|
}
|
|
|
|
/* 适配UPageHero内部样式 */
|
|
.hero-fullscreen :deep(.u-page-hero) {
|
|
background-color: transparent; /* 移除组件默认背景 */
|
|
height: 100%;
|
|
}
|
|
</style> |