25 lines
647 B
Vue
25 lines
647 B
Vue
<script lang="ts" setup>
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
:style="{ backgroundImage: `url('/img/index/3d_bg.png')` , }"
|
|
class="bg-cover bg-no-repeat bg-center w-full ">
|
|
|
|
<Motion
|
|
:in-view-options="{ once: true }"
|
|
:initial="{ opacity: 0 ,transform: 'translateX(40px)'}"
|
|
:transition="{ duration: 0.6,delay: 0.1}"
|
|
:while-in-view="{ opacity: 1,transform: 'translateX(0px)' }"
|
|
>
|
|
<TitleSection
|
|
subtitle="3D INTELLIGENT APIARY"
|
|
title="3D智慧蜂场"
|
|
/>
|
|
</Motion>
|
|
<img alt="" class="w-full lg:px-40 " src="/img/index/model2.b444287.gif">
|
|
</div>
|
|
|
|
</template>
|